简单的说就是设置body的宽度，那么如何动态的获取浏览器减去侧边滚动条之后的宽度，原理就是通过创建一个带有 滚动条的div（也就是overflow:scroll），利用offsetWidth-clientWidth得到滚动条的宽度，再利用 window.screen.availWidth减去滚动条的宽度即可得到浏览器除...

2019-08-14 10:03:10

一、三者之间的对比： 1、methods方法表示一个具体的操作，主要书写业务逻辑； 2、watch；一个对象，键是需要观察的表达式，值是对应回调函数。主要用来监听某些特定数据的变化，从而进行某些具体业务逻辑操作；可以看作是computed"和methods的结合体； 3、computed属...

2019-08-14 10:03:08

DOM（元素节点） 本文介绍了元素节点的基本操作：增删改查 增 新增一个元素节点分为两步（二者缺一不可），第一步：创建元素节点，第二步：将创建的元素节点插入到指定元素节点中（也就是插入指定元素节点的儿子元素节点） div id="box"原本存在的/divscript type="tex...

2019-08-14 10:02:59

一、路由传递参数： 1、使用query传值： ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" / meta name ="viewport" content ="width=device-width, initial-scale=1.0" / meta http-equiv ="X-UA-Compatible" content ="ie=edge" / title 路由 / title scr...

2019-08-14 10:02:37

要是官方文档写得好的话，我也许就不用自己做个笔记。 官方文档 Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情： 1、语法转换 2...

2019-08-14 10:02:07

一、新建dist 文件夹； 二、新建src文件夹： 在其下面创建 css 、js 、images文件夹及 index.html、main.js(这是项目Js的主入口） 三、html中简单创建一个列表； main.js中设置单双行变色； 四、由于ES6太高级，浏览器解析不了，需要转换为低级的能识别的版本。 由于版...

2019-08-14 10:01:30

最近在项目中遇到一个问题，js中传带有数字的参数时，如果参数开头有数字0，会把0给去掉。 例如： 方法abc(0123456,789); 方法abc中获取的参数0123456就会变为123456。 原因推测： 由于js对数据类型没有一个具体的声明，传入的数值有可能被其默认当中数字 而将多余的0...

2019-08-14 10:01:42

一、路由： 1、后端路由： 对于普通网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源； 2、前端路由： 对于单页面应用程序来说，主要通过URL中的hash(#号）来实现不同页面之间的切换，同时，hash之间有一个特点：HTTP请求中不会包含hash相关的内...

2019-08-14 10:01:52

先声明一下，这种长系列的大块头博客只能保证尽可能的深入到每一行源码，有些代码我不乐意深究就写个注释说明一下作用。另外，由于本地整理的比较好，博客就随心写了。 整个Compile过程目前只看到asmjs之前，简单的过了几遍，大部分方法没有点进去看，实在是太复杂了。...

2019-08-14 10:00:59

没办法了，开坑吧，接下来的几篇会讲述JavaScript字符串源码在v8中转换成AST(抽象语法树)的过程。 JS代码在V8的解析只有简单的几步，其中第一步就是将源字符串转换为抽象语法树，非常类似于vue中将html转换为VNODE的过程。该过程涉及的类并不多，均位于/src/parsing文...

2019-08-14 10:01:12