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 小游戏

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

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

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

原创文章:20161217 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20161217.html)
评论已关闭。