摘要:
开发发布npm module包 问题 在项目开发过程中,每当进入一个新的业务项目,从零开始搭建一套前端项目结构是一件让人头疼的事情,就要重新复制一个上一个项目的前端框架和组件代码库。其中很多功能的模块组件都要重复拷贝,可以统一将这些组件类的模块统一打包上传至npm,以后每次都只需要install一下 阅读全文
摘要:
vuecli结合eslint静态检查 搭建vue项目开发可能选择vue cli项目脚手架快速创建vue项目。(https://github.com/vuejs/vue cli) 安装vue cli npm install g vue cli 这种方式安装比较慢,可以用国内淘宝镜像安装,cnpm,安装 阅读全文
摘要:
最近在使用element ui的dialog组件二次封装成独立组件使用时,子组件需要将关闭dialog状态返回给父组件,简单的说就是要实现父子组件之间的数据双向绑定问题。 大致代码如下: 1,父组件 打开弹窗 import dialogCompenent from '/dialogCompenent 阅读全文
摘要:
js正则验证特殊字符 方案一 var regEn = /[`~!@ $%^& ()_+?:"{},.\/;'[\]]/im, regCn = /[·! ¥(——):;“”‘、,|《。》?、【】[\]]/im; if(regEn.test(newName) || regCn.test(newName) 阅读全文
摘要:
项目开发中会用到一些有关时间的上的处理,比如根据某个时间返回该时间的前后一段时间,判断两个时间点的相隔时间等。 1、获取某个时间点的前后一段时间 根据某个时间点获取前后多少年、月、日、时、分、秒函数 / [根据某个时间点获取前后多少年、月、日、时、分、秒] @param {[type]} dateN 阅读全文
摘要:
脚本div实现拖放功能 网页上有很多拖曳的操作,比如拖动树状列表,可拖曳的图片等。 1.原生拖放实现 <!doctype html jQuery UI Autocomplete Default functionality .drag{ width: 200px; height: 200px; bac 阅读全文
摘要:
jQuery实现用户输入自动完成功能 利用jQuery UI中Auto complete插件实现输入自动完成功能,大家在使用诸如淘宝、京东等电商平台搜索商品时,往往只要输入商品的一些特殊字符,就可以显示出和该字符相近的列表菜单,用户使用鼠标或者键盘方向键就可以快速选择,实现了很好的用户体验。 1.最 阅读全文
摘要:
使用Angularjs和Vue.js对比 之前项目都是使用Angularjs,(注明此处主要讲Angularjs 1)在初步使用Vue.js后做一个简单的对比笔记。 首先从理论上简单说一下各自的特点,之后再用几个小的例子加以说明。 Angular 1,MVVM(Model)(View)(View m 阅读全文