摘要:
一、gulp中的图片压缩。 最初使用gulp-imagemin做测试。明明配置没问题,但是压缩的时候就会报错,具体原因在哪儿没找到,有可能是因为插件版本或者node版本的问题。于是改用第二个插件:gulp-tinypng-nokey 二、关于各个插件的对比 1、需要的插件包:npm install 阅读全文
摘要:
一、为什么存在 因为setInterval执行的时候,是在全局作用域下的,所有this指向的是全局window,而window上没有name和age,所以输出的是undefined。 通常的写法是缓存this,然后在setInterval中用缓存的this进行操作,如下: 二、和普通函数的区别 从上 阅读全文
摘要:
一、简介 之前用promise对小程序的异步请求转同步请求。今日稍有闲暇便记录于案。 二、promise相关背景 1、是什么?promise的意思是承诺,有的人翻译为许愿,但它们代表的都是未实现的东西,等待我们接下来去实现。Promise最早出现在commnjs,随后形成了Promise/A规范。在 阅读全文
摘要:
一、简介 之前了解了自动化构建相关工具,然后今天有时间就把学习过程碰到的坑写下来。首先是前端自动化构建三大工具gulp\grunt\webpack。其实说是三大工具,但也只是个人主观想法。因为自己常见的并有所了解的就这三个。至于其他的,暂不在讨论范围。 二、gulp、grunt、webpack对比 阅读全文
摘要:
一、前言 最近在做小程序开发,在做流水查询功能时,需判断给出时间是今天还是昨天或者其他的功能并显示在页面上。借鉴参考了网上一些方法。主要原理是通过new一个Date对象,然后通过该对象获取今天零时零分零秒的时间戳。通过该时间戳来判断给出时间的情况。具体如下: 二、代码 阅读全文
摘要:
一、遇到的问题 实际工作中,我们经常性的会通过监听某些事件完成对应的需求,比如: 二、函数防抖 定义:多次触发事件后,事件处理函数只执行一次,并且是在触发操作结束时执行。 原理:对处理函数进行延时操作,若设定的延时到来之前,再次触发事件,则清除上一次的延时操作定时器,重新定时。 函数封装 三、函数节 阅读全文
摘要:
见于:https://blog.csdn.net/zuiziyoudexiao/article/details/76890102 和 http://es6.ruanyifeng.com/#docs/let 一、let的几大特点 1、声明的变量只在当前代码块(块级作用域)中有效。 2、不存在变量提升。 阅读全文
摘要:
一、前言 前阵子一直在找前端优化的相关知识,之前就了解过懒加载但一直没时间去分析代码。现在各种懒加载的插件也比较多,比较受欢迎的就是Jquery的lazyload.js以及无依赖的echo.js两个都比较好用。如果项目没有依赖jq可以使用echo。 二、自己实现 在网上对比了各种懒加载方法之后,自己 阅读全文
摘要:
今天做项目的时候跳的坑,由于某些原因,初始化的时候要遍历循环每个节点,并触发其click事件。于是正常的写上$("XXX").trigger("click"); 写完之后发现并没有触发点击事件也没报错。 问题根源: 你只有在用jQuery创建click方法之后才能去触发click函数。即在建立cli 阅读全文
摘要:
var explorer =navigator.userAgent ; //ie if (explorer.indexOf("MSIE") >= 0) { alert("ie"); } //firefox else if (explorer.indexOf("Firefox") >= 0) { alert("Firefox"); } //Chrome else if(explorer.ind... 阅读全文