miniProgram

微信小程序标签

微信小程序常见标签使用

一、view标签&text标签

view标签：

  1. 长按展示不同样式： <view hover-class="classhover"></view>

  2. 阻止冒泡：<view hover-stop-propagation="true"></view>

    文档：https://developers.weixin.qq.com/miniprogram/dev/component/view.html

text标签：

  1. 长按使文字能被复制： <text selectable></text>;

  2. 对文本内容进行解码（例如识别$nbsp;）：<text decode></text>

    文档：https://developers.weixin.qq.com/miniprogram/dev/component/text.html

Read More

css

css隐藏滚动条

有的时候我们需要在一个宽度较小的情况下实现滚动，但是由于电脑端滚动条自身会占据一定的宽度，实际可视范围很可能非常小，这时就需要隐藏滚动条了。

Read More

Vue►Element-ui

Element-ui使用心得

Element-ui使用心得

el-form

  • el-form数据:model，校验数据:rules，表单标签宽度label-width
  • el-form-item表单标签label，校验数据prop
  • 内部表单组件数据v-model
修改数据：

  • 数据回显：

    若在dialog中则在关闭之后通过this.$refs获取el-form实例上的resetFields方法重置表单数据（重置表单一定要给el-form-item加prop属性）

  • 数据上传：

    通过this.$refs获取el-form实例上的validate方法，使用try&catch进行表单校验，校验成功后发送ajax上传表单数据

Read More

Vue

Vue脚手架：vue-cli

vue脚手架的使用

脚手架的意义

  • 脚手架是开发现代web应用的必备
  • 充分利用webpack，babel，eslint等工具辅助项目开发
  • 开箱即用，零配置，无需手动配置繁琐的工具即可使用
  • vue脚手架还提供了配套的图形管理界面，用于创建，开发和管理你的项目

Read More

Vue

Vue动画：transition组件

Vue动画：transition组件

Vue中新增的动画语法，一般用于实现转场动画

基本使用

Vue 提供了 transition 的封装组件，在v-if 和 v-show中，可以给任何元素和组件添加进入/离开过渡（会在动画过程中依次给组件中的元素切换6个类名）

Read More

Vue

Vue自定义指令

Vue自定义指令

某些情况仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。

比如：获取文本框的焦点（autofocus有兼容性问题，vue中默认无法使用，需要用到表单的focus方法，vue推荐将此方法封装成自定义指令）

Read More