4 banggan

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 9w+

JS异步处理的进化史

前言javascript是一门单线程的语言,也就是说一次只能完成一件任务,如果有多个任务,就需要排队进行处理。如果一个任务耗时很长,后面的任务也必须排队等待,这样大大的影响了整个程序的执行。为了解决这个问题,javascript语言将任务分为两种模式:同步:当我们打开网站,网页的页面骨架渲染和页面元素渲染,就是一大推同步任务。异步:我们在浏览新闻时,加载图片或音乐之类占用资源大且耗时久的任...

2019-08-25 12:37:29

Webpack核心概念解析

原文链接:https://juejin.im/post/5cd3dba3f265da036f4e9a0eWebpack核心概念解析终于忙完了论文,可以愉快的开始学习了,重拾起重学前端、webpack以及Vue的源码解读作为入职前的复习吧。整个webpack系列将分成五个大的部分进行,以webpack4.0为文档进行解读,从简单的概念解读到最后的实现。整个知识点涉及范围:loader使用...

2019-05-09 15:57:24

webpack解读之loader

原文地址:https://banggan.github.io/2019/04/27/webpack解读之LOADER/Webpack核心概念解析终于忙完了论文,可以愉快的开始学习了,重拾起重学前端、webpack以及Vue的源码解读作为入职前的复习吧。整个webpack系列将分成五个大的部分进行,以webpack4.0为文档进行解读,从简单的概念解读到最后的实现。整个知识点涉及范围:lo...

2019-04-27 14:49:54

前端开发者应该明白的浏览器工作原理

原文地址:https://banggan.github.io/2019/02/20/前端开发者应该明白的浏览器工作原理/前言作为前端开发,我们平常跟浏览器打交道的时间也是最多的。在前端面试中,一个较为经典的问题:在浏览器地址中输入url地址,敲回车,发生了什么?浏览器究竟做了什么?相信很多人脑海里都会出现个大概的轮廓,可是一到细化具体的过程就答不上来。那么,作为前端开发者,应该从哪些方面延伸来...

2019-02-20 20:42:04

HTML之语义化标签

HTML的语义类标签在我们的工作中经常遇见的,语义是我们说话表达的意思,多数的语义实际是从文字继承而来的。语义类的标签是纯文字的补充。为什么要用语义标签?正确使用语义标签的好处在于:语义类标签对开发者更为友好:增强可读性,清晰的网页结构,方便团队的开发和维护。有利于SEO搜索引擎检索。并不是说不管什么场景都尽量使用语义类标签,不恰当的使用反而会造成冗余,如ul无序列表,很多时...

2019-01-23 11:22:39

TypeScript学习笔记之对象类型

原文地址:https://banggan.github.io/2019/01/21/TypeScript学习笔记之对象类型/在TypeScript中,利用接口(Interfaces)来定义对象的类型。在面向对象语言中,接口(Interfaces)、它是对行为的抽象,而具体如何行动需要由类(classes)去实现(implements)。在TypeScript中没有接口的概念,在编译成Java...

2019-01-21 12:55:33

Vue源码解读之依赖收集

原文地址:https://banggan.github.io/2019/01/19/Vue源码解读之依赖收集/通过上一篇Vue源码解读之响应式原理,我们可以看到Vue利用defineReactive会把普通的对象装换为响应式对象,在defineReactive函数中,重点是const dep = new Dep(),在设置getter的时候,收集依赖也就是dep.depend()依赖收集先看...

2019-01-19 16:06:27

TypeScript学习笔记之变量声明

原文地址:https://banggan.github.io/2019/01/18/TypeScript学习笔记-之变量声明/变量声明因为TypeScript是JavaScript的超集,所以它本身就支持let和const。const是对let的一个增强,它能阻止对一个变量再次赋值,在TS中,主要就是var let const,就简单说一下用法吧:var声明var a =10; ...

2019-01-18 17:06:10

TypeScript学习笔记之基本类型

原文地址:https://banggan.github.io/2019/01/16/TypeScript学习笔记之基本类型/基本类型JavaScript的类型分为原始数据类型和对象类型,原始数据类型主要包括:布尔值、数值、字符串、null、undefined原始数据类型布尔值在TypeScript中,使用boolean定义布尔值类型let do: boolean = true使用构...

2019-01-16 14:41:16

TypeScript学习笔记之初入TypeScript

