前端岚枫的博客_网站性能优化

前端性能优化经典：javascript防抖节流

大家好，我是前端岚枫，一枚二线城市的程序媛，今天主要跟大家分享我整理的前端的一些性能优化，js防抖节流，它是项目比较

前端

javascript

性能优化

html

搜索

原创 2022-09-23 23:00:33 82 阅读

Webpack实战（一）：基础入门-教你轻松搞定Webpack打包工具安装及参数配置

Webpack实战（一）：Web也引起了很多弊端：需要手动维护JavaScript的加载顺序多次请求资源，影响了加载速度在每个script标签中，顶层作用域即全局作...

模块打包工具

Webpack

npm

webpackconfig

build

原创 2022-09-08 08:43:50 168 阅读

如何玩转sortablejs-vuedraggable实现表单嵌套拖拽功能

最近几天在研究有关

vuedraggable

vue组件递归

vuetity

嵌套拖拽排序

拖拽

原创 2022-09-08 08:42:02 2016 阅读

Webpack实战（八）：教你搞懂webpack如果实现代码分片（code splitting）

2020年春节已过，本来打算回郑州，却因为新型冠状病毒感染肺炎的疫情公司推迟了上班的时间，我也推迟了去郑州的时间，在家多陪娃几天。以前都是在书房学习写博客，今天比较特殊，抱着电脑，在楼顶晒着太阳，陪着家人，写着博客。前面的几篇文章主要告诉大家如何安装、配置webpack、webpack实现样式分离等，今天这篇文章主要跟大家分享如果webpack如何实现代码分片。现在工程项目中，实现高性能应用的其中

CommonsChunk

SplitChunks

代码分片

按需加载

加载

原创 2022-09-08 08:40:59 119 阅读

浏览器渲染原理及性能优化

大家好，我是前端岚枫，两个多月没更新博客了，这段时间在忙着找工作，入职新公司，各项都有序的进行

性能优化

开发语言

javascript

前端

安全

原创 2022-07-13 18:10:47 239 阅读

Webpack实战（三）：作为前端你不得不懂的Webpack资源入口和出口的配置

关于Webpack前两篇跟大家分享的主要是Webpack的一些基本的配置，今天开始我们详细了解一下有关Webpack的

webpack

path

outpath

entry

publicPath

原创 2022-07-13 18:09:48 58 阅读

浅谈js模块化：commons、AMD、CMD、ES6几种模块化的用法及各自的特点

文章目录一个页面需要引入多个js文件引发的问题：模块化的好处：几种常用的模块化规范1、 commonJs2、 AM

模块化

commonjs

es6

requirejs

CMD

原创 2022-07-13 18:09:35 481 阅读

Webpack实战（四）：教教你如何轻松搞定-预处理器（loader）

前面三节，我主要给大家分享了有关webpack的一些配置的知识点，如何打包js文件，而如果我们遇到其他

loader

预处理器

test

use

rules

原创 2022-07-13 18:09:20 80 阅读

Webpack实战（五）：轻松读懂Webpack如何分离样式文件

在上一篇文章中我给大家分享了预处理器（loader）,里面讲到了style-loader 和css-loader,有关样式引入的问

插件

样式分离

link

style

webpack

原创 2022-07-13 18:08:30 77 阅读

Webpack实战（六）：如何优雅地运用样式CSS预处理

上一篇文章中，我主要分享了《Webpack如何分离样式文件》CSS 预处理器是一个能让你通过预处理器自己

sass

scss

less

css预处理

编译

原创 2022-07-13 18:08:18 61 阅读

Webpack实战（七）：简单搞懂PostCSS的用法及与一些插件的用法

不知不觉地春节要来临了，今天已经是放假的第二天，想想回老家之后所有的时间就不是自

postcss

stylelint

modules

Autoprefixer

webpack

原创 2022-07-13 18:07:35 560 阅读

Webpack实战（九）：实现资源按需加载-资源异步加载

