2017年11月9日

摘要: 相信很多人都使用过export、export default、import,然而它们到底有什么区别呢? 在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名 阅读全文
posted @ 2017-11-09 14:33 二婷啵 阅读(237) 评论(0) 推荐(0) 编辑
 

2017年11月8日

摘要: 去年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲,我们先简单粗暴地把Prom 阅读全文
posted @ 2017-11-08 15:26 二婷啵 阅读(184) 评论(0) 推荐(0) 编辑
 
摘要: filter(): 语法: var filteredArray = array.filter(callback[, thisObject]); var filteredArray = array.filter(callback[, thisObject]); var filteredArray = 阅读全文
posted @ 2017-11-08 10:56 二婷啵 阅读(151) 评论(0) 推荐(0) 编辑
 
摘要: reduce函数,是ECMAScript5规范中出现的数组方法。在平时的工作中,相信大家使用的场景并不多,一般而言,可以通过reduce方法实现的逻辑都可以通过forEach方法来变相的实现,虽然不清楚浏览器的js引擎是如何在C++层面实现这两个方法,但是可以肯定的是reduce方法肯定也存在数组的 阅读全文
posted @ 2017-11-08 10:47 二婷啵 阅读(194) 评论(0) 推荐(0) 编辑
 

2017年11月3日

摘要: 话说今晚在学习Vue.js教程里:Render函数,这一章节是发现了一个问题,就是利用下面的这个render函数可以渲染20个重复的段落: 问题来了,博主很好奇 Array.apply(null, { length: 20 }) 这段代码的作用是什么。有的小伙伴可能一下子就看出来,这段代码不就是生成 阅读全文
posted @ 2017-11-03 10:54 二婷啵 阅读(254) 评论(0) 推荐(0) 编辑
 
摘要: 直接来到进阶部分, 回顾一下前面所学,这里注册了一个名叫child的全局组件,其模板是id=template的模板,往上一看发现,这个写法跟以前不一样啊,以前用的是<template>标签,小伙伴们还有印象不?为此查了下api,也就是说这是新版写法。模板里有做了判断,根据level的值来选择head 阅读全文
posted @ 2017-11-03 10:51 二婷啵 阅读(2657) 评论(0) 推荐(0) 编辑
 

2017年10月19日

摘要: 代码: <html> <body> <form> <label for="bike">我喜欢自行车:</label><input type="checkbox" name="Bike" id="bike"><br /> <label for="car">我喜欢汽车:</label><input ty 阅读全文
posted @ 2017-10-19 13:38 二婷啵 阅读(207) 评论(0) 推荐(0) 编辑
 
摘要: 单选框Radiobox和复选框checkbox在网页中也十分常见,虽然它没有按钮的交互性强,但是如果能把它们像按钮那样美化一下,那也是非常不错的。本文收集了10个相对比较漂亮的美化版单选框和复选框,希望你会喜欢。 1、CSS3漂亮的自定义Checkbox复选框 9款迷人样式 之前我们分享过一款非常不 阅读全文
posted @ 2017-10-19 10:10 二婷啵 阅读(1202) 评论(0) 推荐(0) 编辑
 

2017年10月11日

摘要: 自定义IE浏览器滚动条样式 追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5)。下面列出了多个版本的支持性况: 为了有助于理解IE中滚动条样式的控制,你可以查看如下的图片: 经过不断的测试发现,在Win8 下面,有一部分样式都起着相同的作用。估计是因为在Win 阅读全文
posted @ 2017-10-11 10:20 二婷啵 阅读(250) 评论(0) 推荐(0) 编辑
 

2017年9月14日

摘要: 想实现类似的效果,看代码, <div style="width:488px;float:left; margin:-52px 0px 15px 15px;"> <table> <tr> <td style="text-align:center;width:70px;height:36px;backg 阅读全文
posted @ 2017-09-14 15:06 二婷啵 阅读(300) 评论(0) 推荐(0) 编辑