Vue3.5更新详情（部分）
   useID—组件内唯一的id(个人感觉没什么卵用) 使用方法： // app.vue import { useId } from "vue"; const id = useId() console.log('useId======>',id) // 子组件-Hello World import { useId } from 'vue' const id = useId() console.log('useId子组件======>',id) ​ ......
Vue   前端   |  2024-09-10   0 评论   522 浏览

vue设计模式详解
   Vue2 和 Vue3 中监视数据的区别 Vue2 Object.defineProperty 劫持数据针对于每个属性去劫持, 如果数据复杂, 需要递归劫持, 成本高, 效率低对于数组数据的劫持/监视, 有问题 ==>> $set Vue3 Proxyproxy对于整个对象数据的劫持 对象内部的任意属性发生变化 都会经过外层的proxy, 无需递归, 效率高proxy对于数组数据的更新也没问题 底层代码实现： let data = { nam ......
Vue   前端   |  2024-09-04   0 评论   653 浏览

前端常见面试题大全
   前端本地存储的方式有哪些? 方式存储大小过期时间备注 localStorage5M永久存储,除非手动清除 sessionStorage5M会话级别（关闭浏览器就销毁; 可以设置过期时间） Cookie4k默认是会话级别关闭浏览器就销毁; 可以设置过期时间请求自动携带; 原生操作极其麻烦(js-cookie) Web SQL 已废弃 IndexedDB几百M(应用场景极少) 可以基于键值对可以存储大量的数据 JS 的参数是以什么方式进行传 ......
前端   |  2023-04-03   0 评论   1,539 浏览

纵向表格高度根据最大高度自适应
   前段时间项目中的一个商品原料对比页面需要优化一下，因为一些原料、价格、规格等一些参数可能不止一个，某些参数最多支持20个，我们需要将这些材料进行展示对比，初版时做的样子是不管它有多少个，只显示第一个，其余的利用饿了么组件库中的 Tooltip来显示，经过一段客户使用后，反馈说体验非常不友好，想要改成和市场上大部分对比一样，无论有多少的参数，全部都显示在页面上，并且在每一个前面加上一个小圆点，不需要鼠标放上面后再来显示所有的，这样看起来直观一点，因为当时做这个 ......
TypeScript   Vue   前端   |  2024-08-13   0 评论   557 浏览

Vue3+TS实现将html或富文本编辑器转为Word并下载
   说明：我用的富文本编辑器是wangEditor： wangEditor官网 安装 yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --save yarn add @wangeditor/editor-for-vue@next # 或者 npm install @wangeditor/editor-for-vue@next --save yarn add html-docx ......
TypeScript   Vue   前端   |  2024-05-14   0 评论   1,157 浏览

利用ollama、open Web UI、docker在宝塔（Linux）部署本地化部署大模型
   前言 前段时间在网上看到了一些关于本地化部署大模型的一些视频，感觉挺有意思的，想着自己有个服务器，不用白不用，趁着休息时间，在自己服务器部署了一个大模型，虽然记录的是在Linux系统下安装，但有些方法也适用于Windows/MacOS系统（下载软件包后无脑下一步就好了，这里后面会简单讲一下，不会特意去说）这篇博文记录一下部署时遇到的坑，如果你和我一样，请一定别忘了在你的云服务器上面放行所用到的端口(共用到三个端口：11434、8080、3000)，其中30 ......
其他   |  2024-07-28   0 评论   2,353 浏览

前端开发中常用插件
   此文章记录收集开发中用过及常用的插件，以便后期方便查找使用 时间格式化插件 moment-在javascript中解析、验证、操作和显示日期。 date-fns-现代JavaScript日期实用程序库 Day.js-Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。 可视化图表插件 Apache Echarts-一个基于 JavaScript 的开源可视化图表库 echarts-wordclou ......
前端   |  2023-06-05   0 评论   1,252 浏览

Lodash中isEmpty、isNull、isArray、isUndefined等各自实现及之间的区别
   前言 在写项目过程中，看到了项目中某个文件中的自定义校验规则内一个if中条件写了一个val === '',这时突然想到了lodash库中有一个isEmpty方法，可以判断字符串是否为空，我便不假思索的将这一个判断给改成了isEmpty(val)的写法，想着这样代码更优雅一些，但在我改完之后，新增数据时没有任何问题，当我修改这条数据的其他地方时，它的校验提示突然报红了，必须要将这个值重新写一遍才会通过校验，到了空闲的时候，去研究了一下官方文档上面的isEmp ......
前端   |  2024-06-28   0 评论   1,178 浏览

密码强度校验
   前言：在前端开发过程中，登录注册页面几乎都是必不可少的页面，有些产品经理就会要求我们对密码进行强度的校验，普通的长度校验很简单，使用正则就可以实现，但是如果需要使用绿、黄、红色来提示用户，又怎么来做呢？废话不多说，直接上代码 校验规则 CheckPassword.js/CheckPassword.ts /** * 数字 */ const REG_NUMBER: string = '.*\\d+.*' /** * 大写字母 */ const REG_UP ......
Vue   前端   JavaScript   TypeScript   |  2024-06-03   0 评论   755 浏览

localstoreage如何处理溢出问题？
   浏览器存储限制 不同浏览器的 LocalStorage 存储限制有所不同，一般在 5MB 左右。以下是一些常见浏览器的存储限制： Chrome: 5MB Firefox: 5MB Safari: 5MB Edge: 5MB 检测存储大小 可以使用一个函数来检测当前 LocalStorage 中已经存储的数据量： function getLocalStorageSize() { let total = 0; for (let key in local ......
JavaScript   前端   |  2024-06-03   0 评论   1,016 浏览

git 的基本使用
   git 的基本使用 一定要找到对应的项目文件夹 git bash git init // 初始化仓库 git status // 查看文件所在仓库(红色代表工作区、绿色代表暂存区) git add index.html // 将文件从工作区添加到暂存区 git add . / git add A /git add --all // 将文件从工作区全部添加到暂存区 git commit -a -m “描述” // 从工作区存到仓库区(需要先分开写一次才可以) ......
git   |  2023-03-30   0 评论   1,112 浏览

利用JSzip进行多类型文件下载（pdf、图片类型）
   封装下载zip逻辑代码，可多处重复使用 import JSzip from 'JSzip' import { base64ToBlob } from './base64ToBlob' import type { DownloadList } from '@/views/audit/element/types' /** * 下载zip文件 * @param fileName 文件名（不需要加后缀）{string} * @param downloadList ......
前端   Vue   TypeScript   |  2024-04-09   0 评论   690 浏览

在本地直接查看vite打包的文件
   我们有时会遇到后端需要前端的包进行本地调试，那么，如何在本地起一个前端的服务来进行调试呢？ 前置条件：node及http-server 使用方法 全局安装http-server npm install --global http-server 运行项目 http-server // 默认在8080端口启动 http-server -a 127.0.0.1 -p 8090 // 在8090端口启动
前端   |  2024-01-22   0 评论   668 浏览

vue3+TS模板推荐配置项
   vue3+TS模板推荐配置项 1. 初始化准备 首先要准备node环境，如果未安装请点击node进行下载安装 2.创建项目 方式一（推荐） 脚手架快速创建，勾选依赖的方式 这种方式创建的项目最快捷，因为基本依赖都装好了，根据需要进行安装 npm init vue@latest 方式二 使用官方模板创建vue3项目 这种方式会基于模板创建项目，对于官方模板vue-ts，只带有基础的vue和ts，不带有vue-router、pinia等 npm in ......
Vue   |  2023-12-27   0 评论   876 浏览

vue3+TS+Element Puls实现文本域粘贴图片功能
   前言：因为公司项目中需要在线聊天的客服功能，而且这个功能正好是由我来完成，因为是临时加的功能，且前面还有需求没做完，所以目前功能很简单，只需要实现互相实时聊天且支持简单的emoji表情即可，正所谓兵马未动，粮草先行，想要成为一个优秀的程序员，应该要想到后期可能会增加的功能点，如果此前没有做过类似的功能，那么需要提前抽时间先大概了解一下功能点是否可以实现，且实现是否麻烦，是一个程序员必备的职业素养，当然如果有类似的开源产品，可以借鉴一下都有什么功能特点，可以适 ......
TypeScript   Vue   |  2023-11-25   0 评论   1,376 浏览