一、路由传递参数：1、使用query传值：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><metahttp-equiv="X-UA-Compatible"content="ie=edg...
DOM（元素节点）本文介绍了元素节点的基本操作：增删改查增新增一个元素节点分为两步（二者缺一不可），第一步：创建元素节点，第二步：将创建的元素节点插入到指定元素节点中（也就是插入指定元素节点的儿子元素节点）<divid="box">原本存在的</div><scripttype="text/javascript">varexDiv=document.querySelector("#box");...
一、三者之间的对比：1、methods方法表示一个具体的操作，主要书写业务逻辑；2、watch；一个对象，键是需要观察的表达式，值是对应回调函数。主要用来监听某些特定数据的变化，从而进行某些具体业务逻辑操作；可以看作是”computed"和“methods”的结合体；3、computed属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用。二、methods：<!DOCT...
DOM——基本组成与操作DOM是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。他给文档提供了一种结构化的表达方式，可以改变文档的内容和呈现方式，我们最关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。所谓的DOM是以家族的形式描述HTML（父子节点和兄弟节点），那么，什么是DOM呢？我们可以从这几点解析...
<!DOCTYPEhtml><html><head><title></title><style>canvas{width:100%;height:100%;}</style><scriptsrc="./lib/three.js"></script></head><body><script>//在Three.js中，要渲染物体到网页中，我们需要3个组建：//场景（scene）...
画布canvas1)什么是画布：就是html中的一个标签：canvas2)如何使用？通过JS来使用3)JS如何与canvas关联起来（1）通过getContext("2d")方法来给画布配置画笔，使其具备绘画功能；varctx=canvas.getContext("2d")_创建画笔（2）通过fillStyle/strokeStyle属性来设置画笔的颜色；fillStyle：设置的是填充体的颜色；...
DOM（属性节点）属性节点没有过参加家族关系中,其专用选择器：attributes，返回值为对象的形式，它的键是索引值，也就是用对象模拟了一个伪数组，DOM中选择器返回的都是伪数组（可以使用数组的形式遍历，操作。但是不能使用数组的方法），下面是属性节点的操作<divclass="box"title="这是一个title"width="400"></div><scripttype="text/...
最近在做项目，需要把项目部署在域名下的二级目录，并且是在用vue-router的history模式。我们都知道vue-router的两种前端基本访问模式hash和history。hash模式后面带#，打包的时候只需要把绝对路径(/)换成相对对路径（./），就可以部署在任何地方，不需要服务器配合，但是不好看，所以我们一般选择history模式，但是history模式需要配合服务器的部署。本文主要是在...
没办法了，开坑吧，接下来的几篇会讲述JavaScript字符串源码在v8中转换成AST(抽象语法树)的过程。JS代码在V8的解析只有简单的几步，其中第一步就是将源字符串转换为抽象语法树，非常类似于vue中将html转换为VNODE的过程。该过程涉及的类并不多，均位于/src/parsing文件夹中，包括parsing、parser、scanner、token等等，先简单介绍一下各类的作用。Pars...
一、路由：1、后端路由：对于普通网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；2、前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号）来实现不同页面之间的切换，同时，hash之间有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；3、在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由...