全局 环境 项目vue
webpack生产环境优化：多线程打包
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：多线程打包 多线程打包主要用于需要打包的文件较多的情况下提高打包效率，缩短打包时间。 注意：开启多进程打包时，进程开启大概需要600ms ......
webpack生产环境优化：tree shaking
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：tree shaking tree shaking: 去除无用代码 前提： 1.必须使用ES6模块化 2.开启production环境 ......
webpack生产环境优化：code split
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：code split code split代码分割，既将打包后的js分割成多份js文件， 方便后期实现“并行加载”、“按需加载”等，提高 ......
webpack生产环境优化：懒加载和预加载
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：懒加载和预加载 一、直接加载 浏览器一打开，直接加载了test.js 这里使用了直接导入方式。 直接导入：import { mul } ......
webpack生产环境优化：PWA
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：PWA PWA可简称为“离线可访问技术”。 一、下载插件 PWA： 渐进式网络开发应用程序（离线可访问） ，需要插件workbox-we ......
webpack生产环境优化：externals
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：externals externals配置主要是为了防止某些通过CDN引入的包被打包到输出的bundle中。 一、核心配置 /* web ......
webpack生产环境优化：dll
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：dll dll动态链接库 目的：单独的将多个指定的第三方库打包成一个chunk。 意义：将不同的库分割开来，实现代码分割和避免重复打包， ......
webpack生产环境优化：多线程打包
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：多线程打包 多线程打包主要用于需要打包的文件较多的情况下提高打包效率，缩短打包时间。 注意：开启多进程打包时，进程开启大概需要600ms ......
webpack生产环境优化：懒加载和预加载
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：懒加载和预加载 一、直接加载 浏览器一打开，直接加载了test.js 这里使用了直接导入方式。 直接导入：import { mul } ......
webpack生产环境优化：tree shaking
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：tree shaking tree shaking: 去除无用代码 前提： 1.必须使用ES6模块化 2.开启production环境 ......
webpack生产环境优化：code split
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack生产环境优化：code split code split代码分割，既将打包后的js分割成多份js文件， 方便后期实现“并行加载”、“按需加载”等，提高 ......
python+playwright 学习-79 设置全局导航超时和全局查找元素超时
# 前言 playwright 默认全局的导航时间是30秒，查找元素超时也是30秒, 有以下几个方法设置全局超时时间： - browser_context.set_default_navigation_timeout() - browser_context.set_default_timeout() ......
BBS项目
一、开发流程和数据库表结构设计 1、项目开发流程 -立项 -需求分析 -原型图 -切图 -技术选型，数据库架构设计 -前后端协同开发 -上线测试服务器联调 -测试 -修改bug -上线运行 2、基本需求: 1 注册功能 -使用forms组件 -使用Ajax提交数据信息 -支持上传头像 2 登录功能 ......
vue3 + vite 动态引入不被打包的静态资源
在开发中，通常会把一些静态资源放在assets文件夹下，但是assets目录下的内容是需要vite编译打包的，所以如果只是引用assets目录下的资源时，使用绝对路径、相对路径均可。 但是，在开发中，我们经常会引用一些不被打包的资源，此时该资源是放在 public 目录下的，那么在引用时，路径的写法 ......
atom配置latex环境
# atom配置latex环境 atom官网链接：https://github.com/atom/atom ## 添加atom组件 在下载好atom之后，需要添加三个组件：latex, language-latex以及pdf-view，如下图所示： ;longAdder.increment(); //依次开始分析 LongAdder的基本思路是分散热点，将value值分散到一个Cell数组中。 第一部分：LongAdder.add() 第二部分：Striped64.lon ......
vue前端几个常用的方法
1，字符串数组去重的方法 一、使用set结构去重 set是ES6中的一种数据结构，可以去除重复元素，其特征为无序且不重复，经常用于数组去重的场景。 let arr = [1, 2, 2, 3, 3, 4, 5]; let set = new Set(arr); arr = Array.from(se ......
Vue【原创】可拖动列表 darg-list
可拖动排序的列表 drag-list，这个比较简单易懂，拿例子直接运行看效果就好了。 组件代码： 1 <template> 2 <ul class="list" ref="parentNode" @dragstart="onDragStart" @dragover="onDragOver" @dra ......
Vue3 Composition Api 与 Vue2 Options Api
Options Api Options API，即选项API，即以vue为后缀的文件，通过定义methods，computed，watch，data等属性与方法，共同处理页面逻辑 如下图： Composition Api 在 Vue3 Composition API 中，组件根据逻辑功能来组织的，一 ......
vue 监听窗口变化
mounted() { window.onresize = () => { return (() => { this.$nextTick(() => { if(document.documentElement.clientWidth <= 1000){ this.mode = "vertical" ......
搭建前端项目框架流程思路
从零开始一个项目，第一步就是搭建项目框架，接下来会总结一下搭建框架的基本思路 第一步确认好项目所使用的框架技术 vue2、vue3或者react,打开对应框架技术的官网，根据教程跑一个最基本的项目，当然在创建项目过程时依需勾选相应需求 第二步，完成第一步项目的基本雏形就有了，在真正开发过程中都是使用 ......
Windows环境下部署Python
登录Python网站下载想要安装的版本并下载 下载完成后双击运行 点击install now，等待安装进度条结束 此时Python已经安装完成，点击close即可。打开cmd，输入Python检验 发现并未正常进入Python，并弹出微软商店Python安装界面。查看win菜单，发现有Python安 ......
实现敏捷项目管理及敏捷工具
市面上有很多优秀的敏捷开发工具，以下是几款常见的专业的免费敏捷工具介绍：
Leangoo领歌：Leangoo领歌是一款永久免费的专业敏捷开发管理工具，也提供私有部署。国产软件，提供端到端敏捷研发管理解决方案，包括小型团队敏捷开发，规模化敏捷SAFe，Scrum of Scrums大规模敏捷，涵盖敏... ......
idea 2021创建java web项目
## 1 创建普通Java项目  ## 2 添加框架 #### 2.1 添加框架 ![image](ht ......
vite全局环境变量
项目开发过程中可能会用到全局的变量，vite提供了一种.env文件里面可以放入全局环境变量，.env文件是一个用于存储环境变量的文件。在开发和部署应用程序时，经常需要在不同的环境中配置不同的变量，例如 API 地址、密钥等.而且.evn文件有多种环境，比如：开发环境development、生产环境p ......
Maven的安装与环境变量的配置
### Maven的安装与环境变量的配置 #### 1、下载安装maven ![image-20230828145051431](C:%5CUsers%5C%E8%81%82%E5%A5%A5%5CAppData%5CRoaming%5CTypora%5Ctypora-user-images%5Ci ......
Vue【原创】基于【日历组件】的【节假日管理】功能整合
基于日历组件（lilo-canlendar）的节假日管理功能整合。 效果图： 完整代码： 1 <template> 2 <div class="root-calendar"> 3 <div class="control-wrapper"> 4 <div class="year-wrapper"> 5 ......
windows配置docker环境
windows安装docker可以基于WSL2或者Hyper-V的虚拟linux环境来安装 本文是基于WSL2来配置docker环境 windows docker安装包准备: https://docs.docker.com/desktop/install/windows-install/ ## 安装 ......
百度：为vue站添加百度统计
一，登录百度统计获取统计代码: 使用设置->网站列表->新增网站: 填写数据后点确定: 配置单页: 复制代码: 二，添加代码到vue的html页面 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 2 ......