2018年01月_前端大全

转载 2017 年 JS 框架回顾：后端框架

（点击上方公众号，可快速关注）英文：Laurie Voss 译文：葡萄城控件www.cnblogs.com/powertoolsteam/p/the-state-of-javascript-frameworks-2017-part-3-back-end-frameworks.html本文是2017年 JavaScript 框架回顾系列的最后的一篇文章，主要介绍 JavaScript 的后端框架情

2018-01-30 00:00:00 1693

用户体验为王，是互联网时代的座右铭。人们在享受互联网带来的便捷的同时也对互联网产品的用户体验有了更高的要求，这意味着前端开发人员也会有更多的挑战和机会。近几年，前端的框架类库层出不穷，正处于工程化的新发展时期，无论是大公司还是小公司，对于前端工程师的需求都在急速上涨。激烈的人才争夺，主要源于前端技术的飞快更新，而国内大多数学校并未开设前端开发的相关专业和课程，所以企业开始将人才培养计划瞄准来自硅谷

2018-01-30 00:00:00 507

转载如何构建你的第一个 Vue.js 组件

（点击上方公众号，可快速关注）编译：开源中国/凉凉www.oschina.net/translate/build-your-first-vue-js-component记得当那天使用 CakePHP 开发的时候，我很喜欢它简易入门的特性。其文档不仅结构严密，详尽，而且对用户友好。多年以后，我在 Vue.js 上找到了同样的感觉。然而，与 Cake 相比，Vue 文档还有一个缺点：（缺乏）真实的项目

2018-01-29 00:00:00 833

转载 JavaScript 2018: 你需要和不需要深入的

（点击上方公众号，可快速关注）编译：众成翻译/NimitzDEVzcfy.cc/article/javascript-2018-things-you-need-to-know-and-a-few-you-can-skip-the-new-stackJavaScript 现今已发展成熟 -- 我们也不再是在页面上做一些小小的互动元素了，而是使用 JavaScript 构建整个大型应用。当然，这也使

2018-01-28 00:00:00 904

转载 JS 在微信、微博、QQ、Safari 唤起 App 的解决方案

（点击上方公众号，可快速关注）作者：会说话的鱼https://segmentfault.com/a/1190000012940046背景最近在做微信、QQ、微博中使用js唤起App，之前也做过类似的功能，不过比较粗糙，考虑的情况不太全，而且那已经是很久之前的事情了，很多技术都已过时，现在有体验更好，功能更加完善的唤起技术，之前的很多的方案，到了现在都已是不太必要了，现在通过这篇文章分享给大家一个全

2018-01-28 00:00:00 582

转载 2017 年度9大最受欢迎的浏览器：IE 落选，Edge 来挽尊

（点击上方公众号，可快速关注）编译：开源中国/周其https://www.oschina.net/news/92647/best-web-browsers-for-pc人们总是希望他们的浏览器的速度可以达到最快，所以，一个好的浏览器应该可以扩展和有丰富的插件。这里总结了2017年最受欢迎的互联网浏览器。因国内外使用情况存在差异，本排名仅供参考（排名顺序不分先后），如有不同观点，欢迎参与文末投票，或

2018-01-27 00:00:00 561

转载 Javascript 调试命令——你只会 Console.log() ?

（点击上方公众号，可快速关注）作者：徐大大https://segmentfault.com/a/1190000012957199Console 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console）。不同浏览器上它的工作方式是不一样的，但这里会介绍一些大都会提供的接口特性。Console对象可以在任何全局对象中访问，如 Window，WorkerGlobalScope 以

2018-01-27 00:00:00 487

转载如何继承 Date 对象？由一道题彻底弄懂 JS 继承

（点击上方公众号，可快速关注）作者：撒网要见鱼http://www.dailichun.com/2018/01/15/howtoextenddate.html前言故事是从一次实际需求中开始的。。。某天，某人向我寻求了一次帮助，要协助写一个日期工具类，要求：此类继承自 Date，拥有Date的所有属性和对象此类可以自由拓展方法形象点描述，就是要求可以这样：// 假设最终的类是 MyDate，有一个g

