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