Stacey-TL-优快云博客

原创 vite打包压缩优化

vite打包性能优化以及填坑：

2024-10-09 10:33:43 587

原创 dart-sass和node-sass的区别，使用dart-sass后可能会出现的问题

2020 年 10 月 27 日，Sass 官方团队正式宣布 Libsass 将弃用，以及基于它的 Node Sass 和 SassC，并且建议用户使用 Dart Sass。如果在 vue 脚手架搭建的项目中需要使用 sass，建议初始化时勾选 sass 配置，自行安装，选择默认的就是 dart-sass。dart-sass 替代 node-sass 根本原因：node-sass 无法下载特定版本的二进制依赖文件（博主没有深入研究）dart-sass 使用前需要注意几点：

2024-10-09 10:26:52 1613

原创 vite-plugin-imagemin打包压缩图片

类似于JPEG。2 // 将每个输出GIF中不同颜色的数量减少到num或更少。quality: 20, // 压缩质量。optimizationLevel: 3, optimizationLevel: 7, // 选择0到7之间的优化级别。speed: 4, // 压缩速度

2024-10-09 09:50:39 482

原创 go.js流程图思维导图，根据设置地址栏参数判断是否能拖动修改，点击跳转，双击修改文字，去水印

bind('visible', 'text', (t) => typeof t === 'string' && t.length > 0) // 只有在有文本时才显示。// "draggingTool.dragsLink": false,//拖动线。// "allowDelete": true,//禁止删除节点。// "allowDelete": true,//禁止删除节点。// "ismodelfied":true, //禁止拖拽。// console.log('创建')

2024-08-07 16:01:59 993 1

原创 Git 的基本概念和使用方式。

4. 合并（Merge）：合并是将一个分支的修改合并到另一个分支的操作。6. 合并分支：使用"git merge"命令将一个分支的修改合并到当前分支。8. 推送代码：使用"git push"命令将本地仓库中的修改推送到远程仓库。3. 提交修改：使用"git commit"命令将暂存区中的文件提交到仓库。6. 推送（Push）：推送是将本地仓库中的修改上传到远程仓库的操作。1. 初始化仓库：使用"git init"命令初始化一个新的仓库。4. 创建分支：使用"git branch"命令创建一个新的分支。

2024-07-29 10:22:14 476

原创实现多级树形分类可折叠菜单特效代码-2

后端的数据结构如下，根节点的icon未icon-th，需要前端请求到数据后自己赋值初始化数据，如果有子节点数据但是默认不展开，需要后端返回一个child空数组，如果是最后一层则不用返回child

2024-07-12 17:10:18 1219

原创实现多级树形分类可折叠菜单特效代码-1

