fsoooo Blog

内不欺己,外不欺人,上不欺天。君子所以慎独。

Vue学习笔记 遍历el Checkbox

Vue学习笔记-遍历el-checkout <el-checkbox @change="handleCheckedCitiesChange" v-model="checkAll" :label="list.eventtypeid"> 全选 </el-checkbox> <el-checkb...

Vue学习笔记 身份证规则校验

// 身份证验证 Vue.prototype.$checkIdCard = function(idCard){ let _this = this; let bbd = ''; // 出生日期 let sex = ''; // 性别 let canPass = true; idCard = idCard.toUpperCase(); // 转大写 ...

Vue学习笔记 组件通信

最近公司需要开发酒店客房管理的OTA系统,我们使用 vue.js 2.0 +ElementUI 开发时 , 就遇到了问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , vue 组件之间的通信让我感到崩溃: <!--父组件中引入子组件--> <template> <...

Vue学习笔记 百度统计

百度统计是一个可以统计页面数据的平台工具,同样也可以使用在Vue页面里。 百度统计——移动统计通过多年沉淀下来的分析方法论赋能给开发者提供全面、专业、精准的分析,同时,更能将APP、百度小程序、微信小程序多端数据统一查看,深刻洞察线上用户的行为特征,以实现数据驱动商业运营与产品迭代的目标。 我之前分享过一篇介绍百度统计的文章,感兴趣的朋友可以了解一下:免费便捷的统计工具-百度统计 在V...

Vue学习笔记 生命周期与钩子函数

vue生命周期简介 生命周期探究 <template> <div id="app"> <p></p> </div> </template> <script type="text/javascript"> var app = new Vue({ el:...

Vue学习笔记 校验ip是否在同一网段

###一.IP地址分类 D和E不对民用组织开放,所以我们能使用IP地址的只有ABC三类。 A、B、C三类IP地址的特征:当将IP地址写成二进制形式时,A类地址的第一位总是0,B类地址的前两位总是10,C类地址的前三位总是110。 主机号:用于识别该网络中的主机。 ####A类地址 (1)A类地址第1字节为网络地址,其它3个字节为主机地址。它的第1个字节的第一...

Vue学习笔记 数组操作

###变异方法 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。 pop() 方法用于删除并返回数组的最后一个元素。 shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。 unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。 sort() ...

Vue学习笔记 插槽

深入理解vue中的slot与slot-scope 插槽,也就是slot,是组件的一块HTML模板。 对于任何一个组件,从模板种类的角度来分,其实都可以分为非插槽模板和插槽模板两大类。 非插槽模板指的是html模板,比如‘div、span、ul、table’这些,非插槽模板的显示与隐藏以及怎样显示由组件自身控制; 插槽模板是slot,它是一个空壳子,因为它的显示与隐藏以及最后用什么样的...

Vue学习笔记 拦截器

拦截器: 对特定的http请求或响应消息或请求头进行验证,拦截不合法的http交互以保证web环境的安全。 拦截器起一个拦截作用拦,在请求接口时,多一次或多次验证。例如:你写了几个请求数据的接口,开启服务后,用户没登录直接访问这些接口,也是可以拿到数据的,但这就违背了后台管理系统必须先登录的原则,一些不良用心的人就会利用这个漏洞来窃取你的数据库数据了。这时就需要到拦截器了。 ...

Vue学习笔记 引入echarts图表

近期,公司出了一个新需求,我们需要开发一个数据统计平台,于是就需要使用图表来是数据更直观的呈现。Echarts是我们的首选。 重点:用较少的代码实现比较酷炫的数据统计表. ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的...