- 博客(41)
- 收藏
- 关注
原创 VS Code canvas代码提示/智能提示
注意:一定要放在 var canvas = document.getElementById('c1');行的前面,否则会出现有些提示不显示的情况。VS Code不安装相关插件的情况下,使用canvas是没有代码提示的,这个时候可以添加一行注释来解决。
2024-02-28 09:39:54
623
原创 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
1010
原创 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
657
原创 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
333
原创 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
480
原创 vue或vite项目启动报错
Error: Cannot find module @rollup/rollup-win32-x64-msvc.
2023-12-09 15:14:43
1488
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
254
原创 uniapp打包Android(apk包)
1、使用 HBuilder X 打开项目2、登录 HBuilder X3、获取AppID4、配置App图标5、打包,打包完等待即可
2023-12-05 20:54:47
253
原创 uniapp(vue3+ts+pinia)请求拦截器封装及使用
通过pinia存储用户信息及token值(可借鉴。在src目录下创建一个utils文件。在src目录下创建一个api文件。
2023-12-01 09:26:23
1197
原创 Pinia的持久化和模块化
什么是PiniaPinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。什么是持久化存储?持久化是将程序数据在持久状态和瞬时状态间转换的机制。通俗:页面刷新,数据不清零什么是模块化管理?通过构建多个存储模块,可以让程序自动拆分它们,非常轻巧,轻松写出优雅的存储。通俗:拆分模块,方便管理,看着好看。
2023-11-27 14:09:34
809
原创 uniapp使用navigateBack方法返回上级页面并刷新
目前想出的方案是在回退之前修改上页判断条件,回退后重新获取判断条件在决定是否刷新。修改状态成功后,准备回退到上一页之前,将上一页的是否刷新参数值改为是的状态。需要在onshow钩子中获取判断条件。
2023-11-24 15:00:53
4054
原创 flex布局——最后一行左对齐的实现方式(css功能实现)
在学习了css3之后,经常会用到的布局就是flex布局了。比如要实现下图的这种布局:下面我分几种情况进行分析:对应的html。
2023-11-21 15:19:33
2239
原创 用 VS Code 开发 uni-app 项目
项目采用 Vue3 + TS 开发 uni-app 项目,所以需要分别安装 Vue3 + TS 插件 和 uni-app 插件。没开发过 Vue3 + TS 项目的小伙伴注意,需要先安装 Vue3 和 TS 的插件,并完成以下配置 👇。这一步处理很关键,否则 TS 项目无法校验组件属性类型。
2023-11-21 14:14:03
1232
原创 HBuilderX 创建 uni-app 项目
👉国内 gitee 下载github 下载。通过命令行创建 uni-app 项目,,TypeScript 类型支持友好。编译成 H5 端可运行。vue3 + ts 版。通过浏览器预览项目。
2023-11-21 14:09:29
536
原创 Vue3 子组件和父组件的相互调用
来接受父组件绑定在子组件的属性名,即为。子组件通过defineExpose暴露。父组件调用子组件的函数和方法主要通过。父组件通过定义函数以及将函数通过。可用与函数数组,即传入多个函数。的使用与Vue2有些许不同。,将函数传入子组件中。
2023-11-14 15:02:17
1161
原创 localStorage如何本地存储数组/对象
使用的时候再将它使用JSON.parse()转换成数组;只能存储字符串格式,如果要存数组的话就要加一些处理;使用JSON.stringify()方法;需要将存储的数组转化成字符串;
2023-09-16 09:17:09
961
原创 VUE启动报错:Error: The project seems to require pnpm but it‘s not installed
【1】删除pnpm.lock。
2023-09-13 16:12:29
2186
原创 vue脚手架安装
备注:如果你以前全局安装过vue-cli 那么你下次安装就直接进行第二步 不需要再次安装vue-cli。备注:如果你以前全局安装过vue-cli 那么你下次安装就直接进行第二步 不需要再次安装vue-cli。
2023-09-12 15:01:25
72
原创 vscode中 yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。
无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。
2023-09-12 14:17:45
282
原创 js大致面试题
闭包:内部函数访问外部函数的变量,无论内部函数调不调用,都会产生闭包作用:1.外部函数可以访问内部函数的变量 2.函数执行完后,变量依然存在内存中不会被销毁,延长变量的生命周期递归:一个函数在内部自己调自己缺点:内存溢出,当程序运行超出了内存,就会导致内存溢出,导致错误事件代理:给父元素添加事件来处理子元素(冒泡)
2023-09-11 14:47:50
57
原创 Web前端——边框圆角(圆形,三角形)
border-radius:设置边框圆角。高和宽一比一,圆角1/2倍宽。宽和高二比1,圆角1/2倍宽。宽和高一比一,圆角一倍。
2023-07-15 11:40:44
1194
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
242
1
原创 Web前端——浮动-解决高度塌陷和清除浮动
原因:1.子元素浮动,脱离标准文档流,2.父元素没有高度,默认由子元素给它撑开。3.通过html在父元素中添加一个在标准文档流的块元素,清除浮动。both:清除二边对他影响更大的一侧浮动=》元素上移的距离。b. 父元素设置浮动:影响父元素的兄弟元素布局,不推荐。-- 清除浮动 clear=》清除浮动元素对其的影响。right:清除右边浮动元素对其的影响。left:清除左边浮动元素对其的影响。1.父元素设置固定的高度,不推荐使用。1.因为前面元素浮动,后面元素就会上移。c. 设置父元素为行内块元素。
2023-07-15 11:27:53
141
1
原创 web前端——浮动float
4.浮动元素后面再标准文档流中的元素会上移=》原因:标准文档流符合一行排完才会到下一行。3.浮动元素脱离标准文档流=>就不用考虑元素性质,都可以设置宽高,一行显示。1.浮动元素上方有在标准文档流中的块元素,浮动元素不会上移。标准文档流:元素在包含块(父元素)排列时从上向下,从左向右。取值:right(右),left(左)5.浮动元素会覆盖标准文档流中元素,除了文本内容。2.浮动元素浮动不会超出包含块。
2023-07-15 11:26:02
84
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
514
原创 Web前端——背景、精灵图
包括:background-repeat-x(水平方向)和background-repeat-y(垂直方向)取值的类型:具体数值,方位词:left、right、top、bottom、center。①将多个图片整合为一张图片,浏览器只需要发送一次请求,就可以同时加载多个图片,提高访问效率,提高用户体验。二个值:第一个值代表图片离元素左边的距离,第二个值代表图片离元素顶部的距离。②将多个图片整合为一张图片,减少图片的总大小,提高请求的速度,增加了用户体验。一个值:代表图片离元素左边的距离,垂直方向默认居中。
2023-07-03 19:29:03
2749
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
2632
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
530
1
原创 html中语义化标签
aside:侧导航,内容与页面主要内容相关的,位置不在主体上。section:没有语义,只是普通的布局标签,与div相识。语义化标签:都是块标签,独占一行。header:页面头部。footer:页面底部。
2023-06-28 15:50:37
178
1
原创 htm5——html基础知识-文件-特点-快捷方法-常用标签-实体-超链接及使用
html基础知识-文件-特点-快捷方法-常用标签-实体-超链接及使用
2023-06-19 18:51:24
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人