JavaScript 定时器知多少；深入研究CSS字体度量及CSS 盒子；面试题：你能写一个Vue的双向数据绑定吗？；70个老司机技巧教你更好的进行CSS编程；关于 Google 发布的 JS 代码规范，你需要了解什么；ECMAScript 2016, 2017, 和2018中新增功能及示例；现代前端开发路线图：从零开始，一步步成为前端工程师；V8概念以及编程入门
-
深剖定时器 定时器类型 setTimeout: 指定xx时间后执行回调 setInterval: 指定每隔xx时间后定期执行 setImmediate: 和setTimeout(fn, 0)类似, 执行setTimeout(fn, 0)和setImmediate的顺序问题, 不同环境有差异 requestAnimationFrame: 跟着屏幕刷新而执行回调, 一般60HZ对应…
-
这张图展示的是8种不同的字体，其中第一、第二个分别为 font-awesome图标、自定义的字体图标，其余字体依次为Avenir、Trebuchet MS、Arial、Helvetica、Hiragino Sans GB、STXihei。 源代
-
在目前的前端面试中，vue的双向数据绑定已经成为了一个非常容易考到的点，即时不能当场写出来，至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例，名字就叫myVue吧。结合注释，希望能让大家有所收获。 1、原理 Vue的双向数据绑定的原理相
-
原文出处 70 Expert Ideas For Better CSS Coding – HackHands Posted on July 13th 2015 CSS 并不总是容易处理。 在你的能力和经验不够的时候，CSS编程会成为一个噩梦，
-
《
5、关于 Google 发布的 JS 代码规范，你需要了解什么
？》本文总结了Google发布的JavaScript代码规范中比较重要的部分，适合想要养成良好代码规范的读者借鉴。 （by 白吟灵）
-
6、ECMAScript 2016, 2017, 和2018中新增功能及示例
以下是ECMAScript 2016, 2017, 和2018中新增功能的示例 原文链接 很难跟踪JavaScript(ECMAScript)中的新功能，更难找到有用的代码示例。 因此，在本文中，我将介绍在ES2
-
编者按：很多人都想学编程。但是苦于没有具体的步骤和指导。比如想找份前端开发的工作，却不知道应该先学习什么再学习什么，也不知道该选择什么样的工具。因为经常被人问到类似的问题，全栈开发者Kamran Ahmed索性在github上制订了一份现代 前端开发的路线图 ，并且用一篇 文章 对前端开发的整个学习过程进行了详细解释…
-
了解V8才能更好地用好NodeJS：仓库地址：215566435/Fz-node v8 知识梳理以及编…
-
9、VueConf.US大会上与Gregg Pollack的问答
Vue.js的使用率一直在突飞猛进。近期据一份来自bestof.js.org的 调查 显示，它是2017年GitHub上最受欢迎的开源项目。据 VueMastery.com 的创始人 Gregg Pollack 说（他也是今年 VueConf.us 大会的演讲…
-
10、前端3大JS框架走势图：vue增长最快，react或被Preact 取代
Javascriptreport 近日发布了一篇文章来比较流行前端框架的走势。走势图是通过统计最新的数据，并与前一年的数据进行比较而生成。数据来源于 npm trends 的每日下载量。 前端框架三巨头 React、Angular 和 Vue，虽然都很受欢迎，
-
原文：How does blockchain really work? I built an app to show you. 作者：Sean Han 译者：JeLewine 根据维基百科，区块链是： 一个用于维护不断增长的记录列表的分布式数据库，我们称之为区块链。 这听起来很棒，那它是如何工作的呢？ 为了说明区块链，我们将会…
-
12、Element 2.3.4 发布，基于 Vue 2.0 的桌面端组件库
Element 2.3.4 发布了。更新内容如下： 删除 SubMenu 在 TypeScript 类型声明中重复的 showTimeout 属性， #10566 （by @kimond ） 现在 Transfer 数据项的渲染支持通过 scoped slot 自定义， #10577 修复点击 Pagination 禁用的上一页、下一页按钮仍会触发 current-change 事件的问题， #10628 …
-
webpack 于2018年2月25日正式发布 v4.0.0 版本，代号 legato ，这将会让 webpack 的配置更加简单，构建速度更快 Webpack4 中文文档 Nodejs版本 Node.js >= 8.9.4 当使用 webpack4 时，必须保证 Node.js 版本 >= 8.9.4 ，因为 webpack4 使用了大量的ES6语法，这…
-
去年回杭后，除了在新的公司沉迷业务开发、业余吹水之外，趁着人手不足顺便做了些电话和现场面试的工作（ 当然主要是面向初级前端岗候选人 ） 从两年前初入行的校招生，到如今扮猪吃老虎的面试官，感觉可以写篇文章介绍下自己的面试心得和套路、 充实下一年未更新的“技术博客” 列了个大纲: 前端面试忽悠师…
-
大家学习的时候，一开始小白，然后接触到进阶的东西的时候，发现一切得心应手，有的人可能开始说精通了。突然有一天，发现了一些基于很基础的东西的骚操作，就开始怀疑人生：wtf JavaScript？ 如果没有遇到被某些东西打击到或者见识到新的世界，可能永远的，就感叹：jQuery真好用，我精通jQuery，精通js。要不就是，vue…
-
Vue的主要原理中主要用到了定义的这么几个函数Dep，Watcher，observer。 我们来使用这几个函数简单的实现一下vue构造函数数据绑定和相互依赖部分，梳理一下它们之间的关系。 省略了编译部分和proxy代理与其他的一些复杂逻辑。 Dep Dep是依赖类，简要实现为 class Dep { constructor () { // 放当时属性的观…
-
工作也有一段时间了，平时忙于业务代码的编写中，发现身边的一些人以及自己，对一些基本概念理解有所偏差，可能闹出笑话，会问出下面这些常识性错误的奇怪问题： vuejs怎么在服务器部署？ (我提交到服务器之后执行了 npm run dev之后关闭了是可以打开网页的，但是关闭了ssh之后，服务马上就不能用了，请问…
-
18、谷歌JavaScript编程风格指导中的13个值得关注的要点
编者按：谷歌的程序员大大为了帮助刚入手JavaScript的小白们写出干净、易懂的代码，提供了一个独具特色的教程《Java Script指南》，而本文作者丹尼尔西蒙斯，一位web开发人员/Java爱好者精心总结了谷歌推出的这份指南中最有趣、最有用的十三条规则。 JS具有强大的灵活性和包容性，因此，JS的编写具有不同的风格，因此…
-
http报文格式 请求格式 GET /xxx HTTP/1.1 第一部分 HOST: jack.com:8002 第二部分 key:value形式 Content-Type: application/x-www-url-encoded 空行是第三部分，下面就是第四部分请求体…
-
Minimalistic docs generator with Vue component based layout system https://vuepress.vuejs.org/ Features
-
面完给我的总体感觉，要求你掌握的不仅有广度，更重要的是深度。我准备的烂大街的面试题没怎么问，可能自己欠缺的东西还比较多，不断学习，不断进步，再奶自己一口，fighting!!! 将面试官问的问题回忆总结如下： 关于框架的问题 框架用过哪些，感觉他们不只需要熟练
-
22、怎么在 ES6+Webpack 下使用 Web Worker
大家都知道 HTML 5 新增了很多 API，其中就包括 Web Worker，在普通的 js 文件上使用 ES5 编写相关代码应该是完全没有问题了，只需要在支持 H5 的浏览器上就能跑起来。 那如果我们需要在 ES6+Webpack 的组合环境下使用 Web Worker呢？其实也很方便，只需要注意一下个别点，接下来记录一下我踩过的坑。 至于 Web Work…
-
全文=> 1. 把你的代码全部放在闭包里面 这是我用的最多的一条。但是有时候在闭包外面的方法会不能调用。 不过你的插件的代码只为你自己的插件服务，所以不存在这个问题，你可以把所有的代码都放在闭包里面。 而方法可能应该放在Prototype方法内部。 (function($) { //code here })(jQuery); 2. 提供插件…
-
0x00 前言 上一篇主要讲了如何通过修改 Chromium 代码为 Web 漏洞扫描器的爬虫打造一个稳定可靠的 headless 浏览器。这篇我们从浏览器底层走到上层，从 C++ 切换到 JavaScript，讲一下如何通过向浏览器页面注入 JavaScript 代码来尽可能地获取页面上的链接信息。 0x01 注入 JavaScript 的时间点 首先我们要…
-
文章翻译自： Node.js Streams: Everything you need to know 在开发者中普遍认为Node.js流不但难以应用，而且难以理解。现在有一个好消息，Node.js流将不在难以处理。过去几年，为了方便操作Node.js流，开发者开发了许多第三方Node.js包。但是在这篇文章中，我将集中在Node.js原生的流接口应用的介绍。 …
-
textarea高度自适应，textarea高度自动增高，textarea高度自动撑开，本文通过复制textarea的html给另外一个元素pre,由于设置pre自动展开，所以不会存在有滞留的感觉，交互效果较好。 #前端开发博客#
-
最近在 vue 框架下写业务代码，不可避免地涉及到对象深浅拷贝的问题，趁机会总结记录一下。 由于微信文章平台只能再重新编辑一次，以后文章有更新的话，会更新到我自己的个人博客，有兴趣的可以围观下： 个人博客地址：blog.ironmaxi.com 内存的堆区与栈
-
我的个人网站：拓跋的前端客栈~了解一哈。这里是原文地址，如果您发现我文章中存在错误，请尽情向我吐槽，大家一起学习一起进步φ(>ω<*) 引子 如果您甘于平凡，写代码对您来说可以就是Ctrl+C和Ctrl+V；如果您充满创造力，写代码也可以成为一门艺术。我们在平时总会遇到一些堪称优雅灵性的代码片段，在这里，仅…
-
密码学是一门难以理解的学科，因为它充满了数学定理。但是除非你要实际开发出一套加密算法系统，否则你是没必要强制理解那些深奥的数学定理的。详见 （来自：@开源中国）
-
时过境迁，Web 应用比以往任何时候都更具交互性。搞定性能可以帮助你极大地改善终端用户的体验。阅读以下的技巧并学以致用，看看哪些可以用来改善延迟，渲染时间以及整体性能吧！ 更快的 Web 应用 优化 Web 应用是一项费劲的工作。Web 应用不仅处于客户端和服务器端的两部分组件当中，通常来说也是由多种多样的技术…
-
// 对象都是由函数创建的 //var obj = { a: 10, b: 20 }; //var arr = ; var obj = new Object(); obj.a = 10; obj.b = 20; var arr = new Array(); arr = 5; arr = ‘x’; arr = true; 函数也是一种对象 他也是属性的集合，你也可以对函数进行自定义属性。 …
-
ECMAScript 6.0于2015 年 6 月正式发布了，成为JavaScript 语言的下一代标准。ES6增加的语言特性解决了哪些问题，会给开发者哪些便利，是本文主要探讨的问题。 增加了对unicode字符的支持 ES5对字符的处理有限，无法很好地处理码
-
by yugasun from https://yugasun.com/post/you-dont-know-vuejs-10.html 本文可全文转载，但需要保留原作者和出处。 初始插件 虽然 Vue.js 已经足够强大了，但是在实际开发中，我们还是需要引入各种模块来实现我们的功能需求，或者给全局的 Vue 对象添加一些全局功能，而 Vue插件就是来帮助我们完成这…
-
《
》我得承认这一次我又标题党了…无非是想吸引更多前端初学者进来，希望大家都能少走一些弯路，也希望那些从零开始自学前端的同学更有勇气去面对自己的选择。 （by zach5078）
-
简单了解ES6/ES2015 Symbol() 方法 这篇文章发布于 2018年04月10日，星期二，22:37，归类于 js相关。 阅读 1421 次, 今日 8 次
-
36、Driver.js – 页面分步引导JavaScript
通过 Driver.js ，你可以突出显示页面上的项目，以吸引用户的注意力。你也可以在网站改版后，使用它来引导用户展示新功能。 下载 演示 GitHub Driver.js 是一个轻量级（~ 4kb gzip），无需依赖但功能强大的原生 JavaScript 。兼容所有主流浏览器，可帮助你将用户的注意力集中在页面上。 特色功能…
-
37、WebAssembly 再添一员猛将：将支持使用 Go 语言
WebAssembly 在 2018 年第一季度算得上是真正取得了成功，这是自 Web 诞生以来首个 JavaScript 原生替代方案。现在，Go 语言也宣布加入 wasm！ 在 Wasm 平台上添加对 Golang 的支持将被添加到 golang 代码库的一系列提交中。该系列的 第一部分 已于 2018 年 3 月 31 日发布，旨在将 WebAssembly 作为架构目标添…
-
Webpack4 新特性 及 Vue-cli项目升级；自己实现AJAX；JavaScript数组一把梭；列表渲染和Vue的v-for指令；腾讯一面总结-web前端-2018.4.11；vue实践04之vuex；你不知道的 Vuejs：Vuejs 插件开发；用空格还是用 Tab 键？…详情→
-
数组的创建有三种方式：构造函数方式、字面量方式、ES6新增的Array.of()方法创建。 构造函数方式： let arr = new Array(); // 创建一个空数组 let arr = new Array(10); // 创建长度为10的数组 let arr = new Array(‘a’); // 创建包含一个字符串元素a的数组 let arr = new Array(10, ‘a’); // 创建…
-
Everything you ever needed to know about JavaScript Arrays and my favorite part is the reduce() method. After writing my article o
-
41、vue.js源码- 剖析observer,dep,watch如何具体的实现数据双向绑定
Vue双向数据绑定的核心和基础api是Object.defineProperty,其内部真正参与数据双向绑定流程的主要有Obderver、Dep和Watcher,基于defineProperty和发布者订阅者模式，最终实现数据的双向绑定。那么Obderver、Dep和Watcher是如何具体配合工作的呢？下面就来理一理。 看此文章之前你需要对vue的双向数据绑定有一定的理解…
-
vue实践04之vuex vuex是一个专门为vue.js设计的集中式状态管理架构。我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。比如：我们有几个组件要显示用户名称和用户等级，或者显示用户的
-
前端布局推进剂 – 间距规范化 我是一个爱折腾设计的前端，一直都在标榜自己的页面还原是多么的牛 X 。怎么做到页面还原？我有一个最笨但是有效的方法，就是把设计稿直接存成图片，作为背景图然后临摹着设计稿进行开发。我觉得自己太有才了。像素级还原有没有？▲ 为看清效果有做两像素偏移但是 Too Y
-
什么是Webp图片 WebP是一种新的图片格式，目标是减少文件大小但达到和JPEG格式相同的图片质量，能够减少网络上的请求时间。 优势与劣势 WebP优势 WebP相比于JPG拥有更小的文件尺寸、更高的质量（相比于相同大小不同格式的压缩图片），抽取100张商品
-
45、vue nextTick深入理解－vue性能优化、DOM更新时机、事件循环机制
一、定义［nextTick、事件循环］ nextTick的由来： 由于VUE的数据驱动视图更新，是异步的，即修改数据的当下，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新。 nextTick的触发时机：
-
虽然感觉规范里面很多都不太现实，但还是可以参考一下：Google是一家人才汇聚的科技公司，雇佣着出色的程序员来编写优秀的代码。能够看到这样的公司发布的代码规范是一件很有趣的事情
-
Bone的使用很简单，上手也很快。如果你想用react搭建一个项目，不妨跟着我试试使用Bone。 Bone特性概述 集成了路由（基于 history.js + react-router），并支持前进、后退状态缓存 使 Component 支持绑定 Model
-
48、“破碎-重组-破碎” CSS3实现Lowpoly风格变形动画终极篇
非常有意思的效果，创意确实比技术更重要更稀缺：在受到SVG+CSS3动画仿作草莓音乐节宣传视频的伤害后，一直想找个简单唬人的东西做一做来平复一下悲愤的心情。翻了下收藏夹，找到了一个珍藏了很久的存货，三十种濒危动物的碎片动画效果。有时候，很多创意来自于别人，别不承认，戳戳看，很惊艳 。以前写过CSS3实现lowpoly动画效…
-
前端是个发展迅速的领域，前端请求自然也发展迅速，从原生的XHR到jquery ajax，再到现在的axios和fetch。 jquery ajax $.ajax({ type: 'POST', url: url, data: data,
喜欢这篇文章的朋友，欢迎收藏、分享、评论，帮我上热门，你的支持，是我每日更新的动力！
喜欢前端的朋友可以点击关注一下我微博，每日分享精彩的前端文章！