2018-01-26 00:00:00 1059

转载 (a ==1 && a== 2 && a==3) 有可能是 true 吗？

（点击上方公众号，可快速关注）英文：Dimpu Aravind Buddha 译文：elevenbeanselevenbeans.github.io/2018/01/23/nothing-is-impossible-for-javascript/一个有趣的问题：在 JavaScript 中， (a ==1 && a== 2 && a==3) 是否有可能为 true ？这是一道我被某科技公司问到的

2018-01-26 00:00:00 461

转载 CSS 小技巧

（点击上方公众号，可快速关注）作者：火头军人/任轲https://mp.weixin.qq.com/s/jxaFwejRpr5AeSZRJjptzA在页面构建中，能明显提升页面显示质量的一些CSS小技巧。很多简洁美观的页面表现，可以使用CSS3代码即可实现，减少图片的使用。一、边框内圆角我们在设计例如按钮等控件的时候，会遇到这样的设计：只有内侧有圆角，而边框或者描边的四个角还是保持直角的形状，用

2018-01-25 00:00:00 412

转载 webassembly 的那些事

（点击上方公众号，可快速关注）作者：刘艳https://mp.weixin.qq.com/s/lFqvdBvusCcndoBK0-U7kg简介JS于1995年问世，设计的初衷不是为了执行起来快。直到08年性能大战中，许多浏览器引入了即时编译 JIT(just-in-time编译器)，JavaScript 代码的运行渐渐变快。正是由于这些 JIT 的引入，使得 JavaScript 的性能达到了一个

2018-01-24 00:00:00 1593

转载 2017 年崛起的 JS 项目

（点击上方公众号，可快速关注）作者：wangshijunhttps://segmentfault.com/a/1190000012927293共 4741 字，读完需 8 分钟，速读 2 分钟。我有幸参与了该项目的部分中文版翻译、校对工作，感谢 Sacha Grief，Micheal Ramberu 的统计整理，以及 Frank Xu 的翻译工作，完整版本请猛击阅读原文。和 2016年一样，又到

2018-01-24 00:00:00 2838

转载 LCS 算法：Javascript 最长公共子序列

（点击上方公众号，可快速关注）英文：Kaelan Cooter 译文：开源中国https://www.oschina.net/translate/what-im-looking-for-from-frontend-in-2018最长公共子序列（Longest Common Subsequence LCS）是从给定的两个序列X和Y中取出尽可能多的一部分字符，按照它们在原序列排列的先后次序排列得到。

2018-01-23 00:00:00 786

转载阿里给程序员准备的开源年货，你收到了吗？

人类历史上的超级工程有什么？金字塔、万里长城、迪拜世界岛、三峡大坝……其实，我们还有个很特别的超级工程：人们看不到它的形态，却无时无刻不在感知它的存在。天南海北的货物因它向世界各地集散，各行各业因它联成一体，这就是双11，一个属于互联网技术的超级工程。不夸张地说，最近十年阿里的重大技术演进，几乎都是被双11逼出来的。从第一个双11的错误丛生，到最近一年“丝般顺滑”的用户购物体验，凝结的是阿里技术九

2018-01-23 00:00:00 701

转载 2018 前端趋势：更一致，更简单

（点击上方公众号，可快速关注）英文：Kaelan Cooter 译文：开源中国https://www.oschina.net/translate/what-im-looking-for-from-frontend-in-20182017 是一个前端 Web 开发年。像 React 和 Angular 这样的框架，继续在社区中享有大规模的支持，但是，新的候选者 Vue ，人气也很旺。Webpack

2018-01-22 00:00:00 1566

转载一起来看 HTML 5.2 中新的原生元素 dialog

（点击上方公众号，可快速关注）英文： Kirsty TG 译文：Keith https://segmentfault.com/a/1190000012894864不到一个月前，HTML 5.2 正式成为 W3C 的推荐标准（REC）,其中，推出了一个新的原生模态对话框元素，乍一看，可能感觉它就是一个新增的元素，然而，作者最近在玩的时候，发现它确实是一个值得期待和很有意思的元素，在这里分享

2018-01-22 00:00:00 534

