20180902 前端开发日报

webpack4.0各个击破(9)—— karma篇;从手写一个符合Promise/A+规范Promise来深入学习Promise;只会用就out了,手写一个符合规范的Promise;2018你应该知道的Web性能信息采集指南;javascript链式运动框架;如何使用webpack构建Ueditor;css加载会造成阻塞吗?;React中如何优雅的使用UEditor

  1. webpack4.0各个击破(9)—— karma篇 webpack 作为前端最火的构建工具,是前端自动化工具链 最重要的部分 ,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过 问题 + 解决方式 的模式,以前端构建中遇到的具体需求为出发点,学习 webpack 工具中相应的处理办法。(本篇中的参数配置及使用方式均基于 webpack4.0版本 ) 一. webpa…
  2. 从手写一个符合Promise/A+规范Promise来深入学习Promise 1.什么是Promise 一项技术不会凭空产生,都是为了解决某些实际的问题而出现。了解技术产生的背景,可以让我们更好的知道他擅长解决什么问题,哪些场景我们可以利用他来解决。那么就让我们一步一步来揭开promise神秘的面纱。 1.1.什么是promise 首先
  3. 只会用就out了,手写一个符合规范的Promise Promise是什么 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进
  4. 2018你应该知道的Web性能信息采集指南 2018你应该知道的Web性能信息采集指南 本文作者: Berwin ,W3C性能工作组成员,360导航高级前端工程师。Vue.js早期用户,《深入浅出Vue.js》(正在出版)作者。 http://github.com/berwin 假设您正在访问一个网站,如果Web内容不在几秒内显示在屏幕上,那么作为用户您可能会选择关闭标签页,转去浏览其他页…
  5. javascript链式运动框架前面介绍的运动都是一个物体运动之后就结束了,如果一个物体运动之后,还有其他的操作,比如一个div先变宽,然后变高、最后变透明度,我们前面的运动框架就不满足情况了。我们可以在运动框架的基础上,在加上一个…
  6. 如何使用webpack构建Ueditor 由于种种原因,我们选择了Ueditor作为我们的富文本编辑器选型。 Ueditor不支持模块化,所以无法在代码中使用import去引入。一开始我们在项目中是将Ueditor的js文件直接通过script标签引入,在React的代码里直接使用window.UE去
  7. css加载会造成阻塞吗? 之前面试今日头条的时候,今日头条面试官问我,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?所以,接下来我就来对css加载对DOM树的解析和渲染做一个测试。 为了完成本次测试,先来科普一下,如何利用chrome来设置下载速度
  8. React中如何优雅的使用UEditor 前言 本文将介绍笔者在React的项目中使用百度的富文本编辑器Ueditor的过程。注意本文不提供一条龙式的使用方法,只是将使用过程中的一些实现思路进行总结,供以参考。react项目中导入ueditor,会存在各种不正交的问题,需要注意。 引入 首先在uedi
  9. 浅谈 React 16 框架:Fiber 作者 | 赵慧杰 前言 React实现可以粗划为两部分:reconciliation(diff阶段)和 commit(操作DOM阶段)。在 v16 之前,reconciliation 简单说就是一个自顶向下递归算法,产出需要对当前DOM进行更新或替换的操作列表,一旦开始,会持续占用主线程,中断操作却不容易实现。当JS长时间执行(如大量计算等),…
  10. 《Web 推送通知》系列翻译 | 第五篇:使用 Web 推送库发送消息 && 第六篇:Web 推送协议 第五篇:使用 Web 推送库发送消息 原文地址:sending messages with web push libraries 译文地址:使用 Web 推送库发送消息 译者:杨芯芯 校对者:刘鹏、刘文涛 实现 Web 推送的痛点之一就是触发一
  11. React骚操作——jsx遇到template-directive  “React 和 Vue 哪个更好?” 论坛上经常看到这样的问题,然后评论区就直接开战了。也有朋友转行做前端,问我该学React还是Vue。几年前,可能确实有必要考虑下到底该选择哪一个,毕竟前端圈子这么乱,谁又知道Vue能走多远?React会不会不维护了呢?可现在两者生态都很不错,Vue确实好用,React学习成本也没有传闻中那么高…
  12. AST抽象语法树——最基础的javascript重点知识,99%的人根本不了解抽象语法树(AST),是一个非常基础而重要的知识点,但国内的文档却几乎一片空白。本文将带大家从底层了解AST,并且通过发布一个小型前端工具,来带大家了解AST的强大功能
  13. 使用 React-Admin 实战中后台应用(持续更新中……) 使用 React-Admin 实战中后台应用 官方项目和Demo React-Admin–Demo 本次实战Demo(Typescirpt + 中文支持) 演示程序 初始化项目(
  14. Vue.js的computed和watch是如何工作的? Vue的组件对象支持计算属性computed和侦听属性watch两个选项,但这两个属性用法有什么异同以及它们底层实现的原理是什么?本文将用例子结合源码来进行总结。 本文将从以下六个模块进行总结: computed和watch定义 computed和wat
  15. 前端每日实战:123# 视频演示如何用纯 CSS 创作一架双冀飞机效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  16. PyQt5 内嵌浏览器注入 Javascript 脚本实现自动化操作应同学邀请,演示如何使用 PyQt5 内嵌浏览器浏览网页,并注入 Javascript 脚本实现自动化操作。
  17. 浅谈 TypeScript – 前言开篇 传统意义上的 JavaScript 是一个非常松散的语言,因此在以往的面试过程中,很大几率会问及类型以及一些区别。但更传统的软件工程中我们常常在使用的是由编译器进行过编译的语言(转换成了机器实际可运行的格式),由于编译阶段的存在,我们可以更易于找到错误和进行优
  18. 预告:JavaScript模块全览之前写的文章急速Js全栈教程得到了不错的阅读量,霸屏掘金头条3天,点赞过千,阅读近万,甚至还有人在评论区打广告,可见也是一个小小的生态了;)。看来和JS全栈有关的内容,还是有人颇有兴趣的。今天看到的霸屏…
  19. Next.js踩坑入门系列(一)— Hello Next.js 写在前面 说实话,我个人还是觉得文笔越来越不错了,以前的文章都是一个问题闷到天黑,文章写的有点乱由于文章过于庞大导致不是一气呵成的,思路有时候会很混乱。所以我也准备开始写系列文,哈哈,尝试一下嘛~系列文的好处就是每次讲一个点,争取讲的细致一些,希望大家多多指教
  20. Vue.js状态管理模式 Vuexuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

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

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


关注我

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

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

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