20180116 前端开发日报

现代Web开发方法;前端开发的客户端本地存储;深入CSS优先级;模块化开发神器 – webpack-dev-server;借助HTML5 details,summary无JS实现各种交互效果;3分钟了解webpack;异步和promise;WebGL小姐姐教我学画画之起手式

  1. 现代Web开发方法 最近,读了一些外文,觉得这篇现代web开发方法的文章还可以,就翻译了一下,尽我最大的努力,蹩脚的英文很是费劲,其中有的夹杂了一些自己粗浅的理解,如果有误导,请多多包涵,还请路过的老师多提意见和指正,如果你想阅读英文原文,可直接扫文末下方二维码阅读即可 若想听音频,直接戳该链接即可 几个提示脱颖而出的现代网络发…
  2. 前端开发的客户端本地存储在前端开发过程中,为了与服务器更方便的交互或者提升用户体验,我们都会在客户端(用户)本地保存一部分数据,比如cookie/localStorage/sessionStorage。在后端管理系统的前端,更是会涉及到一部分超大数据的请…
  3. 深入CSS优先级 现在越来越多的CSS框架,比如Bootstrap,flat UI等等。当我们使用这些UI框架时,由于审美不一样或某些爱好,我们或多或少会去修改一些样式,当然,直接修改源文件是一个方法,但这是一个笨方法,并不推荐。这时,我们就需要自己写一些样式去覆盖,有时你会发
  4. 模块化开发神器 – webpack-dev-server 不需要你知道任何东西,webpack-dev-server非常适合你作为新手脚手架,让你体验一把工程化开发、模块化开发的便利。 webpack-dev-server 是个什么东西? webpack-dev-server就是一个基于Node.js
  5. 借助HTML5 details,summary无JS实现各种交互效果 这篇文章发布于 2018年01月15日,星期一,01:52,归类于HTML相关。 阅读 41 次, 今日 41 次 byzhangxinxu from http://www.zhangxinxu.com/wordpress/?p=7312 本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随意。 一、了解HTML5 details, summary默认交互行为 <details&gt…
  6. 3分钟了解webpack webpack是啥 webpack是一款强大的前端模块管理和打包工具。类似broserify工具,但是功能更强大。 同时支持CommonJS和AMD模块(这两者是js模块管理的两大规范,CommonJS是同步加载,后者是异步加
  7. 异步和promise引言 16年时在公司分享过一次promise,犹记得当时是第一次分享,还蛮紧张的,当时分享的主要是promise的使用和基本原理,后来又给无线部门同学分享了一次。现在回顾想想,其实讲的不是很完美,因为我当时的实现方式类似…
  8. WebGL小姐姐教我学画画之起手式初次接触WebGL,如有错误之处欢迎留言,共同学习进步. v WebGL的自画像 我,WebGL,全名Web Graphics Library,是为了让死宅程序猿们(摊手)能在浏览器上为所欲为的画女朋友,并还能动手动脚,而屈尊降临于猿类的…
  9. React系列——React Fiber 架构介绍资料汇总(翻译+中文资料)原文 react-fiber-architecture 介绍 React Fibre是React核心算法正在进行的重新实现。它是React团队两年多的研究成果。 React Fiber的目标是提高其对动画,布局和手势等领域的适用性。它的主体特征是增量渲染:…
  10. 一篇文章彻底说清JS的深拷贝/浅拷贝一篇文章彻底说清JS的深拷贝and浅拷贝 这篇文章的受众 第一类,业务需要,急需知道如何深拷贝JS对象的开发者。 第二类,希望扎实JS基础,将来好去面试官前秀操作的好学者。 写给第一类读者 你只需要一行黑科技代码就…
  11. San — A Flexible JavaScript Component Framework HTML模版 声明式的模板,在编写视图时就像是在写一个普通的页面,更符合 HTML 开发人员的习惯。 数据驱动 修改数据,视图引擎会根据绑定关系自动刷新视图,从此摆脱手工调用 DOM API 的繁琐与可能的遗漏。 组件化 组件是数据、逻辑与视图的聚合体。通过组件,我们封装独…
  12. 模仿RequireJs的用法实现一个低配版的模块加载器模仿RequireJs的用法实现一个低配版的模块加载器 Contents 前言 回顾RequireJs的基本用法 实现原理 使用方法 总结 前言 前段时间一直想用单页开发技术写一个自己的个人网站(使用es2015),写了一部分之后,发现单…
  13. xfire: 简单优雅、高度可配置的fetch接口批量生成工具我曾写过两篇文章:jQuery进阶:用最优雅的方式写ajax请求, axios进阶:用最优雅的方式写ajax请求, 原理都是在将使用配置文件的方式,自动生成接口方法。 在多个项目中,我曾使用这种配置的方式批量生成ajax接口…

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

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


关注我

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

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

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