在框架里面都讲模块化、组件化，其实发展到今天，模块化是走了很长的一条路的，现在ES6终于标准化了，不过也可以看看以前的历史。1、模块化发展历史1.1 模块化的目的2009年以前，前端还属于手动操作html/css/js之间的关系，js代码还不够庞大到需要工程化的处理。随着js的不断发展，在项目中越来...
2023年07月30日 75
最近更新
JavaScript案例集
Vue版本的todos本地任务清单！
前面用ES6写了一个 todos，这里放一个Vue版本写的，可以通过代码对比，看看Vue和原生js的区别。用ES6写了一个todos，本地任务清单！点击图片看效果。核心代码：const fi...
2023年07月28日 73
JavaScript案例集
用ES6写了一个todos，本地任务清单！
学完了ES6，就可以拿一个小项目练练手，todoMVC是一个比较出名的用来练习各种编程语言的项目，可以直接去它官网看。这里写一个ES6版本的。点击图片看效果，如果想看Vue2版本的，也可以点这里。增删...
2023年07月22日 85
JavaScript教程
JavaScript(ES6)的常用特性！(下)
现在几乎都是使用ES6了，浏览器要兼容的时代随着移动端的统一归于平静，想起以前轰轰烈烈的浏览器大战，为了兼容性痛苦不堪的年代，这一切都过去了。况且随着脚手架等自动化构建工具的使用，直接写最新最酷的代码，再babel一下，放心大胆的用。所以，我也建议直接用最新版本的语法，不管是语法糖，还是效率，用起来...
2023年07月20日 263
JavaScript教程
JavaScript(ES6)的常用特性！(上)
这个版本算是JavaScript划时代的一个升级了，从ES3、ES5、ES6，为什么没有ES4，其实ES5和ES6加起来就是曾经因为跨度太大导致流产的ES4.这个版本升级的力度很大，有了很多新东西，需要好好掌握。1、ES6介绍ECMAScript 6.0（以下简称 ES6）是 JavaScript ...
2023年07月18日 247
JavaScript教程
对象属性的访问、遍历、getter和setter等高级特性！
现在都是框架和组件库的天下，很多学生一上来就说要学框架，对于原生代码嗤之以鼻，觉得都是上古时期的内容，枯燥难懂，效率低下，哪有框架用起来直接起飞。现在前端这个岗位在2023年仿佛冰冻了一样，这段时间整理以前的资料，有时候也觉得干嘛不直接整理自动化构建和框架的内容，还把几年前的老内容放上来。也许只是个...
2023年07月16日 159
JavaScript教程
用原型重写数组迭代方法(下)
继续把数组后面迭代的方法用原型写出来……1、forEach // forEach(回调函数)
//...
2023年07月15日 233
JavaScript教程
用原型重写数组基础方法(上)
通过用原型的方式重写数组的方法，加深对数组和原型的掌握。先从最简单的开始：1、push // push(val1,val2,...)
...
2023年07月13日 247
JavaScript案例集
H5 Audio API+jQuery+ajax实现一个迷你播放器！
今天翻资料，发现一个还算完整的播放器案例，主要是练习H5提供的Audio API，结合jQuery+Ajax完成。点击图片看效果。功能：1、默认不播放，点击播放按钮，播放音乐。2、点击暂停按钮，暂停播...
2023年07月12日 242
JavaScript教程
函数中的this对象的四种绑定规则和优先级！
函数中的this是一个刚开始接触比较头疼的概念，总感觉它变来变去，害怕一不留神它就不是原来的它了。ES6用了箭头函数干脆把this固定住，不允许它变，但是在更复杂的场景中，我们恰恰需要this的多变性，所以，还是必须把this的绑定规则搞定。1、this对象this是JavaScript中一个很特别...
2023年07月12日 159