转载程序员和用户

（点击上方公众号，可快速关注）来源：外刊IT评论www.vaikan.com/how-client-use-their-software/我曾经说过，程序员不是一般的人，是具有某种超能里的人。但问题是，程序员往往意识不到自己的这种特异功能，在他们的眼里，会认为自己很普通，跟常人一样，所以，程序员能做到的事情，其他人——比如他们的客户/软件用户——也应该很容易做到。但事实上，由于大部分人——绝大部分

2018-01-21 00:00:00 925 2

转载浅谈浏览器 http 的缓存机制

（点击上方公众号，可快速关注）原文：VaJoy Larn（@VaJoy_学霸模式重启）www.cnblogs.com/vajoy/p/5341664.html针对浏览器的http缓存的分析也算是老生常谈了，每隔一段时间就会冒出一篇不错的文章，其原理也是各大公司面试时几乎必考的问题。之所以还写一篇这样的文章，是因为近期都在搞新技术，想“回归”下基础，也希望尽量总结的更详尽些。那么你是否还需要阅读本篇

2018-01-21 00:00:00 455

转载研究人员称 HTML5 可以被用来追踪网民

（点击上方公众号，可快速关注）英文：Sphinx 译文：freebufhttp://www.freebuf.com/news/160692.htmlHTML5可能是现在最流行的网页制作手段，但小心哦，由于它的新特性，追踪网民变得非常容易。普林斯顿计算机科学助理教授Arvind Narayanan本周在加利福尼亚的Usenix’s Enigma 2018大会上发表演讲，展示了如何利用HTML5的

2018-01-20 00:00:00 596

转载涨知识，原来可以这样用 CSS 来追踪用户

（点击上方公众号，可快速关注）英文：jbtronics 译文：枫上雾棋https://segmentfault.com/a/1190000012901505除了使用 JS 追踪用户，现在有人提出了还可以使用 CSS 进行网页追踪和分析，译者认为，这种方式更为优雅，更为简洁，且不好屏蔽，值得尝试一波，了解更多，可查看仓库地址(https://github.com/jbtronics/Cr

2018-01-20 00:00:00 424

转载程序员参加年会，CTO 要求技术部门穿成这样

每年的年会都是IT互联网圈子的一道亮丽风景。我们在观赏着各大公司年会的新花样时，也在讨论或准备着自己公司的年会。有着浓厚技术氛围的公司如何开一个与众不同的年会？去年，范品社告诉我们一件有意思的事情（真实故事）：有家 IT 互联网行业的公司开年会，非技术部门穿汉服、旗袍，CTO 别出心裁，让技术部门在开年会时穿极客卫衣，而且卫衣的风格还得体现自己的技术岗位。脑补一下这场面，年会的穿着也成了一道亮丽风

2018-01-20 00:00:00 1552

转载 Bootstrap 4 正式发布！带来新的示例和新的主题

（点击上方公众号，可快速关注）来源：oschinahttp://www.oschina.net/news/92573/bootstrap-4-0-0-releasedlBootstrap 4.0.0 正式版现已发布，更新内容方面，相对于之前的测试版，正式版没有重大的改变，但做出了一些关键的改进，并解决了一些棘手的错误。新的示例几乎每个示例都经过稳定的 v4 版本的重大修改，其中删除了一些过时的示例

2018-01-19 00:00:00 582

转载 10 分钟理解 JS 引擎的执行机制

（点击上方公众号，可快速关注）作者： ziwei3749https://segmentfault.com/a/1190000012806637首先，请牢记2点：JS是单线程语言JS的Event Loop是JS的执行机制。深入了解JS的执行，就等于深入了解JS里的event loop1.灵魂三问：JS为什么是单线程的？为什么需要异步？单线程又是如何实现异步的呢？技术的出现，都跟现实世界里的应用场景密

2018-01-19 00:00:00 467

转载一个三年工作经验的Web工程师的经验之谈

