07 2017 档案

css修改浏览器默认的滚动条样式
摘要：//滚动条样式 ::-webkit-scrollbar { width: 10px; } /* 垂直滚动条的滑动块 */ ::-webkit-scrollbar-thumb:vertical { border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:#71727... 阅读全文
posted @ 2017-07-31 18:35 leaf+ 阅读(1329) 评论(0) 推荐(0)
gulp
摘要：前言 之前一直在用gulp。后面也引入的webpack，两个构建工具都在使用。回头看看自己写的配置文件，觉得还是有必要记录一下。 一、gulp 和grunt的区别 Grunt主要是以文件为媒介来运行它的工作流的，比如在Grunt中执行完一项任务后，会把结果写入到一个临时文件中，然后可以在这个临时文件 阅读全文
posted @ 2017-07-30 09:57 leaf+ 阅读(291) 评论(0) 推荐(0)
Vue this.$nextTick原理
摘要：虽然 Vue.js 通常鼓励开发人员沿着“数据驱动”的方式思考，避免直接接触 DOM，但是有时我们确实要这么做。比如一个新闻滚动的列表项。如果在这里需要操作dom, 应该是等待 Vue 完成更新 DOM之后。 一、新闻滚动列表 1、在created函数中获取后台数据； 2、模板引擎中用v-for生成 阅读全文
posted @ 2017-07-30 09:51 leaf+ 阅读(40444) 评论(0) 推荐(2)
JavaScript数据结构和算法----队列
摘要：前言 队列和栈很像，只是用了不同的原则。队列是遵循先进先出（FIFO）原则的一组有序的的项，队列在尾部添加新元素，从顶部移除元素。最新添加的元素必须必须排队在队列的，末尾。可以想象食堂排队买饭的样子。 一、创建队列 1、创建一种数据结构来保存队列里面的数据，这里选择数组 2、声明一些栈的方法 enq 阅读全文
posted @ 2017-07-23 19:50 leaf+ 阅读(331) 评论(0) 推荐(0)
JavaScript数据结构和算法----栈
摘要：前言 栈是一种遵循后进先出（LIFO）原则的有序集合，新添加的或待删除的元素都保存在栈的末尾，称作栈顶，另外一端就叫栈底。在栈里，新元素都靠近栈顶，旧元素都接近栈底。可以想象桌上的一叠书，或者厨房里的堆放的盘子。 一、栈的创建 可以创建一个类来表示栈 二、栈的应用 十进制转二进制 十进制转成其他进制 阅读全文
posted @ 2017-07-23 12:25 leaf+ 阅读(223) 评论(0) 推荐(0)
ES6箭头函数
摘要：w3cplus: ES6箭头函数和它的作用域 阮一峰： 函数的扩展 主要注意几个点： （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 （3）不可以使用arguments对象，该对象在函数体内 阅读全文
posted @ 2017-07-22 23:16 leaf+ 阅读(257) 评论(0) 推荐(0)
JavaScript的错误处理
摘要：一、错误类型 Error EvalErrorRangeErrorReferenceErrorsyntaxError 语法错误TypeError URIError Error是基类型，其他错误类型都继承自该对象，因此所有的错误类型都共享一组相同的属性。该错误类型很少见。 EvalError是使用eva 阅读全文
posted @ 2017-07-22 13:55 leaf+ 阅读(491) 评论(0) 推荐(0)
easing--缓动函数--贝塞尔函数--圆盘转动抽奖应用
摘要：http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js http://www.robertpenner.com/easing/penner_chapter7_tweening.pdf http://easings.net/zh-cn 阅读全文
posted @ 2017-07-19 20:57 leaf+ 阅读(1169) 评论(0) 推荐(0)
node之子线程child_process模块
摘要：node.js是基于单线程模型架构，这样的设计可以带来高效的CPU利用率，但是无法却利用多个核心的CPU，为了解决这个问题，node.js提供了child_process模块，用于新建子进程，子进程的运行结果储存在系统缓存之中（最大200KB），等到子进程运行结束以后，主进程再用回调函数读取子进程的 阅读全文
posted @ 2017-07-16 22:25 leaf+ 阅读(1361) 评论(0) 推荐(0)
node上传文件并在网页中展示
摘要：一、需求 1、当用户请求http://domain/start时，可以看到一个欢迎页面，页面上有一个文件上传的表单。 2、用户可以选择一个图片并提交表单，随后文件将被上传到http://domain/upload， 3、访问http://domain/upload，展示刚才上传的图片。 二、分析模块 阅读全文
posted @ 2017-07-16 21:57 leaf+ 阅读(453) 评论(0) 推荐(0)
node之querystring模块
摘要：前言 querystring 模块提供了一些实用工具，用于解析与格式化 URL 查询字符串。 一、querystring.parse() 用于将一个查询字符串解析为JS 对象。 parse方法一共可以接受四个参数。 querystring.parse(str[, sep[, eq[, options 阅读全文
posted @ 2017-07-16 11:44 leaf+ 阅读(390) 评论(0) 推荐(0)
对象的深度拷贝和潜拷贝
摘要：今天看到一个关于对象复制的demo, 需求是复制一份数据，之后修改里面num的值，数据结构如下： 一、看到需求，脑海中应清楚几个点 1、复制一份之后修改，修改副本对原对象不能有改动。 2、复制的对象里面有数组，还要判断对象是不是数组。 3、修改副本。 二、理解对象拷贝 浅复制只会将对象的各个属性进行 阅读全文
posted @ 2017-07-15 23:36 leaf+ 阅读(429) 评论(0) 推荐(0)
node的异常处理
摘要：Node是单线程运行环境，一旦抛出的异常没有被捕获，就会引起整个进程的崩溃。所以，Node的异常处理对于保证系统的稳定运行非常重要。 node的处理方法： 1、使用throw语句抛出异常 常用的捕获异常方式，结构无法捕获异步运行的代码抛出的异常。 2、回调函数 将错误对象作为第一个参数，传入回调函数 阅读全文
posted @ 2017-07-15 20:55 leaf+ 阅读(778) 评论(0) 推荐(0)
判断是否是IE9浏览器的最短语句 var ie=!-[1,]
摘要：没错，上面这个语句就可以判断浏览器是不是IE9以下的。why?1、[1,]在现代浏览器（ie包括ie9及以上）会被转换成[1], 而ie9以下就会转换成[1,undefined]。2、分别对[1]，和 [1,undefined]前加-，相当于执行Number函数3、-[1] -> -1 -[1,un 阅读全文
posted @ 2017-07-12 11:12 leaf+ 阅读(712) 评论(0) 推荐(0)
借助Bodymovin播放svg动画
摘要：svg动画，截取工具有点不忍直视了~~~ 为了实现上面的svg动画，可以使用bodymovin插件，简单配置之后，就可以直接可以实现在 AE（可视化操作，不用码代码）上面导出 svg的json数据，在web上播放动画了。简直不能再小白了。 demo： git上的具体使用教程 阅读全文
posted @ 2017-07-03 13:07 leaf+ 阅读(2200) 评论(1) 推荐(0)