20190310 前端开发日报

Node.js新手上路——动手撸一个静态资源服务器;7个 HTML 面试题及回答策略;12 个令人惊叹的 CSS 项目;JVM 性能调优监控工具 jps、jstack、jmap、jhat、jstat 使用详解;Webpack 快速上手(下);canvas-深入与应用秘籍;前端网页加载渲染链路优化;vue实现短信验证码登录

  1. Node.js新手上路——动手撸一个静态资源服务器本文介绍了一个简单的静态资源服务器的实例项目,希望能给Node.js初学者带来帮助。项目涉及到http、fs、url、path、zlib、process、child_process等模块,涵盖大量常用api;还包括了基于http协议的缓存策略选取、…
  2. 7个 HTML 面试题及回答策略有许多无需深入掌握 HTML 就能做出页面的工具。这个问题询问求职者,当他们可以借助一些工具生成页面时,对 HTML 还有多大的兴趣。
  3. 12 个令人惊叹的 CSS 项目 或许,你认为 CSS 只能用来控制网页的结构与样式,但它的功能和应用却超乎你的想象。从逼真的图像到特效动画,优秀的开发者利用它已创造了无数种可能。 在本文中,我们精选了纯 CSS 实现的滤镜以及各种效果,与大家分享。它们都是开源的网页设计相关项目。除了体验之外,有兴趣的话,你还可以尝试来实现它们。 …
  4. JVM 性能调优监控工具 jps、jstack、jmap、jhat、jstat 使用详解 现实企业级Java应用开发、维护中,有时候我们会碰到下面这些问题: OutOfMemoryError,内存不足 内存泄露 线程死锁 锁争用(Lock Contention) Java进程消耗CPU过高 …… 这些问题在日常开发、维护中可能被很多人忽视(比如有的人遇到上面的问题只是…
  5. Webpack 快速上手(下) 作者 | 朱士奇 杏仁前端开发工程师,代码洁癖症早期,关注前端技术。 由于文章篇幅较长,为了更好的阅读体验,本文分为上、中、下三篇: 上篇介绍了什么是 webpack,为什么需要 webpack,webpack 的文件输入和输出 中篇介绍了 webpack 在输入和输出这段中间所做的事情,也就是 loader 和 plugins …
  6. canvas-深入与应用秘籍去年在公司内部做了一次canvas的分享,或者说canvas总结会更为贴切,但由于一直都因为公事或者私事,一直没有把东西总结成文章分享给大家,实在抱歉~分享这篇文章的目的是为了让同学们对canvas有一个全面的认识,…
  7. 前端网页加载渲染链路优化 优化实战 本文属于思否课堂 VirtualDOM到AST玩转前端性能原理解析与代码实战 课程 我们已经全面分析总结了评估页面性能和用户体验的各个指标参数。那么怎么来优化呢?open signal官方提供了2018年2月份统计的全世界4G网络覆盖率和通信速率的统计分布图如下,在目前移动互联网的浪潮下,我们要利用好用户终端设备的…
  8. 版本控制工具——Git常用操作(下)摘要:上一集我们一起入门学习了git的基本概念和git常用的操作,包括提交和同步代码、使用分支、出现代码冲突的解决办法、紧急保存现场和恢复现场的操作。学会以后已经足够我们使用Git参加协作开发了,但是在开发…
  9. JS 中的 (Weak)Set 和 (Weak)Map Set 和 Map 都是 ES6 新增数据结构。 Set Set 是一个集合,它类似于数组,但是成员的值都是唯一的,没有重复的值。它允许你存储任何类型的唯一值,无论是原始值或者是对象引用。 Set 是一个构造函数,它有一个可选的参数一个可迭代对象。如果传递了这个参数它的所有元素将不重复地被添加到新的 …
  10. 版本控制工具——Git常用操作(上)摘要:用了很久的Git和svn,由于总是眼高手低,没能静下心来写这些程序员日常开发最常用的知识点。现在准备开一个专题,专门来总结一下版本控制工具,让我们从git开始。完成本系列博客的阅读以后,你将掌握git的基…
  11. day.js轻量级处理时间和日期格式化库 Day.js是一个轻量的处理时间和日期的JavaScript库,和Moment.js的API设计保持完全一样. 如果您曾经用过Moment.js, 那么您已经知道如何使用Day.js。 查看演示 Day.js的特点有: 和 Moment.js 相同的 API 和用法 不可变数据 (Immutable) 支持链式操作 (Chainable) 国际化 I…
  12. 活动 Web 页面人机识别验证的探索与实践在电商行业,线上的营销活动特别多。在移动互联网时代,一般为了活动的快速上线和内容的即时更新,大部分的业务场景仍然通过 Web 页面来承载。但由于 Web 页面天生“环境透明”,相较于移动客户端页面在安全性上存…
  13. 深入理解 JavaScript 错误处理机制 作者包龙星(企业代号名),目前负责贝壳找房河图项目的前端研发工作。 1 错误分类 javascript错误,可分为编译时错误,运行时错误,资源加载错误。本文着重讨论一下 运行时错误 和 资源加载错误 。 1.1 js运行时错误 javascript提供了一种捕获运行时错误的捕获机制。如果代码能够捕获潜在的错…
  14. 4种灵活的Scss编译输出风格整理很多人从使用Scss的那一刻起,就被别人告诉了如何编译。所以,基本上也就只会一种命令编译方式。其实Scss提供了4种风格输出CSS,以满足更多人的需求。不同的输出方式如下:
  15. Vue中的验证登录状态 Vue项目中实现用户登录及token验证 先说一下我的实现步骤: 使用 easy-mock 新建登录接口,模拟用户数据 使用 axios 请求登录接口,匹配账号和密码 账号密码验证后, 拿到 token ,将token存储到 sessionStorage 中,并跳转到首页 前端每次跳转时,就使用导航…
  16. 闲鱼技术团队开源 Flutter 应用框架 Fish Redux 阿里妹导读:目前,跨平台、高性能的渲染引擎逐渐成为大前端领域的一个热点。作为其中的明星, Flutter有很大的机会成为下一代主流的跨端解决方案。 闲鱼技术基于Flutter 深耕,开源了2亿用户背后的Flutter应用框架:Fish Redux。接下来,我们就一起深入解读 Fish Redux ,了解它的函数式的编程模型、可预测的状态管理、…

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

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


关注我

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

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

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