排序:
默认
按更新时间
按访问量

前端资源集合

说明 平时的学习资源都比较的凌乱,看到好的资源都是直接收藏在浏览器的收藏夹中,这样其实并不方便,整理在云笔记上,也不方便查看修改记录,索性就整理在 github 上并开源出来,希望帮助大家能够更快的找到需要的资源。建立该仓库的目的主要是整理收集学习资源,统一管理,方便随时查找。 目前整合的学习...

2018-09-10 10:19:53

阅读数:238

评论数:0

深度理解 Virtual DOM

目录: 1 前言 2 技术发展史 3 Virtual DOM 算法 4 Virtual DOM 实现 5 Virtual DOM 树的差异(Diff算法) 6 结语 7 参考链接   1 前言 我会尽量把 Virtual DOM 应用场景、实现思路、算法讲述清楚,希望大家阅读后...

2018-11-19 14:44:05

阅读数:8

评论数:0

页面性能优化办法有哪些

引子 互联网有一项著名的8秒原则。用户在访问Web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上,加载时间每多1秒,你就会流失7%的用户。8秒并不是准确的8秒钟,只是向网站开发者表明了加载时间的重要性。那我们如何优...

2018-11-19 11:45:13

阅读数:30

评论数:0

你还有这些JS问题需要掌握

JavaScript 的组成 JavaScript 由以下三部分组成: ECMAScript(核心):JavaScript 语言基础 DOM(文档对象模型):规定了访问 HTML 和 XML 的接口 BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法 ...

2018-11-19 11:43:31

阅读数:12

评论数:0

ES6 之 Proxy 介绍

Proxy(代理) 是 ES6 中新增的一个特性。Proxy 让我们能够以简洁易懂的方式控制外部对对象的访问。其功能非常类似于设计模式中的代理模式。 使用 Proxy 的好处是:对象只需关注于核心逻辑,一些非核心的逻辑(如:读取或设置对象的某些属性前记录日志;设置对象的某些属性值前,需要验证;某...

2018-11-19 10:49:17

阅读数:6

评论数:0

即学即用:网页常用的防复制代码

最牛的防复制代码 1.将此代码粘贴到body中可以有效防选中防复制和防鼠标右键 <script type="text/javascript">     document.body.oncontextmenu = ...

2018-11-19 09:20:49

阅读数:9

评论数:0

2018年最全面的前端面试题都在这里了

原文https://mp.weixin.qq.com/s/YAyyw55SCaY-kUlPTScdzg 前端问题记录 HTML相关 CSS相关 JAVASCRIPT相关 DOM相关 HTTP相关 VUE相关 算法相关 网...

2018-11-19 09:19:48

阅读数:10

评论数:0

JavaScript 的内存泄露和垃圾回收

什么是内存泄露 ? 任何编程语言,在运行时都需要使用到内存,比如在一个函数中, var arr = [1, 2, 3, 4, 5]; 这么一个数组,就需要内存。 但是,在使用了这些内存之后, 如果后面他们不会再被用到,但是还没有及时释放,这就叫做内存泄露(memory leak)。...

2018-11-18 19:44:06

阅读数:28

评论数:0

深入浅出 - vue之深入响应式原理

高质量文章 谈,前端框架的『御剑之道』 2018你应该知道的Web性能信息采集指南 嗨,送你一张Web性能优化地图 为什么Vue使用异步更新队列? 聊聊我对现代前端框架的认知 深入浅出 - vue变化侦测原理 Vue 项目架构设计与工程化实践 深入浅出 - vue之深入响应式原理 ...

2018-11-18 19:22:57

阅读数:60

评论数:0

react16 源码系列

React源码系列(一): 总结看源码心得及方法感受 React源码系列(二): 从jsx到createElement React源码系列(三): ReactRoot的创建以及调度工作scheduleWork的执行 React源码系列(四): Fiber Tree &...

2018-11-18 19:08:31

阅读数:29

评论数:0

用Vue开发仿旅游站webapp项目总结

<article data-v-13f76525="" itemscope="itemscope" itemtype="http://schema.org/Article&quo...

2018-11-18 19:05:49

阅读数:70

评论数:0

webpack 插件总结归类

功能类 html-webpack-plugin 自动生成html,基本用法: new HtmlWebpackPlugin({ filename: 'index.html', // 生成文件名 template: path.join(process.cwd(), './index.h...

2018-11-18 18:53:50

阅读数:47

评论数:0

一年半经验,百度、有赞、阿里面试总结

前言 人家都说,前端需要每年定期出来面面试,衡量一下自己当前的技术水平以及价值,本人17年7月份,毕业到现在都没出来试过,也没很想换工作,就出来试试,看看自己水平咋样。 以下为我现场面试时候的一些回答,部分因人而异的问题我就不回答了,回答的都为参考答案,也有部分错误的地方或者不好的地方,有更好...

2018-11-18 18:53:00

阅读数:81

评论数:0

React中 `锁定`this的N种‘facade pattern’模式

不管是什么样的历史原因,或者是基于什么样的考虑。反正现在我们已经接受了JavaScript中的this的多面性,以及乐此不疲的使用this这种多面性,来编写灵活的代码,比如借用其他对象的方法,改变回调函数的调用者等,但有时候我们还是希望this能够老实一点,别让我们花费很大精力去找寻他。 快...

2018-11-18 18:49:20

阅读数:9

评论数:0

redux 源码解析与实际应用

Redux createStore createStore是一个函数,接收三个参数recdcer,initState,enhancer enhancer是一个高阶函数,用于增强create出来的store,他的参数是createStore,返回一个更强大的store生成函数。(功能类似于m...

2018-11-18 18:46:19

阅读数:25

评论数:0

优雅的在 react 中使用 TypeScript

写在最前面 为了在 react 中更好的使用 ts,进行一下讨论 怎么合理的再 react 中使用 ts 的一些特性让代码更加健壮 讨论几个问题,react 组件的声明?react 高阶组件的声明和使用?class组件中 props 和 state 的使用?... 在 react 中使用...

2018-11-18 18:43:51

阅读数:14

评论数:0

React 16.6新API

一.概览 新增了几个方便的特性: React.memo :函数式组件也有“shouldComponentUpdate”生命周期了 React.lazy :配合Suspense特性轻松优雅地完成代码拆分(Code-Splitting) static contextType...

2018-11-18 18:43:01

阅读数:12

评论数:0

对React Hooks的一些思考

React Hooks正式公布也有一长段时间了,在选择第一时间接受“总之这就是未来了,你不陪跑也得陪跑”的现实之后,逐渐尝试着在脑内对一些既有的代码基于Hooks去进行重构,也阅读了不少社区里的讨论。 在社区中,大部分布道者都提到了诸如“过于冗繁的组件嵌套”、“与内部原理的更亲密接触”、“比原先...

2018-11-17 11:04:11

阅读数:45

评论数:0

前端安全系列之二:如何防止CSRF攻击?

背景 随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的 XSS、CSRF 等安全问题之外,又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然,浏览器自身也在不断在进化和发展,不断引入...

2018-11-17 11:02:10

阅读数:53

评论数:0

深入理解浏览器的缓存机制

一、前言 关于页面性能优化,浏览器缓存必定是一个绕不过的话题,判断一个网站的性能最直观的就是看网页打开的速度,而提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。因此理解浏览器的缓存机制,就...

2018-11-17 10:59:41

阅读数:68

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