摘要： 如今Webpack已经是一个不可或缺的前端构建工具，借助这个构建工具，我们可以使用比较新的技术（浏览器不能直接支持）来开发。 你是否好奇你写的代码经过Webpack构建之后会生成什么东西？是否有时调试遇到莫名其妙的问题？ 本文不讲如何进行配置，只是基于几个基础的例子，简要分析一下 webpack@4 阅读全文

摘要： 前端安全方面，主要需要关注 XSS（跨站脚本攻击 Cross-site scripting） 和 CSRF（跨站请求伪造 Cross-site request forgery） 当然了，也不是说要忽略其他安全问题：后端范畴、DNS劫持、HTTP劫持、加密解密、钓鱼等 CSRF主要是借用已登录用户之手 阅读全文

摘要： 和以往一样，本次项目也放到了 Github 中，欢迎围观 star ~ 1. 前言 2. 基本概念 3. REM布局 4. VW布局 实现单边边框1px 实现多边边框1px 实现边框圆角 实现容器固定纵横比 5. REM + VW布局 6. 对比选择 方案选择 食用方式 一、前言 说到前端页面的布局 阅读全文

摘要： 假如想统计JS中的函数执行次数最多的是哪个，执行时间最长的是哪个，该怎么做呢？ 1. 统计函数执行次数 2. 统计函数执行时间 3. 如何控制函数的调用次数 4. 如何控制函数的执行时间 一、统计函数执行次数 常规的方法可以使用 console.log 输出来肉眼计算有多少个输出 不过在Chrome 阅读全文

摘要： 服务端渲染（SSR: Server Side Rendering）在React项目中有着广泛的应用场景 基于React虚拟DOM的特性，在浏览器端和服务端我们可以实现同构（可以使用同一份代码来实现多端的功能） 服务端渲染的优点主要由三点 1. 利于SEO 2. 提高首屏渲染速度 3. 同构直出，使用 阅读全文

摘要： 在程序设计中有很多实用的设计模式，而其中大部分语言的实现都是基于“类”。 在JavaScript中并没有类这种概念，JS中的函数属于一等对象，在JS中定义一个对象非常简单（var obj = {}），而基于JS中闭包与弱类型等特性，在实现一些设计模式的方式上与众不同。 本文基于《JavaScript 阅读全文

摘要： JS的闭包，是一个谈论得比较多的话题了，不过细细想来，有些人还是理不清闭包的概念定义以及相关的特性。 这里就整理一些，做个总结。 一、闭包 1. 闭包的概念 闭包与执行上下文、环境、作用域息息相关 执行上下文 执行上下文是用于跟踪运行时代码求值的一个规范设备，从逻辑上讲，执行上下文是用执行上下文栈（ 阅读全文

摘要： 稍微整了整微信小程序，还是有不少问题的，做个小总结吧 和以往一样，本次项目也放到了 Github 中，欢迎围观 star ~ 一、微信公众平台 - 小程序后台 1.申请小程序账号 官网注册 注册时所用的邮箱有限制（未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱） 选择主体为个人或企业，按照流 阅读全文

摘要： 一、什么是事件循环 JS的代码执行是基于一种事件循环的机制，之所以称作事件循环，MDN给出的解释为 因为它经常被用于类似如下的方式来实现 如果当前没有任何消息queue.waitForMessage 会等待同步消息到达 我们可以把它当成一种程序结构的模型，处理的方案。更详细的描述可以查看 这篇文章 阅读全文

摘要： 整理一份个人的 Todo List 前端技术点扩散出来实在太多太多，有些看起来已经不仅是前端了，路漫漫 以兴趣而学，才能学得来 1. 《CSS世界》 学习 2. ES6+语法完整学习，运用 3. 在MDN完整阅读CSS基础属性，JS基础语法 4. JS设计模式学习整理 5. HTTP学习，读《HTT 阅读全文