20170120 前端开发日报-前端开发博客

教你一步步从零构建 webpack 开发多页面环境；《十大经典排序算法》JavaScript 实现；你真的懂 ajax 吗；将 React 应用优化到 60fps；听说 2017 你想写前端？听说2017你想写前端？选自《一个程序员的自我修养》；WKWebView 那些坑；PostCSS-modules；Angular 的超能力（PPT）

教你一步步从零构建 webpack 开发多页面环境使用 webpack 已经将近一年了，期间用它构建过4、5个项目，踩过一些坑，现在用自己的理解记录下来。我现在教你如何一步一步搭建 webpack 开发的多页面项目。本文项目地址在 https://github.com/fe-config/generate-pages-tutorial。首先需要安装： git clone https://github.com/fe-config/generate…
《十大经典排序算法》JavaScript 实现排序算法是《数据结构与算法》中最基本的算法之一。排序算法可以分为内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。常见的内部排序算法有：插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排…
#掘金原创# 你真的懂 ajax 吗？ – 总括：本文讲解了 ajax 的历史，工作原理以及优缺点，对 XMLHttpRequest 对象进行了详细的讲解，并使用原生 js 实现了一个 ajax 对象以方便日常开始使用。原创 by @Damonare | 阅读全文：
[译] 将 React 应用优化到 60fps 将 React 应用优化到 60fps翻译自React at 60fps，从属于Web 前端入门与工程实践。作为 DOM 的抽象，React 自然也遵循了著名的抽象漏洞定理（详见2016-我的前端之路:工具化与工程化），引入 React 导致了在应用本身的性能消耗之外势必会增加额外的性能损耗。Dan Abramov 在 Twitter 上提到，React 并不能…
听说 2017 你想写前端？听说2017你想写前端？不好意思，没有像其他公众号一样赶着发文章，每年到这个时候总有一大波什么今年前端预测，技术框架预测什么的。我这次写这篇文针对的对象，是想在今年踏入前端这行的人们，不管你现在是徘徊在门口，还是已经半只脚踏入这片未知领域，都可以参考一下先行者的经验。先来个大概预览：项…
WKWebView 那些坑 by 林泽水导语 WKWebView 是苹果在 WWDC 2014 上推出的新一代 webView 组件，用以替代 UIKit 中笨重难用、内存泄漏的 UIWebView。WKWebView 拥有60fps滚动刷新率、和 safari 相同的 JavaScript 引擎等优势。简单的适配方法本文不再赘述，主要来说说适配 WKWebView 过程中填过的坑以及善待解决的技术难题。 …
[译] 让 CSS 更完美：PostCSS-modules by Geoff 译者注（GeoffZhu）: 这篇适合一些使用过预处理CSS的开发者，比如less，sass或stylus，如果你都没用过，那你一定不是个好司机。在PostCSS中早就可以使用CSS Modules了，该篇作者贡献了一个新工具，可以让更多开发者方便的使用最新的CSS Modules。我们和全局作用域的css斗争了多年，现在终于是时候结束…
TypeScript：Angular 的超能力（PPT） by GDD 友情提示：配合视频观看效果更好哦 🙂 list.youku.com/albumlist/show/id_28973499 my.tv.sohu.com/user/309891768 2016 Google 开发者大会是一个互动交流的大会，旨在与开发者们和科技行业领先者们分享 Google 的最新科技和开放平台。我们非常高兴与你分享创新科技，并且鼓励开发者们去…
【2016 我的心路历程：从 Vue 到 Webpack 到 iView】来自@梁灏Aresn 文章传送门： 2016年工作中做过最自豪的两件事情：把 Vue.js 和 Webpack 技术栈引进公司并逐步成为前端规范；开源 iView 项目。初识 Vue 第一次接触使用 Vue.js 已经有一年半时间了，在接触 Vue 之前，有写过半年多的 Angu…
Swoole 内置的 Http 异步客户端介绍 Swoole-1.8.0版本内置了HttpClient，经过多个版本的迭代，内置HttpClient无论从功能、性能、稳定性上都已经非常出色。使用实例 $cli = new swoole_http_client(‘127.0.0.1’, 80); $cli->setHeaders( ); $cli->post(‘/dump.php’, array(“test” => ‘abc’), function (…
【webpack 入门必知必会】作为一篇入门教程，这里先从 webpack 最简单的 3 招开始介绍，即拆分、打包、压缩。来自@Mr劳卜文章传送门: 关于微信公众号：前端呼啦圈（Love-FED）我的博客：劳卜的博客知乎专栏：前端呼啦圈前言这是我第一篇介绍webpack的文章，先从一个入门教程开始吧，后续会有更多相关webpack的文章推出。首先什么是webpack？…
#IT技术分享#【JS 中常见排序算法详解】详见：本文将详细介绍在 JavaScript 中算法的用法，配合动图生动形象的让你以最快的方法学习算法的原理，以及在需求场景中的用途。[给力]
#ES6#【JavaScript洗牌算法之重复抽奖】十年踪迹的最新文章：5分钟现场撸代码——谈总结会抽奖程序，实际上就是一个洗牌算法，描述为从一个数组中随机抽取几个数出来，我之前写过的一个文章：js随机从数组中取出几个元素 …请戳→ #前端开发博客#
【花了六个星期时间用 React 重写了网站的体验】描述了自己慢慢喜欢上 React 的心路历程，文中给出的组织前端代码的目录结构挺不错的，模仿自Twitter官方网站前端代码的结构。作者是Bootstrap最初两个开发者之一 | 简评：原链： #湾区日报#
【如意小程序开发实战：实现九宫格界面的导航】小程序是长在微信上的，是移动端的界面，为了能够更方便的使用，我们常常希望使用九宫格界面的方式作为导航，那要如何实现呢？……文章传送门: 作者：如意来自：授权地址转自：微信小程序联盟小程序是长在微信上的，是移动端的界面，为了能够更方便的使用，我们常常希望使用九宫格界面的方式作为导航，那要如何实现呢？基于一个简单的思考，九宫格就是三…
#开源项目#【jQuery 自动补全组件：jQuery-Autocomple】详见： jQuery-Autocomple 是一个自动补全组件，它支持 Ajax 获取远程数据，以及数据分组显示。只依赖 JQ，标准文件大小约为 13 KB。
CI Weekly #12 | 微信小程序的自动化测试进阶 by Meng 岁末将至，站在年终冲刺的尾巴上，flow.ci 新增了个人和团队设置的功能：上线团队功能，注册时默认创建一个与用户名一致的团队，可设置：团队名称、增减团队成员，后续会不断完善；增加个人设置，可修改个人信息、密码、Git 仓库绑定、微信绑定等. 除此之外，「 flow….