20180921 前端开发日报

五分钟减轻你的前端应用 ﹣ day.js 篇;Per.js:快速、简便的响应式 JavaScript 开发框架;那些必会用到的 ES6 精粹;JavaScript 数据类型检测终极解决方案;bootstrap-select 的多选+模糊查询下拉框详解(官方示例文档解读);Vue+Koa+Mongodb 小练习;前端阶段性总结(二):页面渲染机制与性能优化;ios 12 JS数组Bug,可能带来互联网风波,附修复方法

  1. 五分钟减轻你的前端应用 ﹣ day.js 篇 前言 在處理時間日期的時候,除了使用原生的函數之外,便是強大的 Moment.js。不過,它的重量經常是打包體積過大問題的兇手。因而,轉而使用輕量的 day.js 的話,能夠大大省下用戶需要加載的體積,加速網站加載速度。 特點
  2. Per.js:快速、简便的响应式 JavaScript 开发框架 此项目已经启用了码云gitee page服务,使用“ http://per-js.skyogo.com/版本号/Per.js ”链接即可在线获取JS文件【你也可以把版本号替换成“new”,这样就能直接链接到最新发行版的Per.js,类似:“ http://per-js.skyogo.com/new/Per.js ”】 同时欢迎查看和Vue.js的速度对比:https://gitee.com/skyogo/Per.js/blob/master...
  3. 那些必会用到的 ES6 精粹从接触 vue 到工作中用到 vue 将近 2 年了,在开发 vue 项目中用到了很多 es6 的 api ,es6 给我的开发带来了很大便利。
  4. JavaScript 数据类型检测终极解决方案 JavaScript 的数据类型检测是我们平时开发中经常会遇到的场景,小到基本数据类型大至各种引用数据类型的检测,都是我们需要掌握的知识点。本章会详细讲解 JavaScript 中各种不同数据类型的检测方法以及最后会实现一个数据类型检测的终极方法。 红宝石书告
  5. bootstrap-select 的多选+模糊查询下拉框详解(官方示例文档解读) 引入问题 之前博主在实际开发中遇到了一个问题,就是需要既支持多选又同时支持模糊查询的下拉控件,大家所熟知的比较强大的下拉框插件bootstrap-select2,博主当时也参考过,但是发现它的多选效果做的比较差,类似这种, 这样的多选控件必须要控件足够长,如
  6. Vue+Koa+Mongodb 小练习 vue全家桶的使用 在vue中使用axios,并配置它 koa与mongoose的基本使用 jsonwebtoken的使用以及前后台鉴定登录 注: 本文面对刚学vue或者koa不久或者想了解一个简单的前后台交互的问题的同学,涉及基础。 预览 感兴趣的问题 我在代码里面写了很多的注释方便阅读,这...
  7. 前端阶段性总结(二):页面渲染机制与性能优化引言: 转前端一年了,期间工作较忙,也没时间整理一些知识体系,此系列文章是对前端基础的一些回顾与总结。本文主要介绍浏览器工作的原理以及一些优化手段。
  8. iOS 12 JS数组Bug,可能带来互联网风波,附修复方法作者:明非来源:[链接] 喜气洋洋,被安利使用iOS12,红红火火,更新最新版本。 网络上已经有人遇到 iOS 数组相关的一个Bug,似乎会酿成整个互联网风波。Array state will be cached in iOS 12 Safari, is bug or...
  9. 初识react(四) react中异步解决方案之 redux-saga 回顾 初识react(一) 揭开jsx语法和虚拟DOM面纱 初识react(二) 实现一个简版的html+redux.js的demo 初识react(三)在 react中使用redux来实现简版计数器 今天demo是实现一个异步的计算器,探究redux-
  10. 适配器在JavaScript中的体现适配器设计模式在JavaScript中非常有用,在处理跨浏览器兼容问题、整合多个第三方SDK的调用,都可以看到它的身影。 其实在日常开发中,很多时候会不经意间写出符合某种设计模式的代码,毕竟设计模式就是老前辈们...
  11. 利用CSS改变图片颜色的多种方法 前言“说到对图片进行处理,我们经常会想到PhotoShop这类的图像处理工具。作为前端开发者,我们经常会需要处理一些特效,例如根据不同的状态,让图标显示不同的颜色。或者是hover的时候,对图片的对比度,阴影进行处理。”你以为这些是经过PS软件处理出来的?不不
  12. VueCLI3项目的运行全解析-关注细节(一)vue-runtime-analysis(一) 阅读本节你能学到什么? 通过VueCLI3脚手架创建一个vue的项目 查看CLI3生成项目的配置文件的2种方法 在项目中引入vue框架的3种方式 了解引入的vue做了哪些前置工作 导出配置文件 开始...
  13. 浅谈 TypeScript - 有状态类组件 多数情况下我们一直都在使用 Class Component 的方式来书写 React 应用程序,这是它的一种经典模式,因为在 Class Component 中我们不仅可以享受全部的 React 特性,如:声明周期,事件系统等,还能利用好 Class 的特性更
  14. 前端每日实战:138# 视频演示如何用纯 CSS 创作一张 iPhone 价格信息图效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] ...
  15. React性能分析利器来了,妈妈再也不用担心我的React应用慢了 Profiler React16.5正式在devtool中加入了Profiler功能,用于收集每次变更导致的渲染时间,帮助开发者发现潜在的性能问题,有助于开发更高性能的React应用 官方博客 如何使用 在Chrome的开发工具插件react devtool中
  16. NodeJS stream 流 原理分析(附源码) 前言 在之前的博客中已经了解了流的基本用法(请看我之前的博客),这篇的重点在于根据可读流的用法对可读流的原理进行分析,实现简易版的 ReadStream 可读流的实现(流动模式) 1、ReadStream 类创建 在使用 fs 的 createReadStream 创建可读流时,返回了 ReadStream 对象,上面存在着一些事...
  17. 浅谈 TypeScript - Portals 组件 在很多场景下我们可能会有这样的一个需求,给予一个全局对话框或者提示什么的,它可以覆盖整个 web 应用程序,如图: 这个需求真的太常见了,因此 ReactDOM 中提供了一个方法 createPortal,可以将节点渲染在父组件之外,但是你
  18. NodeJS 说说“重写” 自定义stream 的实现 概述常见的自定义流有四种,Readable(可读流)、Writable(可写流)、Duplex(双工流)和 Transform(转换流),常见的自定义流应用有 HTTP 请求、响应,crypto 加密,进程 stdin 通信等等。stream 模块介绍在 No
  19. Vue 应用单元测试的策略与实践 01 - 前言 本文首发于Vue 应用单元测试的策略与实践 01 - 前言 | 吕立青的博客 欢迎关注知乎专栏 —— 前端的逆袭 欢迎关注我的博客, @知乎 ,GitHub,掘金。 前言 本文主要尝试解决三个问题:
  20. 浅谈 TypeScript - PureComponent 我们都知道 React 的刷新机制,因此如果每一次的变动都要刷新一下界面,这对于应用程序的性能来说是一个非常不科学的事情,因此在没有 PureComponent 之前,我们都需要手动使用 shouldComponentUpdate?(nextProps: Re
  21. CSS并不简单:多栏布局(Multi-Columns Layout) 多栏布局是css3新增布局中的一种,尽管它很低调。 一、明确结构 多栏布局的结构很简单,主要由multi-column container和column box组成。 当一个元素设置了column-width和column-count属性并且值不为a
  22. 重新认识 React 生命周期 前言 React 从 v16 开始,像是跨入了新的时代,性能和新的 API 都令人瞩目。重新认识 React,从重新认识生命周期开始。 为了更好的支持异步渲染(Async Rendering),解决一些生命周期滥用可能导致的问题,React 从 V16.3 开始,对生命周期进行渐进式调整,同时在官方文档也提供了使用的最佳实践。 这...
  23. 浅谈 TypeScript - Fragments 组件 不知道你是否遇见过这样的情况,在以前 React render 方法返回的 Node 中,最外层必须是返回一个单一的 Node,因此我们有很多业务会有很多额外的 div ,如: // li const renderLi: React.SFC = ()
  24. 我的源码阅读之路:redux源码剖析用过react的小伙伴对redux其实并不陌生,基本大多数的React应用用到它。一般大家用redux的时候基本都不会单独去使用它,而是配合react-redux一起去使用。刚学习redux的时候很容易弄混淆redux和react-redux,以为...

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

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

原文:20180921 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180921.html)