coderW的博客

因为项目太大了,很多很大的依赖包,为了做优化,把大的包通过cdn的方式引入,但是正式服希望引入min.js,开发服希望直接引入非min的js,因为min版把一些报错和警告都去掉,不方便调试需求:①.期望使用min.js资源的服使用min.js的cdn资源②.期望使用非min.js资源的服使用非min.js的cdn资源一、查找.通过"webpack-bundle-analyzer"插件,查到到较大的依赖,就找对应的CDN资源引入//vue.config.js下//下载依赖 npm i -D web

需求:是点击确定才变更时间element的组件是change就会改变双向绑定的值,看到源码有handleClose方法,于是尝试在handleClose方法动收件,并且套了一层,封装这个DateTimePicker组件,缺点:点击确定后,派发给父组件的值,在提交前需要处理转化一下格式,但是好歹算是实现了父组件: <picker :disabled="false" v-model="timer" format="yyyy.MM.dd HH:mm" val

需求:在移动端需要展示各种富文本编辑器产出的富文本内容,且横向不滚动问题:因为移动端用的是rem适配,富文本内容固定是px单位,会导致页面横向滚动p.style{ weight:auto;} //把富文本的px转成rem //Big.js是一个解决计算失精问题的插件,可以直接除100 function pxToRem(a, b,) { let _Bi...

IOS在输入框输入确认后,会存在页面被键盘顶起来,下部分留白问题目前没发现此方法有BUG在app.vue里面添加函数和失焦事件 //在对应生命周期添加以下逻辑 //最好加一个是否为IOS环境的判断 this.$nextTick(() => { document.addEventListener('blur', this.blurChange, true) }); ...

添加指令在滚动的最外层元素使用该指令1.适用于弹窗内部不需要滚动的场景Vue.directive('lockScrollBack', { update: function (el, binding, vnode) { if (binding.value.includes(true)) { el.addEventListener('touchmove', bodyScr...

PC端,基于vue框架,通过原生api实现的拖动效果要点1.通过事件委托优化性能和解决数据异步渲染的问题2.通过元素节点的draggable属性,设置对应元素为可拖动或者不可拖动&amp;lt;template&amp;gt; &amp;lt;div id=&quot;app&quot; ref=&quot;app&quot;&amp;gt; &amp;lt;!--draggable设置为true才可以拖动--&a

需求:父子组件value的双向绑定v-model可以拆分为@input和:valuev-model实现双向绑定是@input的回调函数中,执行赋值给value的语法糖子组件向父组件通讯,第一个参数为input,其实是给父组件中子组件@input回调中传入参数并且设置对应value改变父组件中对应双向绑定的值,即可实现双向绑定只能实现子组件最上级元素的value绑定,适用于父组件控制子组...