深入理解前端性能监控；如何优化我们的代码（vue项目）；996icu 的 webpack 插件；**超详细的**10种排序算法原理及 JS 实现；基于 three.js 的 3D 粒子动效实现；探索JavaScript的this机制；web Audio简单学习；「Vue实战」武装你的项目
-
深入理解前端性能监控在同样的网络环境下，有两个同样能满足你的需求的网站，一个唰的一下就加载出来了，另一个白屏转圈转了半天内容才出来，如果让你选择，你会用哪一个？
-
如何优化我们的代码（vue项目） 作为一个前端，可能绝大多数的时间都是在写的业务代码，可能时间一长，大家会觉得乏味、没意思等等，但是其实就算只是写业务代码，我们也依然能够找到有兴趣的点，说的简单一点就是代码优化，不仅仅局限在业务逻辑这块，像是代码复用、效率等等都是我们可以加以改进的地方，学会在业务代码中找到不足，总结经验，这样日…
-
996icu 的 webpack 插件 README.md 一个帮助 webpack 拥有假期，拒绝 996，拒绝 ICU，提高工作效率的 webpack 插件 当然，他也帮助开发者早点下班 这个插件在非工作时间将使 webpack 拒绝编译打包 使用 npm i webpack-plugin-nns-icu…
-
基于 three.js 的 3D 粒子动效实现 作者：个推web前端开发工程师 梁神 一、背景 粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个的运动，模拟出现真实的效果。three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API…
-
探索JavaScript的this机制 白的不能再白的小白，通过各种渠道学习到了this，和大家分享，有什么错误的话还望指出，共同学习进步。觉得好的话还望点个小赞，为继续坚持写文章增加动力。 正文 我在想写这篇文章的时候，我是无从下手的。因为我自己也同样说不清在JavaScript中this到底是什么？我们都知道在一些强类型语言中（像java）对this有一…
-
web Audio简单学习 随着浏览器的越发强大，用浏览器自带的api操作音频已经不是难事了。我们来使用web audio api简单地处理下音频资源。 简介 在学习web audio api之前，先了解三个概念： 音频源，也就是音频输入，可以是直接从设备输入的音频，也可以是远程获取的音频文件。 处理节点，分析器和处理器，比如音调节点，音量节点…
-
「Vue实战」武装你的项目 本文项目基于Vue-Cli3，想知道如何正确搭建请看我之前的文章： 「Vue实践」项目升级vue-cli3的正确姿势 1. 接口模块处理 1.1 axios 二次封装 很基础的部分，已封装好的请跳过。这里的封装是依据 JWT import axios from ‘axios’ import router from ‘../router’ import {MessageBox, Message} …
-
关于 JavaScript 的原型你应该知道的所有事情 原文地址 大多数时候， JavaScript 原型让刚开始学习 JavaScript 的人困惑——尤其是有 C++ 或者 Java 背景的人。 在 JavaScript 中，相较于 C++ 和 Java，继承有一些不同的作用。JavaScript 继承是众所周知的 “原型继承”。 当你在 JavaScript 中遇到 类 时，事情就变得有点困难了。新的语法 class 看起…
-
Node.js常用模块Module的加载机制与使用 ├── benchmark 一些nodejs性能测试代码 ├── deps nodejs依赖 ├── doc 文档 ├── lib nodejs对外暴露的js模块源码 ├── src nodejs的c/c++源码文件，内建模块 ├── test …
-
JavaScript实现经典排序算法 先看一下各个算法的时间复杂度和空间复杂度 说明： 时间复杂度：指的是一个算法执行所耗费的时间 空间复杂度指：运行完一个程序所需内存的大小 稳定指：如果a=b,a在b的前面，排序后a仍然在b的前面 不稳定指：如果a=b，a在b的前面，排序后可能会交换位置 下面主要通过文字和动图介绍冒泡排序、选择排序、快…
-
理解JavaScript中函数调用和this 过去几年，我经常听到很多人对JavaScript 函数调用的谈论，尤其是对其中this指向是困惑的。 在我看来，通过深入了解函数调用的核心概念，这些困惑都是可以消除的，其他形式的调用都是其核心的语法糖。事实上，ECMAScript规范就是这样认为的。这篇博客在很多地方其实就是简单的规范而已，不过基本概念都是相通的。 Th…
-
webpack4生产环境和开发环境的对比 近期一直在看webpack4的文档，于是给自己做了这个总结，对比一下生产环境和开发环境的区别。 开发环境 在项目开发过程中，我们关注的是能否追溯到代码的错误来源，能够及时刷新页面让我们看到代码的实际效果，因此webpack针对开发特点提供了几个插件。 source-map webpack会将代码打包至一个文件中，一旦发生错…
-
#前端技术#【常用的前端开发资源推荐】详见： 本篇作者整理了一些常用的前端开发资源，涉及 CSS/JS 技巧与文章，正则表达式语法，图片素材与工具，各类视频自学网站等。（作者：yuxiaoxia28） 个人整理的一些常用前端开发资源，有事没事多看看，日后不断更新 css技巧 Flex布局 阮一峰 巧用margin/padding的百分比值实现高度自适应 最全Html与CSS布局技巧 h5开发 css小技巧 移…
-
小白教程|一小时上手最流行的前端框架vue vue是现在很火的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与angular和react并称前端三大框架。相比angular和react，vue更加轻巧、高性能、也很容易上手。大家也可以移步vue官网，看一下它的介绍和核心功能介绍。简单粗暴的理解就是：用vue开发的时候，就是操作数据，然后vue就会处理，以数据驱动去改变DOM。…
-
JavaScript的宏任务与微任务 在介绍前端宏任务与微任务之前，先列出来一道题，一块看一下。 console.log(‘1’) setTimeout(() => { console.log(‘2’) }) new Promise((resolve, rejects) => { console.log(‘3’) resolve() }).then(() => { console.log(‘4’) }) console.log(5)复制代码 诸位可以先给出来一个自己的答案，运行一…
-
学习JavaScript作用域 所有的编程语言都可以存储，访问，修改变量。但是这些变量如何存储，程序如何找到并且能够使用它们？这些问题需要设计一套规则，这套规则就被称为我们所熟知的 作用域 。 了解JavaScript 在介绍作用域之前，先来了解 JavaScript 这门语言，通常百科的说法是 JavaScript 是一种高级的，解释执行的编程语言。但事实…
-
Vue中使用create-keyframe-animation、动画钩子完成复杂动画 如何实现这个动画？ 效果分析 点`start`的时候，我们把整个动画拆分为两种效果（过渡和动画）。 1. 中间cd消失,下方播放条显示，这是属于`过渡` 2. `过渡`开始的同时，cd同时移动、放大、缩小到左下方播放条 ，这属于`动画` 上面的效果是【过渡】加【动画】同时使用完成的 复制代码 v-enter、v-leave-to、v-en…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
