摘要：
在使用vue.js框架的时候，有时候会希望在页面渲染完成之后，再执行函数方法来处理初始化相关的操作，如果只处理页面位置、宽或者高时，必须要在页面完全渲染之后才可以，页面没有加载完成之前，获取到的宽高不准确。使用过jquery的都知道，有个ready方法可以使用，但vue.js则需要结合watch和n 阅读全文
摘要：
步骤： 遍历对象（goods）获取菜单栏每一项的对象（item）和下标（index） 添加点击事件toggle()，传入下标参数：@click="fn1();fn2()" 动态切换classname：:class="{'active':index ==checkindex }"> （class赋予对 阅读全文
摘要：
一般在写前端页面时，经常会遇到分页这样的效果，element-ui中便有这样的插件，用vue框架使用的很方便，在此做一总结： <template> <div class="block"> <el-pagination @size-change="handleSizeChange" // pageSi 阅读全文
摘要：
vue-cli脚手架工具快速构建项目架构： 1、首先默认了有已经安装了node，然后依次执行以下命令： npm install -g vue-cli 全局安装vue-cli vue init webpack cnm 生成项目名为cnm的的项目模板，cnm自定义 npm install 到cnm文件夹 阅读全文
摘要：
前几天在网上看到好多网站上都有日历，当时就在纠结这玩意是怎么写出来的，而且日期还能来回切换，后来经过自己的构思，写出来了一个小demo，最后感觉也没有这么难，下边便把这个demo展现出来： 效果图： HTML代码： 1 <div class="calendar"> 2 <caption> 3 <di 阅读全文
摘要：
原生语法 使用原生语法，需要导入template-native.js文件。在HTML中定义模板，注意模板的位置，不要放到被渲染区域，防止模板丢失。 1 <script id="tpl" type="text/html"> 2 <% for (var i = 0; i < products.lengt 阅读全文
摘要：
前几天，在做表单验证的时候，发现用户在输入表单内容的时候，正常情况下都是半角输入，但是也有可能是全角输入，所以就牵扯到全角输入内容的验证，这里便提供全角和半角之间的转换函数，与大家分享一下： 1、js判断文字是全角还是半角： 2、全角与半角之间的相互转换： 首先，先得明确以下信息： a.全角空格为1 阅读全文
摘要：
对于实现效果来说，插件的办事效率真的是太高了，而且里边也被处理过兼容性，用起来实在是特别方便，现在我们来说说大话主席中的slide插件，它分为pc端（superslide）和移动端（touchslide）。 superslide： 1、引用jQuery.js 和 jquery.SuperSlide. 阅读全文
摘要：
1. escape 和 unescape escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。 采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等 阅读全文
摘要：
最近在网上看到很多代码都通过引入animate.css来实现动画效果，后来我便使用这种方法来尝试着写了个小案例，结果真的很好用，比我们通常情况下使用css或js实现动画效果好得多，便在此做个总结。 第一步，便是下载相关的animate.css文件，方法有三种： 1.从官网下载： https://ra 阅读全文