- 博客(7)
- 收藏
- 关注
原创 前端渲染模板artTemplate
一、引入art-template.js文件 <script src="template-debug.js"></script> 二、编写HTML模板 <script id="test" type="text/html"> <h1>{{title}}</h1> </script> 三、向模板插入数据,并输出到页面 v...
2019-11-08 16:30:39
201
1
原创 ajax
AJAX是什么? AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下 XMLHttpRequest 对象 1.创建 XMLHttpRequest 对象 variable=new XMLHttpRequest(); 2.向服务器发送请求 1.)xmlhttp.open(“GET”,“test1.txt”,true); 2.)xmlhttp.send(); 3....
2019-11-08 15:20:32
153
原创 flex
display:flex 轴方向:flex-direction:row 横的 column su的 主轴:justify-content:flex-star flex-end space-between space-around center 副轴:align-items: center flex-start flex-end baseline:项目的第一行文字的基线对齐。 stretch(默认值...
2019-10-31 14:41:26
95
原创 rem和less
媒体查询 <style> @media screen and (max-width: 800px){ body { background-color: pink; } } @media screen and (max-width: 500px) { ...
2019-10-29 18:54:15
348
原创 es6
1.const 与 let 变量 // 一 let和const function getNum(num){ if(num){ var val1 = "val1" }else{ var val2 = "val2" console.log(val1) } } getNum(false) // undefined //因为变量提...
2019-10-25 09:52:31
96
原创 虚拟dom
Virtual DOM 是什么? Virtual DOM 其实就是一棵以 JavaScript 对象( VNode 节点)作为基础的树,用对象属性来描述节点,实际上它只是一层对真实 DOM 的抽象。最终可以通过一系列操作使这棵树映射到真实环境上。 Virtual DOM 作用是什么? 虚拟DOM的最终目标是将虚拟节点渲染到视图上。但是如果直接使用虚拟节点覆盖旧节点的话,会有很多不必要的DOM操作。...
2019-10-24 17:28:49
75
原创 vue中双向绑定的原理
Vue的双向数据绑定是基于ES5的Object.defineProperty()的getter和setter,每当数据发生变化,就会执行getter/setter,结合发布者/订阅者的模式,通知订阅者这些变化,进而执行相应的回调函数。 通过Object.defineProrerty()方法对对象的获取值(get)和设置值(set)重新定义 Object.defineProperty(obj, pr...
2019-10-24 17:17:27
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人