JavaScript|Node 第3页

javascript知识积累 NodeJS、jQuery、Angular、React、Vue

vue对于vdom的处理

6

前端学堂 发布于 2019-07-03

细谈 vue 核心- vdom 篇 在开始之前,我先抛出一个问题,大家可以先思考,然后再接着阅读后面的篇幅。先上下代码 <template> <el-select class="test-select" multiple filterable remote pl...

阅读(135)赞 (3)

Object.defineProperty与Proxy

前端学堂 发布于 2019-07-01

Object.observe() 方法用于异步地监视一个对象的修改。当对象属性被修改时,方法的回调函数会提供一个有序的修改流。然而,这个接口已经被废弃并从各浏览器中移除。你可以使用更通用的 Proxy 对象替代。 写了两个版本,分别是使用 js 里的 Proxy (代理)和 Ob...

阅读(90)赞 (3)

构建DOM和CSSOM

4

前端学堂 发布于 2019-06-27

什么是DOM Document Object Model 文档对象模型 什么是DOM?可能很多人第一反应就是div、p、span等html标签(至少我是),但要知道,DOM是Model,是Object Model,对象模型,是为HTML(and XML)提供的API。HTML(H...

阅读(192)赞 (3)

详解Object.create(null)和new区别

7

前端学堂 发布于 2019-06-25

在Vue和Vuex的源码中,作者都使用了Object.create(null)来初始化一个新对象。为什么不用更简洁的{}呢? Object.create()使用 照搬一下MDN上的定义: Object.create(proto,[propertiesObject]) 复制代码 p...

阅读(296)赞 (4)

使用注释和JSDOC让代码更规范

8

前端学堂 发布于 2019-06-21

首先,JSDoc 并不会对源码产生任何的影响,所有的内容都是写在注释里边的。 所以并不需要担心 JSDoc 会对你的程序造成什么负面影响。 可以先来看一个普通的 JavaScript 文件在编辑器中的展示效果: 很显而易见的,编辑器也不能够确定这个函数究竟是什么含义,因为任何类型...

阅读(365)赞 (4)

简述Chromium, CEF, Webkit, JavaScriptCore, V8, Blink

4

前端学堂 发布于 2019-06-11

了解浏览器 浏览器内核概念 浏览器内核分为两部分:渲染引擎(render engin)、js引擎(js engin) 渲染引擎:负责对网页语法的解释(HTML、javaScript、引入css等),并渲染(显示)网页 js引擎:javaScript的解释、编译、执行 主流内核:T...

阅读(161)赞 (3)

单行多行文本溢出展示…

前端学堂 发布于 2019-06-11

单行文本溢出显示省略号 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; (需要对容器设置单行高度) 多行文本溢出显示省略号 webkit浏览器或移动端的页面 在webkit浏览器或移动端(绝大部分是webk...

阅读(139)赞 (2)

webpack编译代码原理介绍

前端学堂 发布于 2019-06-07

0 配置文件 首先简单看一下webpack配置文件(webpack.config.js): var path = require('path'); var node_modules = path.resolve(__dirname, 'node_modules'); var pa...

阅读(135)赞 (3)

构建JavaScript 沙箱

前端学堂 发布于 2019-05-26

在 Node.js 中有一个模块叫做 VM,它提供了几个 API,允许代码在 V8 虚拟机上下文中运行,如: const vm = require('vm'); const sandbox = { a: 1, b: 2 }; const script = new vm.Scrip...

阅读(160)赞 (3)

用webpack4和一些插件提升代码编译速度

9

前端学堂 发布于 2019-05-13

对于现在的前端项目而言,编译发布几乎是必需操作,有的编译只需要几秒钟,快如闪电,有的却需要10分钟,甚至更多,慢如蜗牛。特别是线上热修复时,分秒必争,响应速度直接影响了用户体验,用户不会有耐心等那么长时间,让你慢慢编译;如果涉及到支付操作,产品损失更是以秒计,每提前哪怕一秒钟发布...

阅读(330)赞 (3)

Javascript内存管理

3

前端学堂 发布于 2019-05-13

1 引言 JS 中的内存管理, 我的感觉就像 JS 中的一门副科, 我们平时不会太重视, 但是一旦出问题又很棘手. 所以可以通过平时多了解一些 JS 中内存管理问题, 在写代码中通过一些习惯, 避免内存泄露的问题. 2 内容概要 2.1 内存生命周期 不管什么程序语言,内存生命周...

阅读(195)赞 (4)

原型,原型链,继承与组装

前端学堂 发布于 2019-05-10

原型 (Prototype) 如果你不知道如何操作对象(objects),恐怕你在JavaScript这条路上走不了太远,因为对象是JS编程语言各个知识点的基础。而事实上,创建对象也许是你开始学习JS语言的第一件事。铺陈了这么多,我主要是想表达,为了最有效理解JS原型,我们需要唤...

阅读(143)赞 (3)