20170525 前端开发日报

不仅仅是粘贴复制——聊聊前端脚手架;值得多聊聊的 Promise 模式,以及它能解决什么问题;发布自己第一个 npm 组件包(基于 Vue 的文字跑马灯组件);一个简单express+jade+mysql+bootstrap+nodejs的demo;Nodejs进阶:核心模块Buffer常用API使用总结;Webpack 爱与恨;Vue 2017 现状与展望 | 视频 + PPT + 速记快速回顾;在实际项目中如何用Vuex?

  1. 不仅仅是粘贴复制——聊聊前端脚手架 看搜狗前端大牛的前端工程化实践经验 —— 由肉丸分享
  2. 值得多聊聊的 Promise 模式,以及它能解决什么问题 Promise 模式是解决 Callback hell 的一个很好的方式, 值得我们再多聊一聊。 什么是 Callback Hell 所谓 Callback Hell,就是我们熟悉的闭包或者说是回调函数,连续多级嵌套,导致代码结构的混乱。 比如这样: step1(function (value1) { step2(value1, function(value2) { step3(value2,…
  3. 发布自己第一个 npm 组件包(基于 Vue 的文字跑马灯组件) 本文主要介绍了:1、如何用 npm 发布一个组件包;2、基于 Vue 的文字跑马灯组件的实现;3、组件发布出去后的使用。 —— 由eraser分享
  4. 一个简单express+jade+mysql+bootstrap+nodejs的demoNodejs迅速发展,目前最热的Nodejs构建框架非express莫属,在Github上有32k的star就可以证明。下面就以Nodejs为中心构建一个前后端都包含在内的简单demo吧。 不管开发什么项目,有了脚手架之后不管对于理解还是开…
  5. Nodejs进阶:核心模块Buffer常用API使用总结本文摘录自《Nodejs学习笔记》,更多章节及更新,请访问 github主页地址。欢迎加群交流,群号 197339705。 模块概览 Buffer是node的核心模块,开发者可以利用它来处理二进制数据,比如文件流的读写、网络请求数据…
  6. Webpack 爱与恨关于标题,为什么是“爱与恨”? 因为在 webpack 刚出来的时候,我并不是坚定的支持者,有很多地方用起来不方便,api 设计不合理。随着 webpack 和 react 生态的越发完善,加上 webpack2.0 的发布,它的功能也越来…
  7. Vue 2017 现状与展望 | 视频 + PPT + 速记快速回顾 5 月 20 日,在全球首届 VueConf 上,Vue.js 作者尤雨溪介绍了 Vue.js 2017 的现状,并对 Vue 的未来做了展望。本文是对此次演讲的回顾。获取更多 Vue 相关内容,请关注前端之巅公众号并回复 “Vue”。 —— 由前端之巅分享
  8. 在实际项目中如何用Vuex?Github: https://github.com/shuiRong/V… 前言 看完Vuex文档之后,对于如何把它应用到实际项目中还是有点茫然。 找了一圈Gayhub,有Vuex的项目不是太大,就是太小,或者就是对Vuex的一些重要概念没有给出实际用…
  9. 迈向 HTTPS(四):HTTPS 到底解决了什么问题 很多人一提到 HTTPS,第一反应就是安全,对于普通用户来说这就足够了,对于程序员来说,有必要了解下 HTTP 到底有什么问题?HTTPS 是如何解决的?其背后的解决思路和方法是什么?下面坐下简单的描述,HTTPS 体系非常复杂,自己无法做到很详细和精准的分析。 性能 HTTP 有典型的几个问题,第一就是性能,HTTP 是基于 TCP …
  10. CSS并不简单–z-index引发的思考 今天话题是由z-index的偶然失效,引发的一系列问题。 一、序   从定义上看z-index真的是个很简单的属性,就是描述元素的层叠顺序,但是有时间我们会发现z-index并不会起作用。这时候我们就需要好好的理解一下z-index背后的
  11. 前端开发 100 天(第 8 天中级前端技能) 线程与进程 原型继承的原理 XMLHttpRequest 对象 从输入 url 到显示网页,后台发生了什么 —— 由Tiny-123456789分享
  12. nodejs微信jssdk后端接口写过了两个微信的页面,遇到了挺多不会的问题,当时也是自己边查资料,边实践完成了简单的需求,刚好现在有空,把之前的东西整理一遍。 与普通的手机页面不同的是,微信页面提供给你了调用微信APP内置功能的接口…
  13. 使用 vue2.0 开发微信公众号下前后端分离的 SPA 站点的填坑之旅 目前正使用 vue 在写一个微信公众号的小项目,记录一下遇到的问题和解决方法(主要是前端)。内容持续更新中~ —— 由dm分享
  14. 使用 caddy 申请 SSL 证书 渲染 mardown 同步 Git 代码 创建文件服务器等~caddy 是用go语言开发的轻巧高性能的HTTP服务器,一个文件就能运行,不再像nginx 那样需要各种编译 HTTP域名 80端口号,和后面的 { 必须有空格 {代码…} HTTPS 域名 {代码…} 配置PHP转发 (Laravel为例) {代…
  15. 开源一个树形选择器组件 Vue-treeSelect 基于 Vue2.x+ElementUi,支持单选、多选 —— 由wilsonIs1495693217416分享
  16. React 教程 – 10. 状态提升 React 官方文档翻译 – 10. 状态提升 —— 由缪运泽分享
  17. 基于 ReactNative 的简单展示天气的应用 作为一个 android 开发者,一直对 ReactNative 开发有一定的兴趣,学写了一段时间的 RN 开发,写了个简单的天气应用练手,欢迎 star 和 fllow —— 由Nickming分享
  18. Chart.js 快速入门之 — 介绍篇 Chart.js 是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。 —— 由igeekbar分享
  19. webpack 前端构建性能优化策略小结》webpack以其丰富的功能和灵活的配置在整个2016年中大放光彩,React,Vue,angularjs2等诸多知名项目也都选用其作为官方构建工具,极受业内追捧。 (by 今日头条技术博客) ​​​

    webpack 前端构建性能优化策略小结
  20. #前端技术#【AlloyTeam 出品的 Web 前端导航】详见: 一个由 AlloyTeam 出品的比较全面的前端导航,涉及了优秀的前端团队组织、开发社区、前端门户、前端框架类库等网站地址,便于大家快捷地浏览与查阅。前端er,转需收藏吧![给力] ​​​

    AlloyTeam 出品的 Web 前端导航
  21. html5canvas: 教你实现知乎登录动态粒子背景 本文首发于我的个人博客:http://cherryblog.site/github项目地址:https://github.com/sunshine940326/canvas-nest 首先上效果图:最终效果图 因为使用gif图片的原因,线条不是很清晰,大家
  22. 全球最大的 Git Repo 诞生了!》Windows 基本完成迁移到 Git 了。其代码库有 350 万个文件,容量高达 300 GB,过去 4 个月加入了超过 25 万条 Git commits……(

    全球最大的 Git Repo 诞生了

  23. Funky Karts – 一款基于 WebAssembly 的游戏 demo 一款基于 WebAssembly 的网页游戏,成熟度特别高。 —— 由江江也叫Glowin分享
  24. #前端头条#【github上值得关注的前端项目】github是一个集合世界各地的优秀程序和框架的地方,来看看这位童鞋收集了哪些github的前端项目和前端大牛。综合/资源frontend-dev-bookmarks 一个巨大的前端开发资源清单。star:150…请戳→ #前端开发博客# ​​​

    github上值得关注的前端项目
  25. #JavaScript#【《JavaScript模式》DOM和浏览器中的模式】在本章中,你会看到一些零散的模式,包括DOM编程、事件处理、远程脚本、页面脚本的加载策略以及将JavaScript部署到生产环境的步骤。 #前端开发博客# ​​​

    《JavaScript模式》DOM和浏览器中的模式
  26. H5 播放器源码解读 (video.js)》现在视频业务越来越流行了,播放器也比较多,作为前端工程师如何打造一个属于自己的播放器呢?最快最有效的方式是基于开源播放器深度定制,至于选择哪个开源播放器仁者见仁智者见智…… (by 今日头条技术博客) ​​​

    H5 播放器源码解读 (video.js)

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流