- 博客(41)
- 收藏
- 关注
RSS订阅原创 VS Code canvas代码提示/智能提示
注意：一定要放在 var canvas = document.getElementById('c1');行的前面，否则会出现有些提示不显示的情况。VS Code不安装相关插件的情况下，使用canvas是没有代码提示的，这个时候可以添加一行注释来解决。
2024-02-28 09:39:54
505
原创 Flyio封装API接口（uniapp开发微信小程序）
一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用。2、微信小程序中引入flyio，新建utils文件夹，在文件夹中新建request.js。5、添加api 接口配置，在utils文件夹中新建api.js，引入Fly。6、挂载api到全局,在main.js中引入挂载。1、安装（使用npm或yarn等)
2024-01-09 14:33:57
838
原创 nrm 的使用 可以快速切换下载(npm)镜像，解决资源下载慢和运行失败
介绍 nrm(npm registry manager) 是 npm 的镜像源管理工具. 有时候国外资源太慢,使用 nrm 可以快速的在 npm 源之间切换。1.在全局安装 npm install -g nrm （可能出现下载卡顿，换个好一点的网下载即可）4.切换下载源 nrm use taobao （可以选择速度最快的）切换到对应的镜像源 nrm use 对应的镜像。2.查看可选择的下载源 nrm ls。删除镜像源 nrm del 名字。测试镜像源速度 nrm test。查看可选择的源 nrm ls。
2023-12-12 12:38:52
539
原创 nvm 的使用 nvm 可以快速的切换 nodejs 的版本
nvm 是一个 node 的版本管理工具，可以简单操作 node 版本的切换、安装、查看。等等，与 npm 不同的是，npm 是依赖包的管理工具。nvm 下载安装 安装之前需要先把 自己电脑上边的 node 给卸载了!5.安装完毕后输入 node -v npm -v 查看版本。3.安装完，需要手动切换你所需要的node版本 nvm use 18.17.0。安装完毕后输入 nvm -v 查看版本。这样 nvm 就已经安装完成了。4.查看你所安装的所有node版本和当前使用的版本 nvm ls。
2023-12-12 12:29:36
304
原创 yarn或者pnpm第一次执行的时候遇到报错yarn : 无法加载文件......因为在此系统上禁止运行脚本
yarn : 无法加载文件 C:\Users\rina2\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/http://go.microsoft.com/fwlink/?LinkID=135170中的 about_Execution_Policies。
2023-12-11 09:36:28
317
原创 vue或vite项目启动报错
Error: Cannot find module @rollup/rollup-win32-x64-msvc.
2023-12-09 15:14:43
1131
1
原创 【pinia】解决pinia报hasInjectionContext问题
【代码】【pinia】解决pinia报hasInjectionContext问题。"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs".at ../node_modules/pinia/dist/pinia.mjs:6:9
2023-12-07 15:47:45
166
原创 uniapp打包Android(apk包)
1、使用 HBuilder X 打开项目2、登录 HBuilder X3、获取AppID4、配置App图标5、打包，打包完等待即可
2023-12-05 20:54:47
159
原创 uniapp(vue3+ts+pinia)请求拦截器封装及使用
通过pinia存储用户信息及token值（可借鉴。在src目录下创建一个utils文件。在src目录下创建一个api文件。
2023-12-01 09:26:23
796
原创 Pinia的持久化和模块化
什么是PiniaPinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。什么是持久化存储？持久化是将程序数据在持久状态和瞬时状态间转换的机制。通俗：页面刷新，数据不清零什么是模块化管理？通过构建多个存储模块，可以让程序自动拆分它们，非常轻巧，轻松写出优雅的存储。通俗：拆分模块，方便管理，看着好看。
2023-11-27 14:09:34
530
原创 uniapp使用navigateBack方法返回上级页面并刷新
目前想出的方案是在回退之前修改上页判断条件,回退后重新获取判断条件在决定是否刷新。修改状态成功后,准备回退到上一页之前,将上一页的是否刷新参数值改为是的状态。需要在onshow钩子中获取判断条件。
2023-11-24 15:00:53
3003
原创 flex布局——最后一行左对齐的实现方式(css功能实现)
在学习了css3之后，经常会用到的布局就是flex布局了。比如要实现下图的这种布局：下面我分几种情况进行分析：对应的html。
2023-11-21 15:19:33
1760
原创 用 VS Code 开发 uni-app 项目
项目采用 Vue3 + TS 开发 uni-app 项目，所以需要分别安装 Vue3 + TS 插件 和 uni-app 插件。没开发过 Vue3 + TS 项目的小伙伴注意，需要先安装 Vue3 和 TS 的插件，并完成以下配置 👇。这一步处理很关键，否则 TS 项目无法校验组件属性类型。
2023-11-21 14:14:03
786
原创 HBuilderX 创建 uni-app 项目
👉国内 gitee 下载github 下载。通过命令行创建 uni-app 项目，，TypeScript 类型支持友好。编译成 H5 端可运行。vue3 + ts 版。通过浏览器预览项目。
2023-11-21 14:09:29
275
原创 Vue3 子组件和父组件的相互调用
来接受父组件绑定在子组件的属性名，即为。子组件通过defineExpose暴露。父组件调用子组件的函数和方法主要通过。父组件通过定义函数以及将函数通过。可用与函数数组，即传入多个函数。的使用与Vue2有些许不同。，将函数传入子组件中。
2023-11-14 15:02:17
725
原创 localStorage如何本地存储数组/对象
使用的时候再将它使用JSON.parse()转换成数组；只能存储字符串格式，如果要存数组的话就要加一些处理；使用JSON.stringify()方法;需要将存储的数组转化成字符串；
2023-09-16 09:17:09
686
原创 VUE启动报错：Error: The project seems to require pnpm but it‘s not installed
【1】删除pnpm.lock。
2023-09-13 16:12:29
866
原创 vue脚手架安装
备注：如果你以前全局安装过vue-cli 那么你下次安装就直接进行第二步 不需要再次安装vue-cli。备注：如果你以前全局安装过vue-cli 那么你下次安装就直接进行第二步 不需要再次安装vue-cli。
2023-09-12 15:01:25
51
原创 vscode中 yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。
无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。
2023-09-12 14:17:45
219
原创 js大致面试题
闭包：内部函数访问外部函数的变量，无论内部函数调不调用，都会产生闭包作用：1.外部函数可以访问内部函数的变量 2.函数执行完后，变量依然存在内存中不会被销毁，延长变量的生命周期递归：一个函数在内部自己调自己缺点：内存溢出，当程序运行超出了内存，就会导致内存溢出，导致错误事件代理：给父元素添加事件来处理子元素（冒泡）
2023-09-11 14:47:50
32
原创 Web前端——边框圆角（圆形，三角形）
border-radius:设置边框圆角。高和宽一比一，圆角1/2倍宽。宽和高二比1，圆角1/2倍宽。宽和高一比一，圆角一倍。
2023-07-15 11:40:44
1036
1
原创 Web前端——盒子模型
垂直方向：height=border-top/bottom+padding-top/bottom+content。水平方向：width=border-left/right+padding-left/right+content。垂直方向：border-top/bottom+padding-top/bottom+height。水平方向：border-left/right+padding-left/right+width。边框盒：border-box border+padding+content。
2023-07-15 11:31:04
172
1
原创 Web前端——浮动-解决高度塌陷和清除浮动
原因：1.子元素浮动，脱离标准文档流，2.父元素没有高度，默认由子元素给它撑开。3.通过html在父元素中添加一个在标准文档流的块元素，清除浮动。both：清除二边对他影响更大的一侧浮动=》元素上移的距离。b. 父元素设置浮动:影响父元素的兄弟元素布局，不推荐。-- 清除浮动 clear=》清除浮动元素对其的影响。right：清除右边浮动元素对其的影响。left：清除左边浮动元素对其的影响。1.父元素设置固定的高度，不推荐使用。1.因为前面元素浮动，后面元素就会上移。c. 设置父元素为行内块元素。
2023-07-15 11:27:53
91
1
原创 web前端——浮动float
4.浮动元素后面再标准文档流中的元素会上移=》原因：标准文档流符合一行排完才会到下一行。3.浮动元素脱离标准文档流=>就不用考虑元素性质，都可以设置宽高，一行显示。1.浮动元素上方有在标准文档流中的块元素，浮动元素不会上移。标准文档流：元素在包含块（父元素）排列时从上向下，从左向右。取值：right（右），left（左）5.浮动元素会覆盖标准文档流中元素，除了文本内容。2.浮动元素浮动不会超出包含块。
2023-07-15 11:26:02
63
1
原创 Web前端——定位position的使用
top+margin-top+border-top+padding-top+height+padding-bottom+border-bottom+margin-bottom+bottom=包含块内容盒的高度。left+margin-left+brder-left+padding-left+width+padding-right+border-right+margin-left+right=包含块内容宽度。3.3 width和left/right同时设置auto时，多余部分给left/right吸收。
2023-07-11 20:39:34
367
原创 Web前端——背景、精灵图
包括：background-repeat-x(水平方向)和background-repeat-y(垂直方向)取值的类型：具体数值，方位词：left、right、top、bottom、center。①将多个图片整合为一张图片，浏览器只需要发送一次请求，就可以同时加载多个图片，提高访问效率，提高用户体验。二个值：第一个值代表图片离元素左边的距离，第二个值代表图片离元素顶部的距离。②将多个图片整合为一张图片，减少图片的总大小，提高请求的速度，增加了用户体验。一个值：代表图片离元素左边的距离，垂直方向默认居中。
2023-07-03 19:29:03
1779
1
原创 Web前端——文字、文本样式，overflow，display
与-webkit-line-clamp一起连用。取值：100~300(lighter) 细 400~500(normal) 正常 600~900(bold) 加粗。rgba(red,green,blue,alpha) alpha [0,1]设置不透明度 0 完全透明 1完全不透明。2.设置几行省略 -webkit-line-clamp。行高=字体大小+上间距+下间距 上间距=下间距。
2023-07-03 19:08:17
1596
1
原创 Web中CSS的基础与引入方式
3.2 在head标签中的style标签中通过@import url()设置，注意在style中是第一行。2.加载顺序不同：link引用的CSS先加载，@import是当页面加载过后再加载css文件。2.内部引入：在head标签中，通过style标签设置，内容与样式不是完全分离，不推荐使用。1.本质区别：link是属于XHTML标签，@import是CSS提供的一种方式。1.行内引入：在标签内部通过style属性设置，内容与样式不分离，不推荐使用。====属性: 属性值;2、网页的表现统一，容易修改；
2023-06-28 15:53:09
401
1
原创 html中语义化标签
aside：侧导航，内容与页面主要内容相关的，位置不在主体上。section：没有语义，只是普通的布局标签，与div相识。语义化标签：都是块标签，独占一行。header：页面头部。footer：页面底部。
2023-06-28 15:50:37
132
1
原创 htm5——html基础知识-文件-特点-快捷方法-常用标签-实体-超链接及使用
html基础知识-文件-特点-快捷方法-常用标签-实体-超链接及使用
2023-06-19 18:51:24
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人