20170908 前端开发日报

67 个拯救前端开发者的工具、库和资源;CSS3 常见的动画效果;如何学习Vue2源码;vue-仿手机qq的demo;javascript面向对象实战思想;JS 遇上 IOT;web图片响应式自适应结合懒加载的最佳方案;漫谈 React 组件库开发(一):多层嵌套弹层组件

  1. 67 个拯救前端开发者的工具、库和资源 在本文中,我不会去谈 React、Angular、Vue 等等这些大的前端框架,也不会谈 Atom、VS code、Sublime 等等这些已经很出名的代码编辑器,我只是想简单的分享一套我认为有助于提升开发者工作流的工具集。 这套工具集中的大部分你可能见过,也
  2. CSS3 常见的动画效果 前言 由于 CSS3 的推出,让有些动画不在以 JS 来实现,仅仅依靠 CSS 就可以实现许多动画效果。提高了性能同时,又增加了很多趣味性。 接下来我会持续更新大家常用到的CSS效果,供大
  3. 如何学习Vue2源码 近期我们把微信公众平台管理端的前端框架切成 MVVM 架构,框架层面最终我们选择了 Vue ,为了更了解 Vue,阅读Vue源码是必要的。 我参考的 Vue 版本是 2.2.0 ,整个项目的代码1万2千行,如果不搞清楚原理,直接每一行看下来肯定会漏掉不少细节,或者对作者为什么这样写代码感到莫名其妙。 如此庞大的项目…
  4. vue-仿手机qq的demo 概述 这是一个16年9月份找的开源项目源代码,结合自己的实际情况进行的修改项目,以后内容将会有很大的不同,项目的目标是向QQ看齐 页面效果展示 效果展示 免责声明 本项目为开源项目,如有类同,纯属巧合。 项目已实现功能 侧边栏 联系页面 动态页面 信息列表 搜索好友 对话页面 信息…
  5. javascript面向对象实战思想 一直以来,很多新手都会经常问,我学完了基础知识,如何做项目?平时在公司工作都是做些什么?其实我想说,只要你找对方法,随便打开一个网站,都能是你的项目。 这里指的面向对象不单单适用于javascript,也适用其他语言。 万物皆对象,所以,任何事物都是有特征(属性)和动作(方法)的,一般拿到一份需求分档,或者…
  6. JS 遇上 IOT 1995年,当工作于 Netscape 的 Brendan Eich着手为Netscape Navigator 2.0 开发一个称之为 LiveScript 的脚本语言时,没有人会想到avascript将在今天的互联网软件开发中发挥重要作用。如今,Javasc 1995年,当工作于 Netscape 的 Brendan Eich着手为Netscape Navigator 2.0 开发一个称之为 LiveScript 的脚本语言时,没有人会想到avascript将在今天的互联网软件开发中发挥重要作用。如今,Javasc
  7. #CSS#【web图片响应式自适应结合懒加载的最佳方案】在响应式布局中,通常图片自适应是没法带上宽度和高度的,或者是需要使用JavaScript来计算出它的合适宽高,而且在使用懒加载时,我们会默认给一个占位图片,一个占位…请戳→ #前端开发博客# ​​​

    web图片响应式自适应结合懒加载的最佳方案
  8. 漫谈 React 组件库开发(一):多层嵌套弹层组件引言 UI 组件中有很多弹出式组件,常见的如 Dialog,Tooltip 以及 Select 等。这些组件都有一个特点,它们的弹出层通常不是渲染在当前的 DOM 树中,而是直接插入在 body (或者其它类似的地方)上的。这么做的主…
  9. JavaScript 之模块化篇 什么是模块化? 模块化就是把系统分离成独立功能的方法,这样我们需要什么功能,就加载什么功能。 优点:可维护性:根据定义,每个模块都是独立的,良好设计的模块会尽量与外
  10. 从0实现一个tiny react(二) 从0实现一个tiny react(二) 考虑一下这个例子 地址点击预览: <span type
  11. 基于TVUE框架在中型移动端项目的直出同构实践 一、前言 TVUE框架是WONDER和harryxiang、mitnickliu、justynchen、yucongchen、roamye等小伙伴在vuejs框架基础上结合业务本身做的一系列优化,封装,改进的框架实践,同时也学习借鉴了部分企鹅动漫项目组的一些优秀的思想。包含脚手架,基于QUI的VUE组件,最新的JS语法特性,PWA,内置SONIC加速方案,配套可扩展的编…
  12. React 全家桶与前端单元测试艺术 TL;DR——什么是好的单元测试? 其实我是个标题党,单元测试根本没有“艺术”可言。 好的测试来自于好的代码,如果说有艺术,那也是代码的艺术。 注:以下“测试”一词,如非特指均为单元测试。 单元测试的好坏在于“单元”而不在“测试”。如果一个系统毫无单元可言,那就没法进行单元测试,几乎…
  13. 80+代码实现一个React版本的酷炫动效简历 预览地址: 这就是预览地址:方正的React实验室(手机上看也可以,就是字体比较小) 这是项目地址:方正github「无耻求:星,没星点赞,哈哈哈」
  14. 微软 Edge 和 IE 浏览器市场份额持续走低 那前端开发者怎么看这个资讯的呢? 昨日在我们公*号推文后,部分评论请见附图 [允悲][允悲][允悲] ​​​

    微软 Edge 和 IE 浏览器市场份额持续走低
  15. SegmentFault 技术周刊 Vol.33 – 什么是 JSON ?JSON 的全称是JavaScript Object Notation,可以翻译为 JavaScript 对象表示法,即将一个 Object 以文本的方式给记录下来。 根据 ECMA-404 标准: JSON is a text format that facilitates structured data inter…
  16. 处理 Vue 单页面 SEO 的另一种思路 vue-meta-info 官方地址: monkeyWangs/vue-meta-info (设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plu
  17. Vue.js 服务端渲染业务入门实践作者:威威(沪江前端开发工程师)本文原创,转载请注明作者及出处。 背景 最近, 产品同学一如往常笑嘻嘻的递来需求文档, 纵使内心万般拒绝, 身体倒是很诚实。 接过需求,好在需求不复杂, 简单构思 后决定用V…
  18. Webpack 工程的 PWA 实战 本文来自作者 Jrain'L  在 GitChat 上精彩分享 【文末有惊喜】 前言 在现代化的前端开发中,webpack 已经成为了标配。与此同时,随着 Google 等一线互联网公司的大力推行,PWA(Progr 本文来自作者 Jrain'L  在 GitChat 上精彩分享 【文末有惊喜】 前言 在现代化的前端开发中,webpack 已经成为了标配。与此同时,随着 Google 等一线互联网公司的大力推行,PWA(Progr 本文来自作者 Jrain'L  在 GitChat 上精彩分享 【文末有惊喜】 前言 在现代化的前端开发中,webpack 已经成为了标配。与此同时,随着 Google 等一线互联网公司的大力推行,PWA(Progr
  19. asm.js 和 Emscripten 入门教程 Web 技术突飞猛进,但是有一个领域一直无法突破 —- 游戏。 游戏的性能要求非常高,一些大型游戏连 PC 跑起来都很吃力,更不要提在浏览器的沙盒模型里跑了!但是,尽管很困难,许多开发者始终没放弃,希望让浏览器运行 3D 游戏。 2012年,Mozilla 的工程师 Alon Zakai 在研究 LLVM 编译器时突发奇想:许多 3D…
  20. #JavaScript#【转载:javascript特性杂谈】环境Mac OS X 10.8.2, node v0.8.16需要解释一下, node跟浏览器里嵌入的javascript不一样, 不具有类似confirm和prompt等接口, 我用console.log来输出.概要JavaScript本身就是设计为一…请戳→ #前端开发博客# ​​​

    javascript特性杂谈
  21. Webpack优于其他打包工具的地方 Webpack是一个JavaScript模块打包工具,如官网宣传的那样。它有一个贴切的名字。但在本文中,我想完成的是详述Webpack真正强大的地方。 本文不会介绍如何使用Webpack,而是解析使它比一般打包工具变得更为特殊的原因。 ##We
  22. 你不知道的CSS(二) 在上文《你不知道的CSS(一)》中,介绍了兄弟选择器美化表单,font-size:0消除间隙,overflow清除浮动,border绘制三角形等7个实用技巧。由于文章长度限制,还遗留了一些技巧没有介绍,考虑到日后可能会有更多的技巧需要补充进来,便将上文改名为你
  23. 前端面试回顾(1)—javascript的面向对象前言 前一阵面试,过程中发现问到一些很基础的问题时候,自己并不能很流畅的回答出来。或者遇到一些基础知识的应用,由于对这些点理解的不是很深入,拿着笔居然什么都写不出来,于是有了回顾一下这些基础知识的想…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流