- 博客(23)
- 收藏
- 关注
原创 Proxy 可以实现什么功能
let p = new Proxy(target, handler)target 代表需要添加代理的对象,handler 用来自定义对象中的操作,比如可以用来自定义 set 或者 get 函数。接下来我们通过 Proxy 来实现一个数据响应式let onWatch = (obj, setBind, getLogger) => { let handler = { get(target, property, receiver) { getLogger(target, pro
2020-08-03 01:10:28
707
原创 Proxy(二)
缓存失效服务端和客户端同步一个状态可能会出现问题,这很常见,在整个操作周期内,数据都有可能被改变,并且很难去掌握需要重新同步的时机。 proxy提供了一种新的办法,可以让属性在必要的时候失效,所有的访问操作,都会被检查判断,是否返回缓存还是进行其他行为的响应。const timeExpired = (target, ttl = 60) => { const created_at = Date.now(); const isExpired = () => (Date.now - cre
2020-07-27 02:09:09
175
原创 Proxy(一)
Proxyproxy接受一个待代理目标对象和一些包含元操作的对象,为待代理目标创建一个‘屏障’,并拦截所有操作,重定向到自定义的元操作对象上。proxy通过new Proxy来创建,接受两个参数:1、待代理目标对象2、元操作对象最简单的只代理一个方功能,在这个例子里,我们让get操作,永远返回一个固定的值let target = { name: 'fox', age: 23}let handler = { get: (obj, k) => 233}target = ne
2020-07-27 02:09:02
226
原创 JavaScript(九 )
JavaScript(九 )一、DOM树的添加(必须搞明白的)创建新元素 只在内存中var a = document.createElement(“a”); //创建标签var comment = document.createComment(“this is comment”); //创建注释节点,并插入HTML文档var text = document.createTextNode...
2020-01-05 23:53:05
141
原创 JavaScript(八 )
JavaScript(八 )一、选择器查询var div = document.getElementsByTagName(“div”);getElementsByTagName:getElementsByTagName是按照标签名进行查询,它的输出的是一个类数组,暂且可以将此类数组当作数组来进行使用var elems = document.querySelectorAll(“div p”)...
2020-01-05 23:42:25
73
原创 JavaScript(七 )
JavaScript(七 )一、作用域1、全局作用域指在整个js的任意地方都可以获取和使用2、局部作用域指只可以在一个局部的范围内可以获取和使用 就像函数在函数里面声明的值二、作用域链:作用域链:有多级作用域连续引用新城的链式结构,管控一切变量的使用顺序 。先在自己的AO中找,再延作用域链向父级作用域中去找GO{}AO{}scope:[[scope]]中存储的是作用域的...
2019-12-30 00:17:35
56
原创 作用域链
作用域链 var a = 10; function fn(){ var b = 10 console.log(b); function fun1(){ console.log(c); b += 6; var c = 1; function fun2(){ } fun2(); } fun1(); console.log(b);}...
2019-12-23 21:04:46
97
原创 JavaScript(七)
JavaScript(六)预编译JS运行的步骤:1、语法分析2、预编译3、解释执行函数声明整体提前,变量 声明提前作用域 全局window(Global Object) 局部作用 (AO Activation Object)function fun1(){ //c a 暗示成了全局变量 a = 123; var b = c = 10;}函数中的预编译 ...
2019-12-22 21:19:44
89
原创 JavaScript(六)
JavaScript(六)一、正则表达式:1、每个字符集只能匹配一个字符2、备选字符集中至少有一个匹配上ex:[a-zA-Z0-9]所有的应为字母和数字[\u4e00-\u9fa5]一个汉字特殊:除了xxx以外[^xxx]3、预定义字符集:\w 一位字母数字或_\d 一位数字 digital 数位\s 一位空字符: 一切看不见的字符(空...
2019-12-22 21:11:05
62
原创 JavaScript(五)
JavaScript(五)二维数组var arr = [1,2,3,4];二维数组创建var data = [r[1,2], 0[3,4], 1[5,6], 2 0 1 c];读取二维数组的数据console.log(data[1][2])data[1][2] = 100;for(var r = 0; r < data.length;r++){...
2019-12-15 22:42:39
52
原创 JavaScript(四)
JavaScript(四)数组数组是js创建好的对象数组是什么:数组是来进行批量管理变量的,在数组的内存中连续存储多个数据的空间,统一取一个名字创建一个数组:第一种方法:有多个元素: var a = [1,2,3];空数组: var b = [];第二种方法:有多个元素: var c = new Array(4,5,6);空数组: var...
2019-12-15 20:48:47
59
原创 JavaScript(三)
JavaScript(三)一、分支1、if…else…/if…else if…语法:if…else…if(判断条件){}else{}if…else if…if(判断条件){}else if(判断条件){}2、switch语法:switch(变量名){case 变量名的判断语句: 输出语句 break;case 变量名的判断语句: 输出语句 break...
2019-12-08 21:43:12
57
原创 JavaScript(二)
JavaScript(二)一、数据类型数据类型分为两大类:1、基本类型2、引用类型1、基本类型:1、Number类型(数字)2、string类型(字符串)3、Boolean类型(布尔)4、Null类型(空)5、undefined类型(未定义)2、引用类型1、Object类型2、Function类型3、Array类型(数组类型) 等二、判断数据类型对一个数据进行类型的...
2019-12-08 21:03:40
127
原创 JavaScript(一)
JavaScript什么是JavaScriptJavaScript是一种脚本语言,能够对网页行为进行编程。JavaScript编写:JavaScript既能在行内进行编写,也能引用外部JS文件。语法:行内JS:<input type=“button” value=“按钮” οnclick=“document.write(‘66666666’);”><script&...
2019-12-01 23:42:01
80
原创 项目总结(3)
项目总结一、项目注意事项1、进行项目编程时记得写上注释2、完善整体项目的布局3、相同的样式尽量写在一起,使代码简介话,优化代码4、样式的命名尽量规范化,可使用驼峰式命名5、尽量多多使用语义化标签,增加引擎的工作效率二、答辩人做好答辩的提前准备1、在脑海中多模拟答辩的过程,使自身能够明白答辩的流程,做到心中有数2、在制作PPT时需要注意,PPT的内容不能太过于繁琐,一方面是没有...
2019-12-01 19:16:07
103
原创 项目总结(2)
项目技术以下是做项目的时候碰到的知识点:二级菜单的CSS纯做法:原理:先创建一个类似DIV盒子,在DIV盒子中写出你的菜单栏,在你写完菜单栏后千万不要另起一个盒子去写你所需要隐藏的选项栏!千万不要另起一个盒子!!!需要隐藏的选项栏应该在父级元素下的子级元素去进行编写,就是需要写在显示菜单栏的同级。然后将隐藏菜单栏用display:none;进行隐藏,然后用:hover进行显示与隐藏。如:...
2019-11-24 22:29:55
91
原创 项目总结(1)
项目总结东湖大数据项目-数据变现项目布局 先手拿到项目,作为写项目的人得明白,这个项目如何去布局,你只有清楚知道如何布局才能知道项目的整体流程是怎么样子的。如果能清楚如何去进行布局,那么我觉得这个项目,从某种意义上来说已经完成了一半。 个人认为,懂得一个项目该如何去布局应该算的上是一个比较重要的点。一个项目有很多种的布局办法,但是考验一个前端工程师布局能力的不是你能否把这个项目给写出来...
2019-11-24 21:14:29
92
原创 前端(六)
前端第七课一、visibility属性display:none :隐藏元素visibility(显示/隐藏的)取值:1 visible :默认的可见的2 hidden :隐藏 依然占据页面空间3 collapse :使用在表格元素上 删除一行和一列的时候不影响表格的整体布局diplay 和 visibility 区别在哪儿1.display:none不占有之前的位置 脱离...
2019-11-14 23:12:29
211
原创 前端(五)
前端第六课一、渐变1.什么是渐变?两种或者多种颜色间平滑过渡的效果2.分类1.线性渐变2.径向渐变3.线性渐变语法: background-image:linear-gradient线性渐变:angle: :方向或角度 表示渐变的方向关键字:1.to top 从下往上渐变2.to left 从右往左渐变3.to bottom 从上往下渐变4.to right 从...
2019-11-13 19:25:15
65
原创 前端(四)
前端第四课一、什么是CSSCSS定义:CSS 层叠样式表,级联样式,简称才是样式表实现了内容和表示的分离CSS和HTML之间的关系HTML是负责网页的结构CSS 是负责构建HTML元素的样式CSS作用:1.以统一的方式实现样式的定义2.提高页面样式的可重用性和可维护性二、CSS的使用1.内联样式(行内样式)将样式声明在元素的style属性中语法:<p style=...
2019-11-11 22:17:53
307
原创 前端(三)
前端第三课一、文本域textarea: 语法:<textarea></textarea> 属性: name:控件的名字 cols:指定文本域的列数,变相设置宽度 rows:指定文本域的行数,变相设置高度 readonly:只读 placeholder:提示语句二、选项框两个部分下拉选项框 滚动列表语法:创建下拉列表...
2019-11-09 21:34:26
199
原创 前端(二)
一、昨日的补充Head中的补充内容<meta name=“keywords” content=“关键1 ,关键2.。。关键n”/>定义网页的关键字 关键字可以写n个 最好的个个数是8个注:如果没有关联的化 百度认为这个网页作弊,会被封锁,用户就会搜索不到最严重的时候可能会永久的入不了百度<meta name=" description" content=“定义网页的...
2019-11-07 23:10:26
72
原创 前端(一)
前端第一课一、Web基础知识Web的作用:将信息和服务器进行连接和交互,然后传值给客户端和浏览器,使用户能清晰的看到生成的图形数据Web工作原理: 1.结构 B/S结构是浏览器结构,能够方便开发者以及企业做数据的增删改查,但是由于限制用户的体验并不好 C/S结构是客户端窗体结构,能够将模型进行美工化,是用户看上去感觉非常的舒服,但是对于开发者来说,自身 的操作以及修改数据是不太便捷...
2019-11-06 19:17:29
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人