- 博客(120)
- 收藏
- 关注
RSS订阅原创 4. 数据结构与算法——链表
数据结构与算法——链表在这里插入代码片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> // 封装链表的构造函数 function LinkedList() { // 封装
2022-05-09 23:04:07
229
原创 3. 数据结构与算法——优先级队列
数据结构与算法——优先级队列<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> // 封装优先级队列 function PriorityQueue() { var items = []
2022-05-09 21:00:34
193
原创 2. 数据结构与算法——队列
数据结构与算法——队列实现队列 基于数组 基于链表基于数组：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> // 自定义队列 function Queue() { var
2022-05-06 23:46:07
331
原创 1. 数据结构与算法——栈
数据结构与算法数据结构是计算机中存储、组织数据的方式算法通俗理解就是解决问题的方法/步骤逻辑 定义： 1.一个有限的指令集，每条指令的描述不依赖与语言 2.接受一些输入(也可能不需要输入)，产生输出 3.一定在有限步骤之后终止数据结构的实现，离不开算法数组是一种线性结构，可以在数组的任意位置插入和删除数据为了实现某些功能，必须对这种任意性加以限制栈和队列就是常见的受限的线性结构栈 后进先出 LIFO 类似于子弹夹所以递归容易出现栈溢出栈结构的实现1.基
2022-05-05 22:15:40
391
原创 6. webpack 性能优化总结
webpack性能优化开发环境性能优化生产环境性能优化开发环境性能优化优化打包构建速度HMR优化代码调试source-map生产环境性能优化优化打包构建速度oneOfbabel缓存多进程打包externalsdll优化代码运行的性能缓存(hash-chunkhash-contenthash)tree shakingcode split懒加载/预加载pwa...
2022-03-20 19:01:57
987
原创 5. webpack 优化配置
第 5 章：webpack 优化配置* 开发环境性能优化* 生产环境性能优化开发环境性能优化* 优化打包构建速度 * HMR* 优化代码调试 * source-map生产环境性能优化* 优化打包构建速度 * oneOf * babel缓存 * 多进程打包 * externals * dll* 优化代码运行的性能 * 缓存(hash-chunkhash-contenthash) * tree shaking * code split * 懒加载/
2022-03-13 18:34:45
339
原创 4. webpack 生产环境的基本配置
第 4 章：webpack 生产环境的基本配置开发环境： 源代码 -> webpack+自动化 -> bundle开发环境中：比如1. css -> loader -> js ； css经过loader加载会加入到js代码中；会使js代码体积变大；由于先加载js后再插入style标签，会存在闪现现象；....生产环境中： 以下操作放在开发环境的话会拖慢开发环境的构建速度，即打包速度较慢，影响开发效率； 4.1 提取 css 成单独文件1. 下载安装包2
2022-03-13 10:08:17
1645
原创 3. webpack 开发环境的基本配置
第 3 章：webpack 开发环境的基本配置3.1 创建配置文件1. webpack.config.js const { resolve } = require('path'); // node 内置核心模块，用来处理路径问题。 module.exports = { entry: './src/js/index.js', // 入口文件 output: { // 输出配置 filename: './built.js', // 输出文件名 path: resolve(__d
2022-03-06 19:46:49
707
原创 2. webpack 的初体验
2. webpack 的初体验2.1 初始化配置1. 初始化 package.json npm init2. 下载并安装 webpacknpm install webpack webpack-cli -g // 全局安装npm install webpack webpack-cli -D // 本地安装 开发依赖 生成package-lock.json//通过 webpack-cli 的指令使用 webpack 的功能2.2 编译打包应用1. 创建文件入口文件：
2022-03-06 19:32:23
427
原创 1. webpack 简介
第 1 章：webpack 简介1.1 webpack 是什么webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。 它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。...
2022-03-06 17:18:17
117
原创 6. ES6模块化教程
ES6-Babel-Browserify语法： **导出模块: 1. 分多次导出模块的多个部分 export class Emp{ } export function fun(){ } export var person = {}; 2. 一次导出模块的多个部分 class Emp{ } function fun(){ } var person = {}; export {Emp, fun, person} 3. default导出(只能有一个
2022-03-06 16:37:09
577
原创 5. AMD-RequireJS模块化
require.js AMD用于浏览器端比CommonJs的浏览器实现出现的早；CommonJs一开始主要是服务器端；下载require.js, 并引入 官网: http://www.requirejs.cn/ github : https://github.com/requirejs/requirejs 将require.js导入项目: js/libs/require.js 创建项目结构|-js |-libs |-require.js |-mod
2022-02-14 21:43:56
118
原创 4. CommonJS-Browserify
Browserify模块化问题： CommonJS两种实现的区别？1.Node的app.js是通过node app.js在node环境运行2.Browserify的app.js最后是要在浏览器index.html页面中执行创建项目结构|-js |-dist //打包生成文件的目录 browserify js/src/app.js -o js/dist/bundle.js |-src //源码所在的目录 |-module1.js |-module2.js |
2022-02-13 22:11:46
143
原创 3. CommonJS_Node
CommonJS问题： 暴露的模块的本质到底是什么？1.node基础_模块化2.理解以下的：4. 模块化编码Node.js模块化下载安装node.js创建项目结构|-modules |-module1.js |-module2.js |-module3.js|-app.js|-package.json { "name": "commonJS-node", "version": "1.0.0" }下载第三方模块npm install uni
2022-02-13 21:46:17
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人