原文地址:https://banggan.github.io/2019/01/16/TypeScript学习之初入TypeScript/what?TypeScript 是 JavaScript 的类型的超集,它可以编译成纯 JavaScript;主要提供类型系统和对ES6的支持;免费开源。官网:http://www.typescriptlang.org/why?优势增加代码的可读性...

2019-01-16 11:07:35

Vue源码解读之响应式原理

原文地址:https://banggan.github.io/2019/01/12/Vue源码解读之响应式原理/相信用过Vue的基本上都知道Vue的响应式都是利用了Object.defineProperty。当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 g...

2019-01-12 15:40:15

Vue源码解读之数据绑定

原文地址:https://banggan.github.io/2019/01/08/Vue源码解读之数据绑定/从最开始vue初始化到渲染的整个流程如下:new Vue----一系列的初始化----$mount做挂载—如果是带编译的版本就compile,没有就跳过—render函数—生成vnode—patch方法—渲染成DOM,如下图:何为数据驱动数据驱动就是指视图由数据来生成,在传统的前端...

2019-01-08 15:21:55

Vue源码解读之基础前言

原文地址:https://banggan.github.io/2019/01/05/Vue源码解读之基础前言/前言从开始学习Vue到现在也有1年半了吧,以后的工作也是大部分的Vue相关,为了打好基础,方便迎接年后Vue3.0,给自己定了一个计划-有针对性的读源码并做一个系列的总结。Flow静态检测Vue.js 的源码利用了 Flow 做了静态类型检查,所以要对flow有一定的了解诶啊在 ...

2019-01-05 16:47:02

axios知识点总结

原文地址:https://banggan.github.io/2019/01/04/axios总结/Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。在Vue中常用axios来做前后端的交互;上一张git上的star值特点从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API...

2019-01-05 14:52:31

Vue基础知识点-路由

原文地址:https://banggan.github.io/2019/01/03/Vue路由/Vue Router是Vue.js的官方路由器。它与Vue.js核心深度集成,使用Vue.js构建单页应用程序变得轻而易举。使用步骤引入vue-router对象安装插件:Vue.use(VueRouter)创建一个路由对象 var router = new VueRouter({rou...

2019-01-03 21:10:12

Vue知识点总结

基础知识点框架与库的区别jquery库+DOM操作+http请求 = 全家桶如何起步引包Vue.js通过Vue对象,new Vue(options)配置options对象el:发生动作的目的地template:模板(必须为一个根节点)data函数,返回的是一个对象components:key是组件名,value是组件对象methods:配合事件props:子组件接受的参...

2019-01-03 14:41:15

2018年度总结

前言感觉今年过的很快,其实回头看看经历了很多很多。在2018的尾巴上,回顾这一年的经历,只为明年做的更好。回首过去关于学习这一年,教研室从一楼搬到了五楼,搬砖的工作量也相应的随楼层的增加而增加。前前后后忙了两个项目,主要的技术栈是bootstrap、Vue、elementUI、webpack等开发工具,那段时间很忙,很头疼,因为没有前辈指导,所有踩的坑都得一个一个一遍又一遍的踩,却感觉很充...

2018-12-30 18:38:44

JS之this的指向理解

1.this是什么?this是对象自动生成的一个内部对象,是在运行时基于函数的执行环境绑定的,因为函数的调用场合不同,this的值也有变化。this指向什么,完全取决于 什么地方以什么方式调用,而不是 创建时 。这句话目前也只能说在ES5中才是正确的,而在ES6的箭头函数中,this的指向就是在定义的时候就确定的。2. this的绑定规则this的绑定总共差不多有下面五种:默认绑定...

2018-12-03 20:51:53

vue是如何实现computed实时计算

每当问到VueJS响应式原理,大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter,当属性被访问或修改时通知变化”。然而,其内部深层的响应式原理可能很多人都没有完全理解,网络上关于其响应式原理的文章质量也是参差不齐,大多是贴个代码加段注释了事。本文将会从一个非常简单的例子出发,一步一步分析响应式原理的具体实现思路。...

2018-08-16 21:50:21

通用的事件绑定的实现

考虑IE兼容性关于IE低版本的兼容性处理: IE低版本使用attachEvent绑定事件实现,使用量也比较少,很多网站并不支持。考虑代理代理是事件冒泡的一个具体应用 场景:动态随时新增元素,如一个div下面的多个a标签; 方法:将事件绑定到父级div上,通过target属性拿到具体的事件发生者div1.attachEventListener('click',functio...

2018-08-13 21:53:47

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。