20170120 前端开发日报

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

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

「五年博客,如果觉得我的文章对您有用,请帮助本站成长」

订阅周报 关注微博

原创文章:20170120 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170120.html)

发表评论

请登录后发表评论: