摘要： 寻找BUG原因步骤 （1）首先通过v-on关键字寻找到 addHandler，此函数传入的事件名竟然是 textinput（正确为textInput,I是大写，而不是小写），错误就定位在这了；然后往上层继续寻找（即父函数） 注：(onRE.test(name))，var onRE = /^@|^v- 阅读全文

摘要： 应用的平台环境：安卓webview； 涉及的技术点： （1） <input type="file" > ：在开发中，安卓webview默认点击无法调用文件选择与相机拍照（其他的设备ios等浏览器没有此问题），需要让安卓开发同学在代码调整即可； （2） 点击选择图片后如何展示在页面上呢？很多开发人员估 阅读全文

摘要： 实现方法： （1）利用canvas画布，fillRect()描绘出一个矩形（不是透明），定位盖在某个标签如div上面（这个标签写着中奖的信息） （2）globalCompositeOperation = 'destination-out';利用此属性，手指划过画布，arc(x,y, radius... 阅读全文

摘要： 按需加载是网站性能优化立竿见影的其中一项，按需加载可以了解为 当用户触发某个动作的时候，才主动去请求资源，这样带来的优化好处：减少了HTTP请求，节省宽带，让页面首屏的内容更快展现在用户的视线范围内，可见极大提高了用户体检。触发的动作有很多，如鼠标点击，拉动页面滚动条，鼠标经过等等。【一】 图片... 阅读全文

摘要： Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务，如编译less，sass，压缩js，合拼文件等等。（一）安装nodejs环境，Grunt 0.4.x要求Node.js的版本>=0.8.0，如果你已安装了nodejs，命令行中运行node -v查看你的Node.js版本，如... 阅读全文

摘要： 基础知识： 复制数组: （1）循环遍历复制（不推荐）var arry = [1,5,9,7], new_arry = [], n = 0, len = arry.length;for(;n old_arry.length?old_arry.length:range; v... 阅读全文

摘要： Fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网之间的http通讯，设置断点，查看所有的“进出”Fiddler的数据（指cookie,html,js,css等文件，这些都可以让你任意替换线上进行修改的意思），用线下的文件替换线上的进行修改调试，的确很方便。（一）官方... 阅读全文

摘要： 基础知识：在页面上创建canvas标签，然后获取canvas这个元素，因为是画2D图，所以是调用.getContext('2d') 二维图方法var target = document.getElementById('demo'), pic = target.getContext('2d')... 阅读全文

摘要： 这样的箭头用CSS-3实现，整段代码如下： Document 点击查看更多论坛互动 箭头在各移动浏览器都能正常显示，但在安卓 2.x 自带的原生浏览器就出现了问题，箭头方向不对，如下图： 解决方案： 给.u-scrollLoad-tips i 添加 此属... 阅读全文

摘要： 案例背景：在大型网站中，css样式划分为多个模块文件，如reset.css，layout.css，skin.css等等（颗粒化越小，样式重用率越高），页面需要的时候引入它们即可！回到less项目中这里，我们也可以将划分为reset.less，layout.less，skin.less等，然后在本页面... 阅读全文