前端
qq_35469739
这个作者很懒,什么都没留下…
展开
-
webpack 高级特性总结
webpackplugins:new webpack.DefinePlugin({ // window.ENV = 'development' ENV: JSON.stringify('development')})自动补全 css 前缀{ test: /\.css$/, // loader 的执行顺序是:从后往前 loader: ['style-loader', 'css-loader', 'postcss-loader'] // 加了 post原创 2020-09-28 11:51:37 · 324 阅读 · 0 评论 -
Vue 3.0 介绍
Vue 3.0 介绍1、Vue 3.0 源码组织方式源码组织方式:源码采用 ts 重写使用 Monorepo 管理项目结构packages 目录结构compiler-core: 和平台无关的编译器代码compiler-dom: 浏览器平台下的编译器代码(依赖于 compiler-core)compiler-sfc: 编译单文件组件的代码(依赖于 compiler-core 和 compiler-dom)compiler-ssr: 服务端渲染的编译器(依赖于 com原创 2020-09-16 17:39:23 · 10209 阅读 · 0 评论 -
2020前端面试题整理
1、已知如下对象,请基于 es6 的 proxy 方法设计一个属性拦截读取操作的例子,要求实现去访问目标对象 example 中不存在的属性时,抛出错误:Property “$(property)” does not exist// 案例代码const man = { name: 'jscoder', age: 22}//补全代码const proxy = new Proxy(...)proxy.name // "jscoder"proxy.age // 22proxy.locati原创 2020-09-01 18:19:05 · 501 阅读 · 0 评论 -
typeScript整理笔记
typeScriptTypeScript 并不是一个完全新的语言, 它是 JavaScript 的超集,为 JavaScript 的生态增加了类型机制,并最终将代码编译为纯粹的 JavaScript 代码。TypeScript 简介TypeScript 由 Microsoft(算上 Angular 2 的话加上 Google)开发和维护的一种开源编程语言。 它支持 JavaScript 的所有语法和语义,同时通过作为 ECMAScript 的超集来提供一些额外的功能,如类型检测和更丰富的语法。原创 2020-08-28 16:56:41 · 264 阅读 · 0 评论 -
从输入URL到页面展示,这中间发生了什么?
从输入URL到页面展示,这中间发生了什么?用户输入URL,浏览器会根据用户输入的信息判断是搜索还是网址,如果是搜索内容,就将搜索内容+默认搜索引擎合成新的URL;如果用户输入的内容符合URL规则,浏览器就会根据URL协议,在这段内容上加上协议合成合法的URL用户输入完内容,按下回车键,浏览器导航栏显示loading状态,但是页面还是呈现前一个页面,这是因为新页面的响应数据还没有获得浏览器进程浏览器构建请求行信息,会通过进程间通信(IPC)将URL请求发送给网络进程GET /index.html H原创 2020-08-27 16:42:50 · 345 阅读 · 0 评论 -
js继承的几种方式及优缺点
1、原型链继承function Parent () { this.name = 'kevin';}Parent.prototype.getName = function () { console.log(this.name);}function Child () {}Child.prototype = new Parent();var child1 = new Child();console.log(child1.getName()) // kevin 问原创 2020-08-27 15:12:09 · 480 阅读 · 0 评论 -
dva 使用手册
dvaapp = dva(opts)创建应用,返回 dva 实例(注:dva 支持多实例)opts 包含如下配置:history:指定给路由用的 history,默认是 hashHistoryinitialState:指定初始数据,优先级高于 model 中的 state,默认是 {}如果配置history 为 browserHistory,则创建dva对象可以写成如下写法import createHistory from 'history/createBrowserHistory'原创 2020-08-26 17:14:43 · 354 阅读 · 0 评论 -
vue.js源码剖析——虚拟 DOM
任务二:vue.js源码剖析——虚拟 DOM1、虚拟 DOM 概念回顾什么是虚拟 DOM虚拟 DOM(Virtual DOM) 是使用 JavaScript 对象描述真实 DOMVue.js 中的虚拟 DOM 借鉴 Snabbdom, 并添加了 Vue.js 的特性。例如:指令和组件机制为什么要使用虚拟 DOM避免直接操作 DOM,提高开发效率作为一个中间层可以跨平台虚拟 DOM 不一定可以提高性能首次渲染的时候会增加开销复杂视图情况下提升渲染性能2、代码原创 2020-08-02 22:40:01 · 146 阅读 · 0 评论 -
Vue.js 源码剖析-响应式原理 学习的心得体会+学习笔记(青铜到铂金)
拉勾教育大前端高薪训练营 心得体会+学习笔记心得体会不知不觉在拉钩教育大前端高薪训练营已经学习2个多月了,在这两个多月的学习中,自己收获了很多,不仅养成了每次学习时都保证高质量的记好学习笔记的习惯,而且对自己整个的前端基础知识进行了巩固,对基础知识有了更深的理解,勉强做到了知其然,更知其所以然。接下来我想谈下拉钩教育大前端高薪训练营的课程体系:这门课的内容非常的好,为什么这么说呢?原因有以下几点:1.课程的深度做的足够好:课程不仅会教同学们怎么使用前端经常使用的框架(vue、react 和 ang原创 2020-08-02 09:55:07 · 910 阅读 · 0 评论