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

图片资源 Base64 化在 H5 页面里有用武之地吗；40 个重要的 HTML5 面试问题及答案；基于 vue2 + vue-router + vuex + ES6 + less + flex.css 重写 vue 版 cnode 社区；vue 2.0 开发实践总结之入门篇；14款超时尚的HTML5时钟动画；用 Node.js 写前端自己的 Git-hooks；复杂 JSON 值替换处理；JavaScript 实现 Fly Bird 小游戏

《图片资源 Base64 化在 H5 页面里有用武之地吗》将图片资源转至base64格式后可直接放入页面作为首屏直出，也可以放入css文件中，减少请求，以加快首屏的呈现速度。不过图片base64化，将带来一个臃肿的html或css文件，是否会影响页面的渲染性能呢？（by 凹凸实验室）
40 个重要的 HTML5 面试问题及答案本文将列出40个重要的HTML 5面试问题及答案，祝各位求职顺利。目录介绍 Canvas和SVG图形之间的区别是什么？如何使用Canvas和SVG绘制矩形？什么是CSS选择器？如何使用ID值应用CSS样式？ CSS的列布局有什么用？请解释一下CSS盒子模型？请解释CSS 3中的一些文字效果？什么是web worker，为什么我们需要他…
vue-cnode：基于 vue2 + vue-router + vuex + ES6 + less + flex.css 重写 vue 版 cnode 社区前言项目灵感的最初来源是@shinygang来自的Vue-cnodejs，感谢cnodejs社区提供的API。 github：https://github.com/lzxb/vue-cnode 感悟在vue-cnode升级vue2的时候，在公司内部已经有两个正式项目使用vue2，遇到的一个最难的问题，就是如何能在页面后退时还原数据和滚动条位置，虽然vue2内置了k…
《vue 2.0 开发实践总结之入门篇》vue2.0 据说也出了很久了，博主终于操了一次实刀。整体项目采用 vue + vue-router + vuex （传说中的vue 全家桶），构建工具使用尤大大推出的vue-cli。（by 陈被单）
14款超时尚的HTML5时钟动画时钟动画在网页应用中也非常广泛，在一些个人博客中，我们经常会看到一些相当个性化的HTML5时钟动画。今天我们向大家分享了14款形态各异的超时尚HTML5时钟动画，其中有圆盘时钟、3D时钟、个性化时钟等，强大的HTML5为时钟动画增添了不少精彩，希望能给大家带来帮助。 1、可爱的CSS3圆盘时钟动画今天要分享的也是一款可…
【用 Node.js 写前端自己的 Git-hooks】 , 文章传送门: TLDR; 介绍 Git 钩子的基本开发流程介绍如何用 Node.js 写 Git 钩子 Hooks-钩子简介 Git 钩子是指在特定的 Git 动作（如：git commit、 git push ）下被触发的脚本。而钩子主要被分为两种：客户端钩子服务端…
复杂 JSON 值替换处理总结下最近的工作遇到的点：入参复杂 JSON 层层嵌套，Java 怎么优雅的处理。一、关于 JSON JSON 是类似 XML 用于存储和交互文本信息。但优于 XML ，其更小，更快，更易懂和解析。其是一个无序的”名称/值”对的集合。由 { 左括号 “” 名称 String ：值 } 右括号组成。然后名称值对以…
#前端开发那些事#【JavaScript 实现 Fly Bird 小游戏】详见：JavaScript实现Fly Bird小游戏利用JavaScript 逐步带你写一个 Fly Bird 小游戏。前端er，Have a try！[兔子]（作者：Runner_Yang ）欢迎关注、稿到—>>【前端开发那些事】专辑：【IT技术分享】专栏：今天我们用HTML5来重写这款Flappy Bird游戏,值得注意的是,利用Phaser框架,只需65行Javascript代码即可实现HTML5版的Flappy Bird游戏。按空格键控制小鸟,试试看吧。 …
#前端技术#【实用的纯 CSS Loading 动画效果】详见：精选实用的纯 CSS UI 效果代码段，带你体验 CSS 的魅力和强大。五大分类下，利用纯 CSS 实现的加载效果，看看有木有你喜欢的。[二哈]
#前端技术#【2017 年值得关注的 JavaScript 框架与主题】详见： JavaScript 的繁荣促生了很多优秀的技术、框架与工具库，这空前的繁荣也给很多人造成了困惑。到底何者是值得投入，代表了未来的方向，而何者又是真正适合于当前项目？本文作者基于自身实践的一些思考，与诸君共享。2017年值得关注的JavaScript框架与主题翻译自Top JavaScript Frameworks & Topics to Learn in 2017，从属于笔者的Web 前端入门与最佳实践。其他有关于2016年前端开发的总结包括2016 年前端工具使用度调研报…
Libevent 深入浅出（GitBook） by 刘丹冰本教程要求有一定的服务并发编程基础，了解select和epoll等多路I/O复用机制。教程目的主要是快速建立libevent的认知，了解libevent的常用数据结构和编程方法。达到可以使用libevent写出自己的高并发?
#nodejs#【深入Node.js的模块机制】关于nodejs的模块定义和使用，模块载入策略，require方法中的文件中查找策略及nodejs模块与前端模块的区别。 #前端开发博客#