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

Go 语言 HTTP Server 源码分析；前端小项目，可以用来练手；《Web全栈工程师的自我修养》浓缩笔记（上）；Vue.js 2.0 源码解析之前端渲染篇；8个用CSS3实现超炫的Loading（加载）动画效果；【vue-power-drag】一个用 vue 实现的 gridster；vue 全家桶实现豆瓣电影 API 显示 – 浏览器端渲染；Vue 全家桶实现豆瓣电影服务端渲染 -SSR

Go 语言 HTTP Server 源码分析 Go语言中HTTP Server: HTTP server，顾名思义，支持http协议的服务器，HTTP是一个简单的请求-响应协议，通常运行在TCP之上。通过客户端发送请求给服务器得到对应的响应。 HTTP服务简单实现你以为这样就结束了吗，不才刚刚开始。源码分析 ①路由注册http中的HandleFunc方法,主要用来注册路由 DefaultServeMux是什么？Def…
前端小项目，可以用来练手学习前端，你还在纠结做什么项目练手吗？
《Web全栈工程师的自我修养》浓缩笔记（上）本书的作者余果，腾讯社交用户体验设计部高级UI工程师，前端开发组负责人，熟悉前端开发、iOS开发、PHP开发和Ruby开发等。这本书所讲的内容适合所程序员，不限于前端后端客户端，很多内容其实都是常识。第二遍阅读，特此整理此书精华内容笔记。
Vue.js 2.0 源码解析之前端渲染篇 Vue.js 框架是目前比较火的 MVVM 框架之一，简单易上手的学习曲线，友好的官方文档，配套的构建工具，让 Vue.js 在 2016 大放异彩，大有赶超 React 之势。前不久 Vue.js 2.0 正式版已出，在体积优化（相比 1.0 减少了 50%）、性能提升（相比 1.0 提升 60%）、API 优化等各方面都更上一层楼。 —— 由腾讯云技术社区分享
8个用CSS3实现超炫的Loading（加载）动画效果 SpinKit 是一套网页动画效果，包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑，易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。（为保证最佳的效果，请在 Chrome、Firefox 和 Safari 等现代浏览…
【vue-power-drag】一个用 vue 实现的 gridster 这是用 vue2.x 实现的类似 gridster 的组件包含拖动，缩放，上浮排版功能非常适用于比如 web dashboard 排版（作者开发此组件的业务场景是：highchart 的自由排版） —— 由一口怪兽一口烟分享
vue 全家桶实现豆瓣电影 API 显示 – 浏览器端渲染使用 webpack proxyTable 反向代理跨域，实现一个仿豆瓣电影的浏览器端渲染。线上地址：http://139.199.163.228:8081， —— 由monkeyWangs分享
Vue 全家桶实现豆瓣电影服务端渲染 -SSR 基于 vue 2.0 的豆瓣电影服务端渲染，可以很好地对比和浏览器端渲染的区别，采用 nodejs 服务做反向代理，解决跨域问题。 —— 由monkeyWangs分享
第三期：基于红皮书「创建js对象的6种方法」再讨论（1）这一期所书写的目的并不是为了介绍创建对象的方法，在红皮书里面，例子其实很清楚。在这篇文章中，想讨论一下书中细节，并没有解释太清楚的地方。工厂模式 {代码…} 工厂模式的一些要点：解决：创建多个相似…
JavaScript 对象的深浅复制本文是我在复制对象方面的一些心得总结，由浅复制到深复制，由只复制简单属性到复制 Function，RegExp 等复杂属性，层层递进，文字与代码想结合，全面阐述了对象复制方面的知识点 —— 由Claiyre分享
Angular系列学习笔记（二）—— 基于gulp构建Angular单页面应用详细的gulp配置说明和ui-router总结。
《CSS 揭秘》中的 CSS 技巧介绍《CSS 揭秘》这本书中的 CSS 技巧，持续更新中… —— 由abcdGJJ分享
react闲谈——JavaScript同步、异步、回调执行顺序之经典闭包setTimeout面试题分析同步、异步、回调？傻傻分不清楚。大家注意了，教大家一道口诀：同步优先、异步靠边、回调垫底（读起来不顺）用公式表达就是：同步 => 异步 => 回调这口诀有什么用呢？用来对付面试的。有一道经典的…
如何运用Jquery的Ajax上传文件如何运用Jquery的Ajax上传文件
GitHub 手机通讯录-cordova数据-索引-中文排序初步实现，欢迎指正！
vue声明周期探究（二）上一章我们介绍了vue的组件生命周期和路由勾子，这一章，让我们来看看在vue-cli项目中，各个勾子的顺序是如何的吧。主要聚焦在页面加载的这条时间线。页面加载的时候，vue生命周期的触发顺序是怎样的呢？那么进…
请各位前辈帮忙看下简历，前端实习生各位前辈，我现在大三正准备找前端实习岗，但是却一直纠结于简历，还请各位前辈帮忙看下，提点建议，多谢^_^。
JS 原生对象 Date 和 HTML 标签 input[type=”datetime”] 的坑 input 和 Date 对象的配合。 —— 由Coderge分享
JavaScript 中的装饰器是什么？ JavaScript 中的装饰器是什么？
CSS 动画及其在 React 中的应用介绍了 CSS 动画、 Animate.css 动画库、以及在 React 中使用 react-addons-css-transition-group 插件实现动画方法。
CSS技巧（三）：视觉效果包含单侧投影、不规则投影、染色效果、毛玻璃效果、折角效果
angular 过滤器解析这个前端要搞事，angular 过滤器解析 —— 由MrITzhongzi分享
包学会之浅入浅出 Vue.js：开学篇 2016 年，乃至接下来整个 2017 年，如果你要问前端技术框架什么最火，那无疑就是前端三巨头：React、Angular、Vue。本系列文将会通过很多一目了然的例子和一个实战项目——组件库，来帮助大家学习 Vue。 —— 由腾讯云技术社区分享
使用React构建大型应用的最佳实践 Sift Science在产品中使用React已经有差不多一年的时间。这段时间里，我们的应用从Backbone + React frankenstein的hybrid app扩充为包含一个相当庞大的React组件体系。我们需要尽可能平滑的扩展我们的UI代码，本文将介绍其中所用到的技术和最佳实践。期间也会涉及到一些一些通用的组件设计模式。希望本文能对你维护能…
包学会之浅入浅出 Vue.js：升学篇本篇章我们将通过从无到有构建一个组件库，来了解 Vue 中组件化思维的具体应用，上一篇《包学会之浅入浅出 Vue.js：开学篇》已经带大家初步了解 Vue 了，有了一点储备知识，我们就可以扬帆起航了。 —— 由腾讯云技术社区分享
10 个开发新人提及最多的 GitHub Repo 本文作者：ecccs 编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58df2230a58c240ae35bb8db 英文连接：The 10 GitHub repos new dev
包学会之浅入浅出 Vue.js：结业篇本文为包学会 Vue 系列文的最后一篇，本文学习过后，不是说我们就能够懂得 Vue.js，而是作为 Vue 思想中较为重要的部分我们已经都掌握了，那么回头去看 Vue 的官方文档和剩下的 API，相信会有一种忽然间任督二脉被打通了的感觉吧。 —— 由腾讯云技术社区分享
JavaScript 实现继承的方式这篇文章主要介绍 JavaScript 实现继承的方式：类式继承构造函数继承组合继承寄生组合式继承 extends 继承 —— 由铁锅分享
Angular 2 + 折腾记：(7) 初步了解表单：模板驱动及数据驱动及脱坑要点前言表单在整个系统中的作用相当重要，这里主要扯下响应表单的实现方式。首先需要操作表单的模块引入这两个模块；import { FormsModule, ReactiveFormsModule } from '@angular/forms';
《如何通过 Web 技术实现一个简单但有趣的 AR 效果》增强现实是一种实时地计算摄影机影像的位置及角度并加上相应图像、视频、3D模型的技术，这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。（by 凹凸实验室）