第八篇[《教你搞懂webpack如果实现代码分片（code splitting）

webpack

import

ensure

es6

资源异步加载

原创 2022-07-13 18:07:09 756 阅读

前端都应懂的入门基础-github基础

Github 目的借助用于代码托管Github 基本概念仓库（respitory）仓库用来存放项目代码，每个项目对应一个仓库

github

仓库

创建项目

git

开源项目

原创 2022-07-13 18:06:43 274 阅读

前端基础牢记的一些操作-Github仓库管理

我上一篇文章主要分享了github介绍及项目仓库创建，这篇文章主要说说仓库的管理仓库管理新建文件

GitHub 仓库管理

新建文件

issues

github

库文件

原创 2022-07-13 18:06:41 49 阅读

前端性能优化的重要方案：图片懒加载

大家好，我是前端岚枫，一枚二线城市的程序媛，、

前端

性能优化

jquery

加载

懒加载

原创 2022-07-05 06:28:00 191 阅读

1.1 了解web性能

您可能是一个听说过Web性能的开发人员，但是您对它知之甚少。也

web性能

搜索

加载

翻译 2022-07-05 06:24:42 46 阅读

第一章：Understanding web performance-理解web性能

本章介绍Web性能为何重要Web浏览器如何与Web服务器对话表现不佳的

web

用户体验

互联网

浏览器

web服务器

翻译 2022-07-05 06:23:53 12 阅读

Webpack实战（二）：基础配置入门 - webpack-dev-server的介绍与用法

为什么要用webpack-dev-server在开发中，我们都可以发现仅仅使用Webpack以及它的命令行工具来进行开发调试的效率并不高,每次编写好代码之后

devServer

open

port

资源打包

自动刷新

原创 2022-06-30 16:19:06 172 阅读

javascript中数据访问性能优化简析

我们一般写代码都会考虑代码的可读性、可扩展性及重要的是浏览器的解析。减少代码数量提高代码性能加载速度，是我、对象才成员

javascript

数据

代码

性能优化

变量

原创 2022-06-30 16:18:12 117 阅读

web performance in action学习前言

今天开始研究学习《web performance in action》这本书，以后在这个专栏里记录自己学习的内容，希望通过原版的，能把这些技术学的更深入，好好应用的工作中，并分享给想学的朋友们。

性能

web

技术

应用

原创 2022-06-30 16:17:26 34 阅读

查询url包含的字符串参数（js高程笔记）

unction getArgs() { var args = {}; //创建保存数据的对象 var qs = location.search.length > 0 ?

url

数据

js

search

amp

原创 2022-06-30 16:17:20 34 阅读

从减少DNS查找来优化网站

Internet是通过IP地址来查找服务器的.由于IP地址很难记忆，通常使用包含主机名的URL来取代它，但当浏览器发送其请求时，IP地址仍然是必需的。这时，Domain Name System(DNS)在其中起了作用。DNS将主机名映射到IP地址上，就像电话本将人名映射到他们的电话号码一样。当你在浏览器中输入一个网址时，连接到浏览器的DNS解析器会返回

性能优化

DNS

服务器

缓存

主机名

原创 2022-06-30 16:15:03 122 阅读

减少HTTP请求的方法

最近在看《高性能网站建设指南》，学习一些网站优化的技术，读到关于减少http请求的一些方法： 1. 图片地图

css

响应时间

html

原创 2022-06-30 16:13:31 199 阅读

样式表放在顶部的好处

在Internet Explorer中，将样式表放在文档底部会导致白屏问题的情形：1. 在新窗口中打开时，2.重新加

样式表

加载

新窗口

原创 2022-06-30 16:13:27 31 阅读

chrome介绍与用法

chrome介绍与用法chrome介绍与用法1. 认识devTools功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入

chrome

elements

devtools

console

调试

原创 2022-06-30 16:09:50 131 阅读

chrome中Blackbox Script 黑盒脚本作用及用法

chrome中Blackbox Script 黑盒脚本作用及用法Blackbox Script功能每天前端人员在调试代码的时候，都可能会遇到代码调试着会进入

blackbox

黑盒子

第三方库

黑盒

代码调试

原创 2022-06-30 16:09:26 286 阅读 1收藏

端口被占用问题Error: listen EADDRINUSE 127.0.0.1:8888

今天工作的时候，启动环境突然启动不了，报这样的错误Error: listen EADDRINUSE 127.0.0.1:8888具体如下图：发现时候88

端口被占用

查看端口

lsof

port

杀死进程

原创 2022-06-30 16:08:20 708 阅读

前端性能优化

前端性能优化的重要性： 1. 关注前端可以很好地提高整天性能。如果我们可以将后端响应时间缩短一半，整体响应

etag

javascript

JavaScript

Javascript

javaScript

原创 2022-06-30 16:02:09 73 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

技术翻译，前端知识

前端性能优化经典：javascript防抖节流

Webpack实战（一）：基础入门-教你轻松搞定Webpack打包工具安装及参数配置

如何玩转sortablejs-vuedraggable实现表单嵌套拖拽功能

Webpack实战（八）：教你搞懂webpack如果实现代码分片（code splitting）

浏览器渲染原理及性能优化

Webpack实战（三）：作为前端你不得不懂的Webpack资源入口和出口的配置

浅谈js模块化：commons、AMD、CMD、ES6几种模块化的用法及各自的特点

Webpack实战（四）：教教你如何轻松搞定-预处理器（loader）

Webpack实战（五）：轻松读懂Webpack如何分离样式文件

Webpack实战（六）：如何优雅地运用样式CSS预处理

Webpack实战（七）：简单搞懂PostCSS的用法及与一些插件的用法

Webpack实战（九）：实现资源按需加载-资源异步加载

前端都应懂的入门基础-github基础

前端基础牢记的一些操作-Github仓库管理

前端性能优化的重要方案：图片懒加载

1.1 了解web性能

第一章：Understanding web performance-理解web性能

Webpack实战（二）：基础配置入门 - webpack-dev-server的介绍与用法

javascript中数据访问性能优化简析

web performance in action学习前言

查询url包含的字符串参数（js高程笔记）

从减少DNS查找来优化网站

减少HTTP请求的方法

样式表放在顶部的好处

chrome介绍与用法

chrome中Blackbox Script 黑盒脚本作用及用法

端口被占用问题Error: listen EADDRINUSE 127.0.0.1:8888

前端性能优化