一半设计一半前端

在框架里面都讲模块化、组件化，其实发展到今天，模块化是走了很长的一条路的，现在ES6终于标准化了，不过也可以看看以前的历史。1、模块化发展历史1.1 模块化的目的2009年以前，前端还属于手动操作html/css/js之间的关系，js代码还不够庞大到需要工程化的处理。随着js的不断发展，在项目中越来...

现在几乎都是使用ES6了，浏览器要兼容的时代随着移动端的统一归于平静，想起以前轰轰烈烈的浏览器大战，为了兼容性痛苦不堪的年代，这一切都过去了。况且随着脚手架等自动化构建工具的使用，直接写最新最酷的代码，再babel一下，放心大胆的用。所以，我也建议直接用最新版本的语法，不管是语法糖，还是效率，用起来...

这个版本算是JavaScript划时代的一个升级了，从ES3、ES5、ES6，为什么没有ES4，其实ES5和ES6加起来就是曾经因为跨度太大导致流产的ES4.这个版本升级的力度很大，有了很多新东西，需要好好掌握。1、ES6介绍ECMAScript 6.0（以下简称 ES6）是 JavaScript ...

现在都是框架和组件库的天下，很多学生一上来就说要学框架，对于原生代码嗤之以鼻，觉得都是上古时期的内容，枯燥难懂，效率低下，哪有框架用起来直接起飞。现在前端这个岗位在2023年仿佛冰冻了一样，这段时间整理以前的资料，有时候也觉得干嘛不直接整理自动化构建和框架的内容，还把几年前的老内容放上来。也许只是个...

继续把数组后面迭代的方法用原型写出来……1、forEach        // forEach(回调函数)         //...

通过用原型的方式重写数组的方法，加深对数组和原型的掌握。先从最简单的开始：1、push        //  push(val1,val2,...)     ...

函数中的this是一个刚开始接触比较头疼的概念，总感觉它变来变去，害怕一不留神它就不是原来的它了。ES6用了箭头函数干脆把this固定住，不允许它变，但是在更复杂的场景中，我们恰恰需要this的多变性，所以，还是必须把this的绑定规则搞定。1、this对象this是JavaScript中一个很特别...

我不会java，但是看过一些文章，说的是java里面的函数必须有一个对象带着才能使用，比如obj.fn()，但是在JavaScript中，函数作为一个独立的个体，不需要obj对象作为大哥带着小弟玩儿了，因为函数在JavaScript中，本身就是对象，所以把函数也叫做一等公民。函数可以单独使用，也可以...

写程序最开始遇到的可能就是早期的作用域问题了吧，总是命名冲突，访问不到对应的数据，所以理解函数的前提还是理解作用域。下面的内容会比较枯燥，需要高度的注意力集中……1、作用域了解1.1 作用域几乎所有的编程语言最基本的功能之一，就是能够储存变量当中的值，并且能够在之后对这个值进行访问修改。正是这种储存...

早期拖拽的实现很麻烦，需要利用mousedown,mousemove,mouseup结合事件对象来实现，相当麻烦。<div class="box"></div> <script>     c...