从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理；回顾 2017，展望 2018 JavaScript 发展趋势；年终跳槽小结-前端篇；前端特效05：绝对震撼的16行JS代码实现地球自转效果；良好的HTML编码风格；如何用 React 实现滚动动画；vue-cli之webpack3构建全面提速优化；了不起的 Gatsby.js
-
从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理前言 见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ———-超长文+多图预警，需要花费不少时间。———- 如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内…
-
回顾 2017，展望 2018 JavaScript 发展趋势 原文出处 The Top JavaScript Trends to Watch in 2018 – Hacker Noon 如果2017年你被项目折磨的死去活来，那么这篇文章就是为你准备的。 你可以把本文作为一个指南，为2018规划您的学习计划。 React vs. Vue.js 没有多少人相信Vue将成…
-
年终跳槽小结-前端篇年底了，又将迎来一波跳槽小高峰。 算下来工作也两年半了，最终还是决定换个环境继续折腾。跳槽的目的无疑是为了更好的发展以及更高的薪酬。然而我并不打算讨论这些“政治问题”，而是想回顾下这些年来，自己在技术…
-
前端特效05：绝对震撼的16行JS代码实现地球自转效果 今天，小编将与大家分享web前端特效荟萃系列第五期，喜欢把玩儿炫酷效果的小伙伴快快看过来^_^ ，希望大家喜欢呦～ 第五期，给大家分享一个使用 16行Javascript代码实现的地球自转效果，带给你屌炸天的动画效果，绝对震撼！ 。相关代码如下： <!doctype html> <html lang="en"> <he…
-
良好的HTML编码风格 首发于fxm5547的博客 HTML编码规范 1 前言 HTML作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使HTML代码风格保持一致，容易被理解和被维护。 2 代码风格 使用 2 个空格做为一个缩进层级，不允许使用 4 个空格
-
如何用 React 实现滚动动画简评：滚动动画让组件向下滚动时出现在页面上。这篇文章是介绍如何使用 React 和 CSS3 做到这一点。 这里将通过构建一个简单的例子来学习这个滚动动画。 首先构建 Header 组件。 {代码…} 添加样式。 {代码…} …
-
vue-cli之webpack3构建全面提速优化 前言 伴随着vue的全球化，各种vue的组件框架越来越完善，从早期的element-ui到vux，iview等越来越多高质量的项目，使用vue进行前端构建已然是一件工程化，模块化，敏捷化的事情 在这其中，相信很多人都会选择官方的vue-cli初始化工程模板，然
-
了不起的 Gatsby.jsAmway Gatsby.js 是一个基于 React 的静态网站生成器 Blazing fast static site generator for React 前一阵看 React 官网文档的时偶然发现的 Kyle Mathews 小哥在 2015 年开了这个坑 到目前已有 17k+ 的 star，…
-
前端工程师的未来在哪里？ 阿里妹导读：很多童鞋在上次的问卷调查里表示，希望多推出一些前端方向的内容。今天为大家分享一篇关于前端工程师职业发展的文章，抛砖引玉，期待与大家一起交流探讨。 我是成曰，目前在蚂蚁金服数据平台部任职前端工程师，从事数据中台产品的研发。目前对前端架构与质量、用户体验、TypeScript比较感兴趣。 …
-
js深入学习绕不开的原型知识 最近在看underscore源码，涉及到js原型相关的知识，于是重温了一遍，在此做下记录。 js原型是其语法的一个难点，也是一个重点，要深入学习js必须掌握的点。要想读懂别人的框架和库，了解这些基础知识是必不可少的。 js原型主要为了提取公共属性和方法，实现对象属性和方法的继承。说到原型，可能就有几个相关的词： p…
-
前端每周清单第 48 期：Slack Webpack 构建优化，CSS 命名规范与用户追踪，Vue.js 单元测试 前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端每周清单。 新闻热点 国内国外，前
-
vue无缝滚动vue-seamless-scroll 一个简单的基于vue.js的无缝滚动 在线文档demo 小demo English Document 安装 NPM {代码…} 使用 ES6 详情的demo页面 example-src/App.vue {代码…} 普通的使用方法 (script标签引入)…
-
从 18000 篇中脱颖而出的 45 个最棒的 React.js 学习指南（2018 版） 原文 – Learn React.js from Top 45 Tutorials for the past year (v.2018) 原文作者 – Mybridge 原文地址 – https://medium.mybridge.co/learn-react-js-from-top-45-tutorials-for-the-past-year-v-2018-28b7f4d4b2c4 译者 – hijiangtao 译文地址 – https://hijiangtao.github.io/2018/01/23/learn-react-js-f…
-
我们编写 React 组件的最佳实践刚接触 React 的时候，在一个又一个的教程上面看到很多种编写组件的函数，尽管那时候 React 框架已经相当成熟，但是并没有一个固定的规则去规范我们去写代码。 在过去的一年里，我们在不断的完善我们的做法，直到…
-
16年毕业的前端er在杭州求职ing 因为曾经看过一篇文章 面试分享：一年经验初探阿里巴巴前端社招 所以来杭州也是带有目标的，网易！如果能有幸加入阿里，也是非常荣幸的。所以面试总是懒懒散散的，大概一天也就面试一家。 然后我的技术栈大概是react+node，GitHub地址： Nealyang 目前的状态是阿里通过了技术面和交叉面，大概下周一总监…
-
css中的浮动和BFC 写了两篇，发现自己给自己挖了好多坑，现在得一点点慢慢填了。这次还是继续写一篇css的内容，来看一下浮动和BFC这两个概念。 浮动float float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围
-
vue-piczoom：基于vue2.x的电商图片放大镜插件 最近在撸一个电商网站，有一个需求是要像淘宝商品详情页那样，鼠标放在主图上，显示图片放大镜效果，找了一下貌似没有什么合适的vue插件，于是自己撸了一个，分享一下。小白第一次分享，各位大神莫见笑。 vue-piczoom A picture magnifier
-
详解 JavaScript 中的 Event Loop（事件循环）机制 前言 我们都知道，javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。 单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务。 而非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间…
-
[CSS]提出质疑：@import和link的区别 事情是这样的，自己在看这两个的区别的时候，看到的说法都是在说，@import会慢于link去执行，使用@import的时候样式表会在页面加载完之后再去执行，而link会在页面加载的时候执行，不过我在chrome下去测试却不是这样的，测试的结果是，按照其在页面中
-
CSS Grid 系列(下)-使用Grid布局构建网站首页by Chris House 译者：若愚老师想要更好的阅读体验可在饥人谷技术博客 查看原文要看懂这篇文章，推荐先简单过一遍姊妹篇 CSS Grid 系列(上)-Grid布局完整指南 当我开始一个项目，并开始计划如何布局主页时，我的…
-
解读 Vue 的模板编译 Vue 的 template 是如何编译成真正的 HTML 并做到双向绑定等等特殊功能的呢？这篇文章会给你一个答案。
-
iOS 下 JavaScript 实现复制功能 1. 背景 最近要实现一个小需求：iOS APP下，用户点击一个按钮，系统自动复制一段文本到系统剪贴板。通过查资料发现，iOS 出于安全性的考虑，对 Clipboard API 的使用有诸多限制。但是在 iOS 10 及以上版本中，可以通过 hack 的方式来实现该功能。 2. 方案 主要参考的是 SO 上的这个答案 ，在 iOS 10 及以上…
-
[中文] Bootstrap 4 正式发布 Bootstrap 4 2018.01.18 经过我们多年的努力， Bootstrap 4 终于来了！整个团队和我已经无法用语言描述对这个版本发布的喜悦之情，但是我会尽力去表达的。 感谢所有人，特别是团队成员，以及所有在 pull reques
-
基于vue-cli重构多页面脚手架 官方提供的项目生成工具vue-cli没有对多页面webApp的支持，但是在实际的项目中，我们需要这样的脚手架，参考了很多大牛的方法，这里提供了一种我的单页面脚手架转换为多页面脚手架的方案，供大家参考。不好的地方也请大家指正。 准备 使用vue-cli生成一个你需要的单页面项目脚手架，然后我们就要开始我们的改装工程…
-
vue实战-组件编写-todolist组件 我们在topNav这个页面上插入一个todolist子组件 我不知道怎么回事，这里的markdown的代码总是串行。。所以代码看得不舒服，见谅啊，我最后会放github的源代码地址。 如果可以，希望可以star！！！，给我动力以后继续出更进阶的实战教程 完整代码 1. 父组件topNav中注册子组件，引入子组件 <template> …
-
利用javascript获取图片的top N主色值 先来一道面试题热热身。 题目要求 找出一个页面中出现次数最多的标签！！！ 个人解法： var eles = document.getElementsByTagName('*');
-
HTTPS 的故事 本文其实总体算是一篇译文，原作在此 HTTPS explained with carrier pigeons, 看完不禁感叹作者的思路清奇，于是跟风把原文重新“诠释”一下 … 你在 Internet 上的所有活动，其实都可以归类为 往服务器发送数据 以及 从服务器接受数据，也就是你与服务器的通信。原文作者对这个行为给了一个神奇的比喻：有一只…
-
JavaScript中的Promise小结 Promise是抽象异步处理对象以及对其进行各种操作的组件。Promise并不是从JavaScript中发祥的概念。Promise最初被提出是在E语言中， 它是基于并列/并行处理设计的一种编程语言。现在JavaScript也拥有了这种特性，这就是本文所介绍的JavaScript Promise。另外，如果说到基于JavaScript的异步处理，我想大多数都会想到利用…
-
2017年 JavaScript 明星项目 概述 下面是不分类别的 2017 年度最受欢迎 Javascript 项目，如果你时间很紧，看这部分就够了。 Vue.js 蝉联冠军 Vue.js 再次强势登顶年度排行榜冠军，今年在 GitHub 上新增了超过 40K 的 star。相
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
