20161218 前端开发周报-前端开发博客

HTML5.1 里的新东西；CSS 高级布局技巧【12.14 热门分享回顾】；css 创建优雅自然的打开动画；表单验证jquery插件；最全面的前端开发指南；基于 Vue 和 Swoole 构建的 Web 聊天应用；webpack 项目构建工具；美团点评酒旅前端的技术体系

【HTML5.1 里的新东西】全文=>两年前HTML5标准的发布对于web开发社区来说是一件大事。不仅是因为它包含了一系列让人印象深刻的新特性, 还因为它是1999年发布的HTML4.01标准以后,对…
CSS 高级布局技巧 margin和padding总是有可能…很明显,第一种下很完美的布局在第二种情况下后果是很凄惨的!解决的方法是…
【css 创建优雅自然的打开动画】文章传送门:前言 Google Material Design花了很大篇幅介绍了优雅自然的动画应该具备哪些特性。不仅仅是视觉上的观感，还能帮助提高用户界面的可用性，提升用户体验。官方文档讲的很细致，有很多典型视频示例，可惜缺少代码示…
#jQuery插件#【表单验证jquery插件】var regAction = (function () {var defaultOpts = {‘regform’ : ‘regfrom’,’username’ : ‘username’,’userpwd’ : ‘userpwd’,’confirmpwd’ : ‘confirmpwd’,’checkcode’ : ‘checkcode’,’acce…请戳→ #前端开发博客#
最全面的前端开发指南 HTML 语义 HTML5为我们提供了很多旨在精确描述内容的语义元素。确保你可以从它丰富的词汇中获益。
swoole-vue-webim：基于 Vue 和 Swoole 构建的 Web 聊天应用这是一个Web版的聊天应用，前端基于Vue来构建，用Vuex来进行状态管理，webpack构建；服务端通过Swoole来实现。基本功能有单聊、群聊、用户状态、消息状态以及通知信息。如何部署？ 1.前期准备需要安装npm和Swoole，其中还要安装webpack来作为构建工具，所以你需要拥有Linux系统。具体安装…
webpack 项目构建工具 – 首先声明：本文详细的说明了 webpack 构建过程及其使用，图多，内容量大！！！原创 by @HongqinMa ｜阅读全文
美团点评酒旅前端的技术体系何谓技术体系技术体系指社会中各种技术之间相互作用、相互联系、按一定目的、一定结构方式组成的技术整体。技术体系是科技生产力的一种具体形式。前端技术体系的范围和作用随着科技的发展，终端种类越来越丰富，前端行业也在迅猛发展，目前前端早已成为连接用户终端、视觉体验、…
#前端头条#【利用CSS、JavaScript及Ajax实现图片预加载的三大方法】《Javascript图片预加载详解》图片的加载速度往往影响着网站整体的用户体验，尤其对于包含大量图片的网站。对图片进行预加载，不失为一个高效的解决方案。…请戳→ #前端开发博客#
#前端技术#【纯 CSS3 实现的一些酷炫效果】详见：这篇文章中，作者将与大家分享一些酷炫效果的纯 CSS 实现。前端er，抽时间也可以试试哦。[哆啦A梦微笑]
【《JavaScript 闯关记之作用域和闭包】作用域和闭包是 JavaScript 最重要的概念之一，想要进一步学习 JavaScript，就必须理解 JavaScript 作用域和闭包的工作原理。文章传送门:作用域和闭包是 JavaScript 最重要的概念之一，想要进一步学习 JavaScript，就必须理解 JavaScript 作用域和闭包的工作原理。作用域任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问…
《SVN、GIT日常看我就够了》本文详细介绍了SVN和GIT两大版本控制工具的配置及使用，能熟练运用这两大工具，应付日常工作足够了。（by Fly_Sunshine_J）
40 个重要的 HTML5 面试问题及答案本文将列出40个重要的HTML 5面试问题及答案，祝各位求职顺利。目录介绍 Canvas和SVG图形之间的区别是什么？如何使用Canvas和SVG绘制矩形？什么是CSS选择器？如何使用ID值应用CSS样式？ CSS的列布局有什么用？请解释一下CSS盒子模型？请解释CSS 3中的一些文字效果？什么是web worker，为什么我们需要他…
#前端头条#【前端开发利器—FIDDLER】来自财付通的一篇文章，讲了很多高级的技巧，收藏起来慢慢看。1.Fiddler相对其他调试工具的优势HttpWatch 和 Firebug绝大多数前端开发人员都比较熟悉，但是HttpWatch虽然可以抓到每个 HTT…请戳→ #前端开发博客#
《vue 2.0 开发实践总结之入门篇》vue2.0 据说也出了很久了，博主终于操了一次实刀。整体项目采用 vue + vue-router + vuex （传说中的vue 全家桶），构建工具使用尤大大推出的vue-cli。（by 陈被单）
《图片资源 Base64 化在 H5 页面里有用武之地吗》将图片资源转至base64格式后可直接放入页面作为首屏直出，也可以放入css文件中，减少请求，以加快首屏的呈现速度。不过图片base64化，将带来一个臃肿的html或css文件，是否会影响页面的渲染性能呢？（by 凹凸实验室）
【成为Web开发人员的7个简单步骤】你想成为一名 Web 开发人员，但现在你面前有这样一个问题，那就是你没有在高科技行业工作的经验。你上了一些课程，也花了时间在个人编码项目上，但是你的简历上关于“经验”的部分仍然不为企业承认。
#canvas#【使用JavaScript检测是否支持CSS3、HTML5新特性】　　伴随着今年10月底HTML5标准版的发布，未来使用H5的场景会越来越多，这是令web开发者欢欣鼓舞的事情。然而有一个现实我们不得不看清，那就是IE系列浏览器还占…请戳→ #前端开发博客#
#前端技术#【你不知道的高性能 Javascript】详见：想必大家都知道，JavaScrip 是全栈开发语言，浏览器、手机、服务器端都可以看到JS的身影。本文会分享一些高效的 JavaScript 的最佳实践，提高大家对 JS 的底层和实现原理的理解。
程序员面试技巧总结闲聊在深入代码之前，大多数面试官喜欢聊聊你的背景。他们想知道：你对编码认知。你是否知道如何编写好代码？个人能力/领导力。你是否经历过整个工作流程？你是否修复过并不怎么正确的东西，即使你并不需要这么去做？沟通。和你交流技术问题是有用的还是痛苦的？你应该至少说明以下中的一个：你曾解决的一…