程序员瑶琴

摘要： 移动端经常回用到复制粘贴功能，这里记录一下 安装： npm install clipboard --save 引入： import Clipboard from "clipboard"; 使用： <span id="copyId">待复制文本</span> <button id="copyBtn" 阅读全文

摘要： 基本上的前端的滑块，图片验证，文字验证都有 https://github.com/yimijianfang/vue-drag-verify 示例：https://yimijianfang.github.io/vue-drag-verify/#/ 实例演示： 1)普通的滑块验证 安装： npm i v 阅读全文

摘要： 最近公司的项目里面有一个倒计时的功能，使用的组件是vant组件库的 van-count-down倒计时，精确到毫秒渲染，但是在ios上出现一个问题，ios上在进行渲染的时候，时间变化时，一直在跟着抖动， 抖动原因：时间变化时，每个数字的宽度不同，所以出现了数字一边在变化一边在抖动的问题 解决：使用等 阅读全文

摘要： <p class="linecolor">文字颜色渐变</p> <style type="text/css"> .linecolor{ font-size: 30px; background-image:-webkit-linear-gradient(bottom,red,#fd8403,yello 阅读全文

摘要： 抛出3个疑问： 1、async是干哈的？ 2、await在等啥？ 3、await等到了又要干哈？ 先说说AsyncFunction AsyncFunction构造函数用来创建新的异步函数对象，JavaScript中每个异步函数都是AsyncFunction的对象。 new AsyncFunction 阅读全文

摘要： 1.页面中使用 <div id="app"> <p>{{ message | capitalize1('222') | capitalize2 }}</p> <p></p> </div> 2.过滤器编写 <script> var vm = new Vue({ //vue根实例 el:'#app', 阅读全文

摘要： 1）全局注册 1.在main.js中通过Vue.directive全局注册一个指令 Vue.directive('demo', { bind: function (el, binding, vnode) { var s = JSON.stringify el.innerHTML = 'name: ' 阅读全文

摘要： 官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。 受现代 阅读全文

摘要： watch是一个对象，这个对象的键是需要观察的表达式，值可以是直接方法、方法名、包含选项的对象等等，Vue实例会在实例化时调用$watch(), 遍历watch对象的每一个属性，并且观察。 1）简单监听，直接用方法作为回调（或者说作为值） <div> <p>{{msg}}</p> <input v- 阅读全文

摘要： el-tree-transfer的数据处理 注意看下面的踩坑 一，标准用法 github文档：https://github.com/hql7/tree-transfer 1.使用组件 <tree-transfer :title="title" :from_data='fromData' :to_da 阅读全文