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

前端工程师的自我修养（二）：如何看待新技术的出现？；基于 webpack2 的项目过程构建；Vue2 实现的 Dribbble；webpack独立打包与缓存处理；基于 Vue2 实现的仿手机 QQ 单页面应用（接入聊天机器人）；基于 VUE 的 markdown 文本编辑器；前端开发面试题集锦–JavaScript篇；手写一款 Promise

前端工程师的自我修养（二）：如何看待新技术的出现？不客气地说，前端就是一个非常苦逼的行业，我自认为是一个学习能力很强的人，但是完全没有办法跟上新技术产出的步伐。我订阅了很多内容聚合平台的日报、周报，也经常看一些国外知名技术网站的更新，但是覆盖到的知识面却小得可怜。昨天我关注的是性能，今天关注的是框架，明天关注的是安全，但需要知道，性能、框架和安…
基于 webpack2 的项目过程构建本文结合最近几个项目的实践，分享一些自己使用心得；不讲解基础的api，需要的话自行查阅。感谢组内小伙伴 francis-su、A.我大概是只，成功的猫，两位都做了许多基础工作，逐步完善了现在的这套流程，感谢你们～同时欢迎加粉changfuguo;另外A.我大概是只，成功的猫是一位很帅气很潮的帅哥，欢迎妹子勾搭…
Vue2 实现的 Dribbble Dribbble 是著名的设计和创意交流网站，前段时间闲的无聊用 Vue2 和 Dribbble 官方提供的 API 接口实现了一个手机版本。目前仅能浏览 Shot 列表和详情，更多功能以后可能会继续添加。在线预览：https://wangyuhao.me/vue-dribbb
webpack独立打包与缓存处理先前写了一篇webpack入门的文章《webpack入门必知必会》，简单介绍了webpack拆分、打包、压缩的使用方法。本文将在上篇文章的基础上进一步讲解在使用webpack构建的项目中存在的优化方案与解决方法。
基于 Vue2 实现的仿手机 QQ 单页面应用（接入聊天机器人）项目基于 Vue2 全家桶实现的仿 QQ 单页面应用。接入聊天机器人，能够进行实时对话。
基于 VUE 的 markdown 文本编辑器现阶段，随着 markdown 的普及，以前的富文本编辑器组件被替代，一款简洁的编辑器可以让自己的写作变得心情愉悦。于此同时，VUE 大，所以贡献出一款简洁的 markdown 编辑器给大家，希望喜欢。本组件也适合 VUE 新手学习组件化开发，组件间传值，sass, 光标获取
前端开发面试题集锦–JavaScript篇前端开发面试题集锦–JavaScript篇
手写一款 Promise 理解并实现简单版的promise
#前端技术#【全栈 Web 开发免费资源汇总】详见：在这个仓库里，作者整理了超过 100+ 的免费学习资源，它们可以帮助你系统的学习全栈 Web 开发。相信，这个列表能够让你有所收获。[给力]
HTTP 认证的底层技术简析与揭秘写在前面的话 HTTP认证实现的基础是Web服务器与浏览器之间能够安全地交换类似用户名和密码这样的用户凭证，我们也可以把HTTP认证当作是摘要验证（Digest Authentication），这种预定义方法/标准在HTTP协议中使用了编码技术和MD5加密哈希。在这篇文章中，我们将会跟大家详细讨论一下HTTP认证所采用的技术和标准。为…
JSBridge 深度剖析版权声明：本文为博主原创文章，未经博主允许不得转载。概述做过混合开发的人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包装一层Native，然后通过Bridge技术的js调用本地的库。在讲JSBridge技术之前，我们来看一下传统的实现方式。 …
原来promise是这样的monad Monad作为从haskell被广知的函数式类型概念，抽象又强大。那熟悉JS的我们如何低成本理解Monad，特别是对于复杂而实际的一种Monad应用Promise怎么去理解，让我们在实际应用中更好地理解和应用Monad。
babel6 快速指南最近在学习es6的时候发现网上很多的babel教程都非常混乱，babel5和babel6的教程掺杂让人不知道该怎么办，于是翻译+整理了babel6的官方文档，作为快速入门~ 相对于之前的babel5,babel6不再是一个整的大的package,而是拆分了很多个小的package
2017 年 3 月：15 个有趣的 JS 和 CSS 库又来了新鲜货 – 2017 年 3 月：15 个有趣的 JS 和 CSS 库。前端er，看看有木有你喜欢的？
使用 jsinspect 检测前端代码库中的重复/近似代码 – 知乎专栏使用 jsinspect 检测前端代码库中的重复/近似代码从属于笔者的 Web 前端入门与工程实践，更多前端相关学习资料推荐阅读前端每周清单第6期：Angular 4.0学习资源，Egg.js 1.0发布，六问CTO程序员如何成长、泛前端知识图谱（Web/iOS/Android/RN）。
React+Redux 打造 “NEWS EARLY” 单页应用一个项目理解最前沿技术栈真谛之前写过一篇文章，分享了我利用闲暇时间，使用React+Redux技术栈重构的百度某产品个人中心页面。您可以参考这里，或者参考Github代码仓库地址。这个工程实例中，我采用了厂内的工程构建工具－FIS3，并贯穿了react+redux基本思想。今天这篇文章给大家分享一个更加复
#前端技术#【JS 中可能用得到的全部的排序算法】详见：这篇文章里，作者将利用 JS 来实现常见的经典排序算法。图文并茂，让你更好的回顾与掌握那些经典的算法。[给力]
使用 FIS3 和 TypeScript 实现 vue-hackernews-2.0 使用 FIS3 生态的一套工具, 通过实现 vue-hackernews-2.0, 让大家了解到 FIS3 一样可以支持 npm 模块加载, vue 单文件编译等, 同时可以结合 FIS3 的特点, 形成一个前端工程化的小 demo
Weex-amap：Weex 高德地图插件使用指南 weex-amap 一款高德地图 Weex 插件，它具备了地图的基本使用功能，包括地图展示，添加坐标点，控制地图缩放，在地图上添加折线或者圆形等图形，同时也具备地图的一些基本计算和判断等功能。而且如同 Weex 的能力，它是三端都支持运行，这样你可以通过一套代码实现三端的功能
前端每周清单第6期：Angular 4.0学习资源，Egg.js 1.0发布，六问CTO程序员如何成长 – 知乎专栏前端每周清单第6期：Angular 4.0学习资源，Egg.js 1.0发布，六问CTO程序员如何成长为InfoQ中文站特供稿件，首发地址为这里；如需转载，请与InfoQ中文站联系。从属于笔者的Web 前端入门与工程实践，更多前端知识图谱与学习路线图参考泛前端知识图谱（Web/iOS/Android/RN）。
基于Vue2实现的仿手机QQ单页面应用基于vue2全家桶，实现的仿手机QQapp，接入了聊天机器人，能够进行实时对话。
前端高性能滚动 scroll 及页面渲染优化最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。本文主要想谈谈页面优化之滚动优化。主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为本文涉及了很多很多基础，是我自己学习记录的一个过程，如果上面列出的知识点…
AngularJS 样式指南介绍什么是一个样式指南?AngularJS工程需要一个样式指南吗？如果需要为什么需要？最流行的AngularJS样式指南是哪一个？在一个开发者团队里你如何使用一个样式指南？本文接下来会为你回答这些问题。在我们学习AngularJS 样式指南之前，让我们看看一个样式指南是什么，并且为什么我们开发者需要一个样式指南。为什么需要样…
《教你用webgl快速创建一个小世界》Webgl的魅力在于可以创造一个自己的3D世界，但相比较canvas2D来说，除了物体的移动旋转变换完全依赖矩阵增加了复杂度，就连生成一个物体都变得很复杂。（by AlloyTeam）