20161218 前端开发周报

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

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

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

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

「如果觉得我的文章对您有用,请随意打赏。为什么?

原文链接:20161218 前端开发周报 版权所有,转载时请注明出处,违者必究。
注明出处格式:前端开发博客 (http://caibaojian.com/fe-weekly-20161218.html)

发表评论

请登录后发表评论: