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

vue.js实现下拉刷新组件；vue-cli配置webpack dll；Learn Vimscript the Hard Way 笔记（中）；10 个你可能不知道的前端 PS 技巧；用 css3 做一个求婚小动画；用Vue高仿qq音乐官网-pc端；分享我的前端学习之旅；Vue2.0 实战图文视频教程 – 快餐店收银系统

vue.js实现下拉刷新组件vue-pullrefresh Vue组件实现下拉刷新功能 Github地址效果图 Demo地址使用方式 git clone https://github.com/watson-yan… 组件的源码路径: ./src/components/pullRefresh.vue 说明组件需要一个prop:next 类…
vue-cli配置webpack dll问题在前端项目中，我们希望第三方库（vendors）和自己写的代码可以分开打包，vue-cli也帮我们配好了webpack的CommonsChunkPlugin，但是在使用vue-cli的打包的过程中有一些痛点： 1、改变了app.js的一点儿代码，…
Learn Vimscript the Hard Way 笔记（中）上一篇 CH13 Buffer-Local Abbreviations 这章就是说iabbrev也能用来修饰你想记住某个新的snippet最好办法就是disable掉原来的命令，比如iabbrev return NOPENOPENOPE CH14 Autocommand Groups autocmd是不会替换原先的命令的，假如使用两…
#前端技术#【10 个你可能不知道的前端 PS 技巧】详见：在前端切图工作里，本质来说就是“选择图层-获取信息、编辑图层-导出图层”的过程，本文主要介绍在这个过程里的一些技巧。
用 css3 做一个求婚小动画 css3 动画 —— 由有一个姑娘在coding分享
用Vue高仿qq音乐官网-pc端用Vue高仿qq音乐官网-pc端一直想做一个vue项目然后呢我就做了效果预览部分地方不全部根据原版，也有自由发挥的，目前功能模块比较简陋，要完整显示效果必须接入后端数据，请下载以下api文件并打开网易云音…
分享我的前端学习之旅从事前端开发近 2 年，积攒了一些学习资料与大家分享。在日常工作中极少应用到下述知识，示例代码完全因个人兴趣而生，不地道之处欢迎大家前来吐槽指导！ Node 参考资料 Node.js开发指南深入浅出Node.js 示例简…
Vue2.0 实战图文视频教程 – 快餐店收银系统本教程是图文和视频相结合的，共 12 集全部免费观看。讲解了利用 Vue2 全家桶从画草图开始制作快餐店收银系统到打包上线的过程。文章共 1.6 万字，12 集视频。技术栈 Vue2+Element+Axios+vue-router+iconFont。希望通过本文让小伙伴们快速掌握 Vue 的实际开发能力。 —— 由胜洪宇分享
「CSS3」ImageMagick – 从gif建立雪碧图动画 – Sprite Sheet AnimationImageMagick ImageMagick 是当前非常流行的一个图像处理库，一些大型的公司，例如Facebook、雅虎等都在使用 ImageMagick 对用户上传的图像进行处理。 ImageMagick 基本上可以支持所有的基础图像处理，例如尺寸、…
使用React全家桶搭建一个后台管理系统本文首发在我的个人博客：http://muyunyun.cn/posts/9bfb… 使用React技术栈搭建一个后台管理系统最初是为了上手公司的业务，后来发现这个项目还能把平时遇到的有趣的demo给整合进去。此文尝试对相关的技术栈以…
关于Node.js streams你需要知道的一切Node.js的stream模块是有名的应用困难，更别说理解了。那现在可以告诉你，这些都不是问题了。多年来，开发人员在那里创建了大量的软件包，其唯一目的就是使用stream使用起来更简单，但是在这篇文章里，我们专注…
React + webpack 之性能优化React + webpack 之性能优化一句很经典的话：没到性能瓶颈的时候，最好不要随意的优化。 1.性能问题性能问题归根到底就是项目越来越大，文件越来越复杂，导致webpack打包的bundle.js的包越来越大，页面加载也就…
React、Vue、Ember 及其他前端开发者，请暂缓更新到 Chrome 59 浏览器昨天下午休息的时候，发现我工作用的 Mac Mini 在疯狂地散热中，打开 Activity Manger 发现是 Chrome 浏览器导致的，再打开 Chrome 的 Task Manager 发现是 Developer Tools。。。。 —— 由Phodal分享
WebAssembly 初体验：从零开始重构计算模块 – 知乎专栏 WebAssembly 的概念、意义以及未来带来的性能提升相信已是耳熟能详，笔者在前端每周清单系列中也是经常会推荐 WebAssembly 相关文章。不过笔者也只是了解其概念而未真正付诸实践，本文即是笔者在将我司某个简单项目中的计算模块重构为 WebAssembly 过程中的总结。在简单的实践中笔者个人感觉，WebAssembly 的抽象程度会…
#前端头条#【表单元素无法继承CSS font字体设置详解】CSS里面表单元素input, button, textarea,select等并不继承body的字体设置，它会使用系统或者浏览器自身的设置。通过这篇文章对于CSS的继承的深度解析，帮助你更清晰的了…请戳→ #前端开发博客#
HTTPS 系列干货（一）：HTTPS 原理详解从 HTTP 协议到加密算法，从访问过程到服务器公钥获取，详细讲述 HTTPS 原理 —— 由云叔分享
分享 GitHub 上有趣、入门级的开源项目以前所有的内容都是托管在 GitHub 上，现在用 Flask 写这个网站。查看、推荐项目、编辑、分发终于可以程序化了 —— 由削微寒分享
Nodejs 爬虫实践小记 Nodejs 将前端开发语言移植到服务器端，如今一个前端开发者使用 Nodejs 很容易就能实现一个网络爬虫，这在之前是不可想象的，本文介绍一个简单的 Nodejs 爬虫的开发过程 —— 由雅X共赏分享
[翻译] 怎么写一个 React 组件库（一）该系列文章将通过创建一个组件库来引导你学习如何构建自己的 React 组件库。这是第一部分。 —— 由mjzhang分享
聊一聊前端自动化测试 – 天猫前端博客有了自动化测试，开发者会更加信任自己的代码。开发者再也不会惧怕将代码交给别人维护，不用担心别的开发者在代码里搞 “破坏”。后人接手一段有测试用例的代码，修改起来也会更加从容。测试用例里非常清楚的阐释了开发者和使用者对于这端代码的期望和要求，也非常有利于代码的传承。 —— 由小鱼二分享
使用 ReactNative 开发的 gitbook 阅读器使用 ReactNative 开发的 GitBook 阅读器，可以查看在线的书籍信息，在线阅读和下载。目前仅适配了 Android 端，iOS 待适配。 —— 由le0zh分享
nodejs+mongoose+websocket 搭建 xxx 聊天室 nodejs+mongoose+websocket 搭建 xxx 聊天室 —— 由hawkzz分享
WebAssembly，火狐是最后的赢家吗？自从 WebAssembly 标准发布以及各大浏览器完成对其默认支持之后，WebAssembly 成为前端热门话题。那么，最后的赢家是谁？淀粉们怎么看？ —— 由前端之巅分享