20190304 前端开发日报

前端之未来;web 性能优化: 使用 Webpack 分离数据的正确方法;蚂蚁金服如何把前端性能监控做到极致?;Vue中实现token验证;前端工作两年多的回顾;Webpack4 学习笔记 – 04:使用 Plugins 插件;使用 WebAssembly 替换应用程序中的 Hot Path;在 JSX 代码中可以加入 console.log 吗?

  1. 前端之未来 “编程是一种修行,应用修行的产物,也是我们与世界交流的方式。未来在哪里并不重要,重要的是以空杯心态持续学习和实践,用心写下每行代码。”
  2. Web 性能优化: 使用 Webpack 分离数据的正确方法 制定向用户提供文件的最佳方式可能是一项棘手的工作。 有很多不同的场景,不同的技术,不同的术语。 在这篇文章中,我希望给你所有你需要的东西,这样你就可以: 了解哪种文件分割策略最适合你的网站和用户 知道怎么做 根据 Webpack glossary ,有两种不同类型的文件分割。 这些术语听起来可以互换,但...
  3. 蚂蚁金服如何把前端性能监控做到极致? 了解如何通过 Performance 相关的 API 准确的采集用户性能数据,并如何通过大数据计算加工最终产出用户性能分析产品,以及如何通过性能数据纵向衡量产品性能、发现性能瓶颈。
  4. 前端工作两年多的回顾 我毕业于某普通师范学院计算机相关专业,有两年多的工作经验了吧。技术栈主要有vue,react-native,以后可能会到angular(新公司在用),react web。首先我不是大佬,我只是爱学习,爱钻研技术。 目前坐标北京 工作经历 第一家: 在北京的第一家公司是很传统的服务端渲染为主,前端切图就ojbk了,我当时属于刚接触前端,...
  5. Webpack4 学习笔记 - 04:使用 Plugins 插件plugins 顾名思义,就是插件,它可以在 webpack 运行到某个时刻的时候,来做一些事情。下面就举一些使用 plugins 的例子。
  6. 在 JSX 代码中可以加入 console.log 吗? 作为一名编程老师,我曾看到过我的学生写出了这样的代码: render() { return ( <div> <h1>List of todos</h1> console.log(this.props.todos) </div> ); } 复制代码 这样写不会在控制台打印出期望的内容。而是在浏览器上渲染出 console.log(this.props.todos) 这...
  7. JS实现函数的节流和防抖实现原理:A:用函数的闭包来锁住上一执行的时间,在用这一次执行的时间相比,大于设定的间隔时间则执行闭包内部的this执行会出问题这里用apply修正this指向B:也可以直接把lasTime放到全局去,不用闭包但这样就...
  8. Git基础知识教程整理(Git分支管理)git checkout命令加上-b参数表示创建并切换。git branch或者(git branch -a)后面不跟分支名时指列出所有分支,当前分支前面加*。
  9. vue.js 开发系列(三)Skeleton 骨架屏渲染 简单来说,骨架屏(skeleton screen) 就是一个页面从 html 下载完成 到 js 下载完成并且执行 数据渲染 这两个时间点之间暂时渲染页面基本结构的方案。 就我的理解,骨架屏优化是有一定场景的,包括且不限于以下几种情况: 有懒加载机制的SPA路由 多页面程序的首页渲染 SPA 中的非懒加载路由,但是数据量...
  10. Webpack 快速上手(上) 作者 | 朱士奇 杏仁前端开发工程师,代码洁癖症早期,关注前端技术。 嫌啰嗦想直接看最终的配置请戳这里 webpack-workbench(https://github.com/onlymisaky/webpack-workbench) 由于文章篇幅较长,为了更好的阅读体验,本文分为上、中、下三篇: 上篇介绍了什么是 webpack,为什么需要 webpack,webpack ...
  11. 基于webpack4.x项目实战 webpack在前端开发者的世界再熟悉不过了,网上也很多关于webpack的文章,自己也写一下,加深印象 webpack 是js模块打包器,一直在更新,本文是基于 webpack4.29.5 版本,将来的某一天,发觉本文章的一些配置用不了,那可能是webpack已经更新到更高的版本了 webpack4.0的零配置 安装 webpack4 和 webpa...
  12. JavaScript 原型和原型链及 canvas 验证码实践 最近在复习 JavaScript 基础,因为工作以后基本上没用过,天天都是拿起框架加油干,确实大部分都忘了。到了原型和原型链这一部分,觉得自己理解的比较模糊。又翻阅了《你不知道的 JavaScript》、阮一峰老师的 JavaScript继承机制的设计思想 还有网络上的各种文章,收获满满(感谢各位作者大佬)。所以整理成这篇文章,加...
  13. 深入剖析 React Native 下一代架构重构 “我们通过源码分析给大家简单介绍了 Facebook 的 React Native 下一代框架的设计,相信不管从性能体验和功能上都会有很大的变化。”
  14. 记一次 Vue 项目重构随着公司项目越做越复杂,因前期团队对 Vue 使用经验不足,导致留下比较多坑。再这样下去项目会变成越来越难以维护,于是我对主管说:“主管,我想重构”,便有了这次的重构经历。经过对项目分析,主要存在以下问题:
  15. 白话es6系列一:Array.of()和Array.from()ES6新增了二种方法:Array.of()和Array.from(),它们有什么用途呢?在平时的开发中能给我们带来什么方便呢?本篇将从一个创建数组的小问题开始,逐步揭开它们的面纱。
  16. JS运行时环境 原文地址: The Javascript Runtime Environment 原文作者: Jamie Uttariello 译者语: 本文是在学习的过程中发现的一篇讲述JS机制比较明了的文章,因此尝试翻译了一下。 不是专业的,因此难免有偏颇,欢迎交流指正。 复制代码 通过本文,我们一起了解一下浏览器的JS运行时环境,探究Chrome浏览器V8引擎是如何解析...
  17. JS 中的网络请求 AJAX, Fetch, WebSocket ajax 是 Asynchronous JavaScript And XML 的简称,它可以让页面在不刷新的情况下从服务器获取数据。 XMLHttpRequest 浏览器使用 XMLHttpRequest 对象于服务器通信,它可以使用JSON,XML,HTML和text等格式发送和接收数据。 低版本 IE 浏览器没有 XMLHttpRequest 对象,但是它可以使用 ActiveXObject...
  18. Vue-cli 的 create 指令是如何创建项目文件的 Vue-cli 是创建 Vue 项目的一个好方法,之前只是使用,没有关注过内部结构是咋样的。最近在做一个组内项目的 cli 工具,参考了一下 Vue-cli 的实现方法。 Vue-cli 项目结构 Vue-cli ),是一个多 package 项目,使用 lerna 进行管理。package 内的 @vue 文件夹下有很多包: 其中与创建项目有关的包,我们主...
  19. 纵观JS对象的“简”与“繁”(下) 上篇文的最后,我们聊到了JS对象的一个重磅成员—— 原型模式 ,本以为迎来了对象领域的终极大boss,却发现它仍然存在局限性,这种局限就是: 不需要共享的也会被共享,导致出现期望之外的结果。 什么不需要共享?比如,如果我们这样操作: function Person(){ } Person.prototype.friends=[&quot...

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

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

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