- 博客(64)
- 收藏
- 关注
原创 vue3 vite 初始化
在styles下创建reset.css和index,css文件,把reset样式copy进reset.css。2.9 引入UI库 Ant-design-vue 和 ant-design/icons-vue图标。2.9 引入UI库 Ant-design-vue 和 ant-design/icons-vue图标。有可能有波浪线爆红,关闭vetur,添加auto-imports.d.ts。
2025-03-18 11:10:31
376
原创 UNIAPP 检查APP最新版本 并自更新
console.log('用户点击确定');console.log('用户点击取消');content: '发现新的应用安装包,点击确定立即更新',title: '更新中……// 存放最新安装包的地址。if (i.description === 'app版本') {// 1代表app新包版本号大于本地版本号。title: '提示',// 检测版本号是否需要更新。//计算版本号大小,转化大小。
2025-03-06 17:41:11
406
原创 nvm如何安装
在实际的开发和学习中可能会遇到不同项目的 node 版本不同,而出现的兼容性问题。而 nvm 就可以很好的解决这个问题,它可以在同一台机器上下管理多个 node 版本,使得程序员可以轻松地安装、卸载和切换不同的 node 版本。最开始创建的 nodejs 文件夹就会被标记为 node 的下载路径,通过 nvm 下载的 node 都会存储在这里。在下载和配置 nvm 前,需要在控制面板中先删除自己本地的 node,不然会出现一些异常情况。放在下载 nvm 的目录,并且在同级创建一个 nodejs 的目录。
2025-01-06 10:01:57
671
原创 人脸识别1
请先在chrome://flags/#unsafely-treat-insecure-origin-as-secure中修改配置,请先在chrome://flags/#unsafely-treat-insecure-origin-as-secure中修改配置,<el-button type="plain" @click="photoShoot">拍照</el-button>原文链接:https://blog.youkuaiyun.com/m0_46114541/article/details/129158790。
2025-01-03 14:46:40
273
原创 记录--优雅解决uniapp微信小程序右上角胶囊菜单覆盖问题
大家好,今天聊一下在做uniapp多端适配项目,需要用到自定义导航时,如何解决状态栏塌陷及导航栏安全区域多端适配问题,下文只针对H5、APP、微信小程序三端进行适配,通过封装一个通用高阶组件包裹自定义导航栏内容,主要是通过设置padding来使内容始终保持在安全区域,达到低耦合,可复用性强的效果。
2024-10-21 17:36:29
1411
原创 vue2-ssr从vue-cli搭建项目改造服务端渲染+打包上线部署
template: fs.readFileSync("./public/index.temp.html", "utf-8"), //页面模板。//并且还会在编译 Vue 组件时,告知 `vue-loader` 输送面向服务器代码(server-oriented code)//````````````渲染一个string类型的Vue实例(内容少时)````````````````//````````````渲染一个流模式的Vue实例(内容多时)````````````````````
2024-09-13 09:24:06
1715
原创 background-size的几种取值
3、background-size:cover: 图片保持比例放大或缩小使X轴Y轴都铺满整个容器,但图片超出容器部分会被剪裁掉,图片不变形。4、background-size:contain: 图片保持比例放大或缩小,若不能完整填充容器,X轴或Y轴都有可能出现白边,图片不变形。2、background-size:100% 100%: 图片不保持比例放大或缩小使X轴与Y轴都铺满整个容器,图片可能会变形。
2023-12-04 11:45:55
2761
原创 vue diff算法原理以及v2v3的区别
diff算法的目的是为了找到哪些节点发生了变化,哪些节点没有发生变化可以复用。如果用最传统的diff算法,如下图所示,每个节点都要遍历另一棵树上的所有节点做比较,这就是o(n^2)的复杂度,加上更新节点时的o(n)复杂度,那就总共达到了o(n^3)的复杂度,这对于一个结构复杂节点数众多的页面,成本是非常大的。同层的节点才相互比较从根节点起遍历整个节点数,只对同层的节点进行相互比较。所以我们在代码开发中,如果节点内容没有发生变化,那不要轻易改变它的层级,否则会导致节点无法复用。
2023-11-21 11:31:13
439
原创 uniapp使用腾讯地图组件
项目需要通过选取地址来获取经纬度,进而计算两点的距离。直接使用uni.chooseLoaction 发现偏差实在是太大。
2023-10-31 10:36:07
1209
原创 下载文件方法
以上代码中,使用了XMLHttpRequest的responseType属性,指定响应类型为blob类型,这样得到的响应数据可以直接转化为Blob对象,进而生成文件下载链接。使用iframe进行文件下载是一种比较老旧的方式,但在某些情况下仍然有其使用价值,比如在IE9以下的浏览器中,使用iframe可以解决下载过程中页面被刷新的问题。以上代码中,使用了动态创建iframe的方式实现文件下载。需要注意的是,这种方式并不能解决跨域下载的问题,即如果下载的文件不在当前页面所在的域名下,则会被浏览器拒绝下载。
2023-08-28 10:46:16
2084
原创 CSS background 简写连写
本文章向大家介绍CSS3背景图片background属性简写/连写,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。是否固定或者跟随页面滚动。时间:2022-07-07。
2023-06-27 10:35:15
1613
原创 详解eslint在vue中如何使用
/此项是用来指定eslint解析器的,解析器必须符合规则,babel-eslint解析器是对babel解析器的包装使其与ESLint解析。// 此项是用来配置标准的js风格,就是说写代码的时候要规范的写,如果你使用vs-code我觉得应该可以避免出错。// 此项是用来提供插件的,插件名称省略了eslint-plugin-,下面这个配置是用来规范html的。// 下面这些rules是用来设置从插件来的规范代码的规则,使用必须去掉前缀eslint-plugin-
2023-06-25 15:18:08
1552
原创 vue3中pinia的使用
getters 类似于 vue 里面的计算属性,可以对已有的数据进行修饰。在 vuex 里面是坚决不允许这样子直接操作 state 数据的,pinia是可以的,看看上面的addCount函数直接操作。注意:返回的函数统一使用useXXX作为命名方案,这是约定的规矩。第三种方法:$state 方式(这个是替换的方式。**第一种方法:**点击按钮修改数据,这种方法是最直接的修改数据。在actions定义了两个函数一个加一的函数,一个加20的函数。这样就在counter模块拿到了user模块的数据了。
2023-05-19 09:50:19
3625
原创 npm install 安装包时,常用的-S 、-D 、-g与直接npm 有什么区别?
-save-dev (写入package.json的devDependencies) 或 --save (写入package.json的dependencies)如果你安装的库是用来打包的、解析代码的,比如webpack、babel,就可以用 -d 来安装,项目上线了,这些库就没用了,不然留这些库给用户自己来打包和解析代码嘛。注意:-D,-S 分别是 --save-dev和 --save的简写,默认就是 -S,可以省略不写。
2023-05-06 14:03:28
1198
原创 Lodop打印控件如何去掉试用版字样
当你的程序采用预览打印语句(如PREVIEW、PREVIEWA等)且预览窗口正常大小时,是完全免费的,输出结果没有水印。仅当采用直接打印语句(如PRINT、PRINTA等)或预览窗口过小时,打印结果的左下角会出现水印。复制代码LODOP.SET_LICENSES("","13F0BE65846276CB60111433C6280000","","");假如您采用了LodopFuncs.js文件(6.0之后),简单办法是把该语句放到此文件内那个注明“空白位置”的地方。1、无需购买,不能直接打印(官方答案)
2023-04-26 15:15:57
6122
原创 类型断言[as语法 | <> 语法
类型断言,断言 断言,顾名思义,我断定怎么怎么样,代入这句话里就是,我断定这个类型是什么。上面这是一个简单的日期格式化的小函数, f 是连接符,如果 f 有值,那么就用 f 来连接日期并返回,如果没有值,则直接返回一个new Date(d)。接下来,我们先调用第一个dateFormatter() 函数,接收返回值,然后传递给dealDate()函数,此时我们一般这么调。这种时候我们就符合我们前面说的那种情况了,我们可以断定传过去一定是字符串。这么调用的问题就在于,我们知道。但是TS不这么认为,
2023-04-10 15:51:46
429
原创 vue.config.js 文件中webpack配置,webpack 多种应用场景配置, 优化及多页面应用开发
vue cli3 webpack精讲
2022-12-07 11:41:16
12330
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人