手动实现Vue双向绑定 1. 原理Vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。 Vue的双向绑定是前端面试中一个高频问题,不排除会让你手动实现Vue双向绑定这种问题,毕竟面试造火箭嘛。 下面的代码都通过ES6语法进行书写,如果对ES6不是太熟悉,可以直接参考原文章:vue 的双向绑定原理及实现,原作者是使用的ES5语法。 因为ES6引入了类的概念,所以代码会显得更清晰。 2. 数据劫持vue是通 2020-08-17 面试 Vue
WebStorm和VSCode的浅度比较 1. 吐槽上机测试的时候准备的工具是VSCode,虽然我早就知道一般情况下,都准备的会是VSCode,但是我没有当回事,结果一操作起来傻眼了,VSCode编写代码的流畅程度和WebStorm完全不同。 在最开始学习Web开发时我也是使用的VSCode,而且我曾一度看不起其它的前端代码编写工具。 观看学习视频自学时,视频里面使用的是WebStorm,而我跟着视频学了很长一段时间,都是使用的VSCod 2020-08-13 杂谈 IDE工具
TypeScript-类和接口的使用 1. 前言前一篇文章介绍了TypeScript的入门:TypeScript数据类型,函数的声明和重载,所有本篇文章就来介绍一下TypeScript的高级编程,类的使用。 2. 类在ES5中,要使用函数和基于原型的继承来创建可重用的组件,就必须理解TypeScript中的原型和原型链:Post not found: web开发/JavaScript:原型链和原型对象 JavaScript:原型链和原 2020-08-11 web开发 TypeScript
TypeScript-数据类型,函数的声明和重载 1. 前言1.1 TypeScript是什么?TypeScript是一种开源的编程语言,该语言项目由微软进行维护和管理。TypeScript不仅包含JavaScript的语法,而且还提供了静态类型检查以及使用看起来像基于类的面向对象编程语法操作Prototype。 注意:其实TypeScript最终会编译成为JavaScript再进行运行,所以即使有时候TypeScript在编译中进行报错,但是代 2020-08-11 web开发 TypeScript
GitHub为什么连接缓慢以及解决方法 1. 前言之前有一篇文章介绍了Git的使用方法:项目或者文件管理神器-Git。 一般对于电脑有一定认知的人都会知道GitHub,但是因为GitHub的服务器在国外,所以有时候连接速度非常的感人。 我们通过ipip.net的路由跟踪来看一下我们访问GitHub走的线路。 可以看到在广州出口走的骨干网到新加坡的服务器,这就是为什么访问GitHub有时候会异常缓慢的原因,尤其是在晚高峰时期,通过骨干网 2020-08-08 其它 GitHub
阿里巴巴的后门程序:AlibabaProtect.exe删除过程 1. 前言偶然发现了一个阿里巴巴的后门程序:AlibabaProtect.exe。 通过查询了一些资料,显示该应用不仅会占用大量的内存和CPU性能,还会占用一部分带宽,并且没有任何的文档说明该应用的具体功能,所以网上对它有很多猜测,说它在后台监视你的一举一动,记录你电脑的使用情况,进行精准的投放广告以及其它细思极恐的事情。 具体网上的分析就不谈了,反正就是流氓程序。 1.1 发现 在任务管理器上面 2020-08-05 其它 后门程序
TCP三次握手四次挥手 1. 一张图表示下面的图片很清晰的表现出TCP从握手到挥手整个过程: 2. 场景模拟其实用一个场景就很容易模拟出TCP的握手挥手过程,就在两座山上,中间隔了一个悬崖,两座山上的人想要通话,那么会产生什么样的事情。 小明:喂!对面有人嘛?(第一次握手) 小红:有人!(第二次握手) 小明:那我要开始说话了!(第三次握手) …(中间的对话) 小明:我说完了,你可以走了!(第一次挥手) 小红:好的。(第 2020-07-31 面试 TCP
HTML语义化 1. 为什么需要语义化语义化有下面几个好处: 易修改、易维护。 阅读HTML源代码时更容易进行定位。 对搜索引擎更加的友好,更加方便SEO。 在未来的HTML中,浏览器可能会提供更多的标签。 语义标签不会做任何的事情,仅仅只是为了规范HTML结构,实质效果和一个<div>标签没有任何区别,也不会对内容造成本质影响,但是现在随着前端技术的广度和深度逐渐扩大,我们就需要对代码制定一系列 2020-07-31 面试 HTML
JavaScript:原型链和原型对象 1. 前言原型链和原型对象一直是JavaScript中的一个重要的概念,因为涉及到面向对象。 在现在的高级语言中,比如Java,C#,C++都采用了面向对象的设计方式,正因如此,JavaScript并没有类的概念,但是JavaScript却大量的使用了对象,而为了保持对象之间的联系,JavaScript引入了原型和原型链的概念。 即使在ES6后添加了class关键字,但它其实是一种语法糖,它的实现 2020-07-31 面试 JavaScript HTML
制作油猴Tampermonkey脚本需要哪些知识 之前有篇文章讲述了如何使用油猴来编写浏览器脚本,以及用油猴编写脚本相对于Chrome插件有什么优势:强大的油猴Tampermonkey:简单的脚本制作。 因为之前的文章中只讲解了油猴脚本怎么编写,但是没有细说油猴脚本如何编写,以及编写油猴脚本需要哪些知识与技能点。 所以这篇文章就着重讲解一下油猴脚本涉及了哪些知识: 1. HTML,CSS将HTML和CSS放在一起是因为在油猴脚本的编写中,这两项技 2020-07-27 JavaScript 油猴脚本 浏览器插件