（点击上方公众号，可快速关注）作者：海角在眼前www.cnblogs.com/lovesong/p/5721828.html时间过得很快，我做软件工程师已经三年整了。我没有做过一个项目，一直在做框架相关的工作，有时维护Web框架代码，有时写移动Hybrid的前端UI框架，也有时做开发工具或自动编译平台等。我想分享下这段时间在工作上的个人经验，分为几点：做框架的态度我工作中做得最多就是框架，框架的

2018-01-18 00:00:00 3610

转载正则表达式实例

（点击上方公众号，可快速关注）来源：寒青https://segmentfault.com/a/1190000012806098收集在业务中经常使用的正则表达式实例，方便以后进行查找，减少工作量。1. 校验基本日期格式var reg1 = /^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/;var reg2 = /^(^(\d{4}|\d{2})(\-|\/|\.)\d{1,2}

2018-01-18 00:00:00 344

转载 ECharts 大版本 4.0 正式发布：带来 8 项全新“黑科技”特性

（点击上方公众号，可快速关注）来源：开源中国www.oschina.net/news/92480/echarts-4-0-0-released内容参考自：IFE2018 年 1 月 16 日，百度EFE团队正式发布了旗下知名开源产品 ECharts 的最新大版本 4.0，新版本在产品的性能、功能、易用性等各个方面进行了全面提升。ECharts 4.0 最大的亮点是带来了 8 项堪称“黑科技”的全新

2018-01-17 00:00:00 483

转载 display 的 32 种写法

（点击上方公众号，可快速关注）作者：张京https://segmentfault.com/a/1190000012833458你知道『回』字有四种写法，但你知道 display有 32种写法吗？今天我们一一道来，让你一次性完全掌握 display，从此再也不用对它发愁。从大的分类来讲， display的 32种写法可以分为 6个大类，再加上 1个全局类，一共是 7大类：外部值内部值列表值属性值显示

2018-01-16 00:00:00 3247 1

转载 Webpack 持久化缓存实践

（点击上方公众号，可快速关注）作者：happylindzhttps://github.com/happylindz/blog/issues/7前言最近在看 webpack 如何做持久化缓存的内容，发现其中还是有一些坑点的，正好有时间就将它们整理总结一下，读完本文你大致能够明白：什么是持久化缓存，为什么做持久化缓存?webpack 如何做持久化缓存？webpack 做缓存的一些注意点。持久化缓存首先

2018-01-16 00:00:00 1813

转载轻松学习 JavaScript（8）：JavaScript 中的类

（点击上方公众号，可快速关注）英文： Dhananjay Kumar 译文：码农网/小峰www.codeceo.com/article/easy-javascript-08-class.htmlECMAScript 6引入了class关键字以创建JavaScript中的类。现在，你可以使用class属性在JavaScript中创建类。在ECMA 6之前，无论何时使用new运算符调用一个函数，该

2018-01-15 00:00:00 1359 3

转载在 Node 的帮助下，横跨多平台的 JavaScript 已经赢了

（点击上方公众号，可快速关注）英文：Jonny Asmar 译文：36氪http://36kr.com/p/5111638.html编者按：很多人都在寻找一个能够统一编程语言江湖的“老大哥”，战火也重来没有停止过。Jonny Asmar在hackernoon上发表了一篇文章指出，因为Node的存在，JavaScript具备了多功能性，已经有了坐稳“头把交椅”的势头。作者写在前面的话：这篇文章已经

2018-01-14 00:00:00 369

转载加速 Webpack

（点击上方公众号，可快速关注）作者：吴浩麟 https://www.ibm.com/developerworks/cn/web/wa-lo-expedite-webpack/index.htmlWeb 应用日益复杂，相关开发技术也百花齐放，这对前端构建工具提出了更高的要求。 Webpack 从众多构建工具中脱颖而出成为目前最流行的构建工具，几乎成为目前前端开发里的必备工具之一。大多数人在使用 W

2018-01-14 00:00:00 516

转载 AI 时代，爱学习的程序员都关注了这些…

这篇文章推荐了包括技术、设计、极客相关的热门公众号。终身大事放首位面向对象「面向对象」一个专门为 IT 单身男女服务的征友相亲公众号。可以发布单身男生和女生相亲信息。既可以公开相亲，也可以加入更具隐秘性的相亲圈。关注一下，也许就解决了终身大事呢～微信号：mxdx01长按上图，弹出“识别二维码”后关注AI 技术类 AI视点「AI视点」专注分享人工智能（AI）领域的行业动态。微信号：AIView