$(function() { /* 后端的数据结构如下，根节点的icon未icon-th，需要前端请求到数据后自己赋值初始化数据，如果有子节点数据但是默认不展开，需要后端返回一个child空数组，如果是最后一层则不用返回child */ var json = []; /* 初始化数据 */ function initData() {

2024-07-12 13:35:51 711

原创 jquery动态追加的元素添加点击事件，（如果点击事件失效...）

在jQuery中，如果你动态追加的元素上的事件失效，那么很可能是因为你在元素还未被添加到DOM中就绑定了事件。解决这个问题的方法是使用事件委托，事件委托可以在不直接绑定到每个元素的情况下，为未来可能会添加到DOM中的元素添加事件监听器。on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等，可以放在on的第二个参数里面，jquery追加的标签,标签事件失效。

2024-07-12 11:14:33 735

原创 d3tree树控件，点击动态加载，默认展开三层

// 5 给节点添加文本设置文本样式位置 nodeEnter.append("text") .attr("x", function(d) { return d.children || d._children ? -10 : 10; }) .attr("dy", ".35em")

2024-07-09 08:57:40 1038

原创循环求数组或表格的多个不同字段的和

let num=aaa(['shuzi1','shuzi2','shuzi3'],[{shuzi1:10.008,shuzi2:20,name:'张三'},{shuzi1:2.895,shuzi2:3.0241},{shuzi2:1.1,shuzi3:57.510}])* 字段key的数组,例如:["val","val2"]* 传数组数据[{val:1,val:2},{}]console.log('结果：',num)// 循环声明要计算的变量。

2024-03-19 09:49:05 381

原创 babel.config.js配置

'style': true // `style: true` 会加载 less 文件。

2023-12-19 15:57:56 1315

原创 uni-app5+app打包,vue3开发vite.config.js的配置

targets: ['defaults', "ie >= 11", 'chrome 52'], // 需要兼容的目标列表，可以设置多个。// targets:['chrome 52', "defaults" ,"ie 11"], // 需要兼容的目标列表，可以设置多个。/* 1.下面的注释打开，荣耀平板可以用，注释掉小米联想平板可以用 *//* 2.下面的注释打开，荣耀平板可以用，注释掉小米联想平板可以用 */// publicPath: './',/*配置打包后的资源路径*//* 打包压缩 */

2023-12-19 15:56:58 1932

原创 git上传自己本地的代码到新建的仓库里

git add . (这里的.表示添加所有文件，也可以自定义添加）git add . (这里的.表示添加所有文件，也可以自定义添加）‘url’是自己仓库的地址例如htts://.....git commit -m ‘添加的注释信息’git commit -m ‘添加的注释信息’git commit -m '备注'git init （初始化仓库）git init （初始化仓库）

2023-12-07 09:22:20 241

原创 css默认样式清除

ol, ul { list-style: none;}

2023-11-22 16:47:06 1665

原创将本地文件夹添加到 git 仓库：

如果本地电脑已经有自己的 git 账号信息，则不用输入用户名、密码。4、登录仓库 github，创建一个仓库，并把仓库地址复制下来，然后将本地的文件关联到仓库，用命令：git remote add origin 1、进入项目所在文件夹下，启动所在文件夹的命令框，输入 git init ，这样项目所在文件夹的目录，就变成 git 可以管理的仓库了。2、把文件添加到版本库中，使用命令 git add . 添加到暂存区里，不要忘记后面的小数点“.”，意思是添加文件夹下的所有文件。

2023-08-23 16:21:25 1941

转载 [Vuejs] node16+,node-sass,sass-loader版本兼容

由于sass-loader版本不同，loaderOptions中additionalData的键名也不同，sass-loader v10+, 选项名是 "additionalData"node16+ 对应的node-sass,sass-loader版本。sass-loader v8，选项名是 "prependData"sass-loader v8-, 选项名是 "data"sass: { // 加载全局scss文件。

2023-07-18 18:18:30 3471

原创瀑布流图片错位显示

父级元素:display:block;

2023-07-06 17:04:42 205

原创【webpack4打包压缩】

默认情况下，Webpack 会在生产环境下自动启用压缩。Webpack 4 中提供了一些内置功能可以帮助我们压缩打包后的代码。首先，我们需要安装一个用于压缩 JavaScript 的插件。表示生成的代码将包含源映射文件，以便于调试。表示开启生产环境模式，

2023-06-07 15:01:50 1232

原创 vite.config.js压缩图片配置

'~': path.resolve(__dirname, './'), // 这个 __dirname 也不报错了 ************publicDir:'public',/*不需要被编译的静态资源目录，（打包图片）默认会把public的图片打包到h5的images里*/// external: ['vue','nutui'], // 注意看这里。publicPath: '/',/*配置打包后的资源路径*/// // 两种方式都可以。// 生产环境移除console。/* 放置静态文件夹目录*/

2023-06-07 11:36:05 2087

原创 uview+uni-app表单初始化赋值后校验失败

u-form-item label="数量" class="u-flex-1" prop="number" required>ref,model,rules,props都要配置好。首先在onready里面设置校验规则。

2023-05-12 16:06:12 1085

原创 antdesignVue表格分页

分页

2023-04-28 17:59:47 1554

原创 antdesignvue table底部增加合计行

思路：用 footer API 通过设置 overflow：auto 使底部合计栏出现滚动条，然后通过控制一条滚动使另一条滚动条随之滚动即可。到表格里面去，然后将表格的最后一个元素设置。思路：获取到合计的数据，将数据。

2023-04-24 10:41:35 2020

原创 does not provide an export named ‘default‘导入文件报错

错误原因：引入的库没有使用export default 来导出，而是直接使用export导出一些属性和方法，所以无法使用【import xxx from ''xxx'】而只能通过【import { } from ''xxx'】,但是如果想使用全部属性和方法，这样显然不行。另一种方式就是通过【import * as 别名 from 'xxx'】，通过别名就可以访问了。

2023-04-14 11:29:43 32695 2

原创 VUE3下拉多选和单选：

import Multiselect from '@vueform/multiselect'

2023-03-14 16:32:14 1107

原创 uni-app路由拦截

uni-app路由拦截,如果没有登录，进行操作登录

2023-03-02 14:05:10 1401

原创 uniapp+Vue3+Vite+ts+pinia

使用pinia-plugin-persistedstate可以实现持久化存储。在执行转换之前，会对文件进行快速的使用检查，因此不使用宏的文件应该不会有性能损失。创建项目：npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project。此外，以下列出的所有配置都需要 vue@^3.2.25。"sass": "^1.26.10",//如果用less，就不需要sass了。"mitt": "^3.0.0",//事件总线，代替eventbus。

2023-02-23 15:43:57 1655

原创 VUE自【定义指令】实现=＞防止重复点击

防止重复点击，提交按钮，登录按钮防止重复点击，节流

2023-02-21 14:40:31 1222

原创 vue-cli版本问题【卸载与安装】

npm view @vue/cli versions --json // 3.0以上vue-cli可安装版本查看。npm view vue-cli versions --json // 3.0以下vue-cli可安装版本查看。npm install -g @vue/cli@4.5.15 // 重新安装。npm remove -g @vue/cli // 卸载。

2023-02-13 14:48:00 937