2018-01-13 00:00:00 13460 20

转载前端性能优化 —— 前端性能分析

（点击上方公众号，可快速关注）作者：ouvenhttps://my.oschina.net/zhangstephen/blog/1601380前端性能优化是一个很宽泛的概念，本书前面的部分也多多少少提到一些前端优化方法，这也是我们一直在关注的一件重要事情。配合各种方式、手段、辅助系统，前端优化的最终目的都是提升用户体验，改善页面性能，我们常常竭尽全力进行前端页面优化，但却忽略了这样做的效果和意义。

2018-01-13 00:00:00 764

原创理解 JavaScript 作用域

（点击上方公众号，可快速关注）编译：伯乐在线/孙腾浩简介JavaScript 有个特性称为作用域。尽管对于很多开发新手来说，作用域的概念不容易理解，我会尽可能地从最简单的角度向你解释它们。理解作用域能让你编写更优雅、错误更少的代码，并能帮助你实现强大的设计模式。什么是作用域？作用域是你的代码在运行时，各个变量、函数和对象的可访问性。换句话说，作用域决定了你的代码里的变量和其他资源在各个区域中的可见

2018-01-12 00:00:00 370

转载轻松学习 JavaScript（7）：对象属性描述符

（点击上方公众号，可快速关注）英文： Dhananjay Kumar 译文：码农网/小峰http://www.codeceo.com/article/easy-javascript-07-object-property-descriptors.html在JavaScript中，你可以如下所示创建一个对象字面量：var cat = { name: 'foo', age: 9};乍一看

2018-01-11 00:00:00 390

转载前端性能优化——桌面浏览器前端优化策略

（点击上方公众号，可快速关注）作者：ouvenhttps://my.oschina.net/zhangstephen/blog/1601382摘要: 前端性能优化是一个很宽泛的概念，本书前面的部分也多多少少提到一些前端优化方法，这也是我们一直在关注的一件重要事情。配合各种方式、手段、辅助系统，前端优化的最终目的都是提升用户体验，改善页面性能，我们常常竭尽全力进行前端页面优化，但却忽略了这样做的效果

2018-01-10 00:00:00 848

转载 npm 发布 2017 JavaScript 框架报告

（点击上方公众号，可快速关注）开源中国：ouvenwww.oschina.net/news/92218/npm-state-of-javascript-frameworks-2017-part-1npm 的联合创始人兼首席运营官 Laurie Voss 近日发布了 2018 年的第一个 JavaScript 现状报告，这一系列报告包含三部分，将会提供 JavaScript 发展趋势和实践的完整回顾

2018-01-10 00:00:00 375

转载 TypeScript VS JavaScript 深度对比

（点击上方公众号，可快速关注）英文：Angela Stringfellow 译文：葡萄城控件 http://www.cnblogs.com/powertoolsteam/p/typescript-vs-javascript.htmlTypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言，我们已经熟知 TypeScript 是 JavaScript 的一个超集

2018-01-09 00:00:00 392

转载前端性能优化 —— 移动端浏览器优化策略

（点击上方公众号，可快速关注）作者：ouvenhttps://my.oschina.net/zhangstephen/blog/1601380摘要: 前端性能优化是一个很宽泛的概念，本书前面的部分也多多少少提到一些前端优化方法，这也是我们一直在关注的一件重要事情。配合各种方式、手段、辅助系统，前端优化的最终目的都是提升用户体验，改善页面性能，我们常常竭尽全力进行前端页面优化，但却忽略了这样做的效果

2018-01-09 00:00:00 1302 1

转载 WebSocket：5分钟从入门到精通

（点击上方公众号，可快速关注）作者：程序猿小卡https://segmentfault.com/a/1190000012709475一、内容概览WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对WebSocket的安全攻击，以及协议是如何抵御类似攻击的。二、什么是WebSocke

2018-01-08 00:00:00 928

空空如也

空空如也