- 博客(20)
- 收藏
- 关注
原创 【 阿里云静态资源oss的使用 】前端打包使用oss静态资源
env.staging 配置文件(测试环境)直接把base中的路径改成oss路径就可以了。需要新增一个全局的oss存放路径。vite.config.js文件。vue3使用oss静态资源。
2025-01-06 14:23:03
303
1
原创 【 element-ui/element-plus 】button按钮样式修改
在MessageBox中的按钮需要单独选中,根据审查元素按钮的样式进行针对性的样式设置。特殊处理的按钮加上class类名单独处理。
2024-12-30 15:43:22
716
原创 【 vue3 + vue-router 】根据变量判断加载的路由显示不同页面
否则router/index.js中的文件会在index页面加载前就加载完毕。没办法根据需求加载不同的路由。所以需要使用beforeEach路由前置守卫。,需要添加对象,所以数组路由需要使用forEach遍历数组后一个个push进router里面。是完全不同的路由和页面 没有相同的页面 但是数据相同。根据需求需要实现 不同的用户展示不同的页面。在router/index.js中引入。newdev.js文件。1.注册两个路由js。1.vue3的路由的。
2024-12-30 15:12:31
219
原创 【 微信小程序 】企业级完整开发流程 —— request的封装
在开发企业微信小程序时,需要使用当前小程序自己的appid开发当前我作为项目成员搭建项目使用小程序的appid开发在开发管理中找到小程序的appid创建项目中使用当前小程序的appid在创建项目前设置创建成功后有一个比较基础的目录结构。
2024-12-27 10:38:06
552
原创 【 vue + element 】[Vue warn]: Unhandled error during execution of component event handler bug修复
在页面中使用了element-plus 组件中的slot插槽(在插槽中加了v-if判断),执行代码的时候会去检测你的每个元素(包括子元素),渲染页面到插槽的时候,v-if判断可能还没有渲染出来,elementplus这个时候就会报出警告,提醒你这个地方可能有问题。找到组件中未使用v-if的情况加上v-if报错就解决了。如果控制台出现下列报错信息或者警告信息。通过百度大概了解到出现这个bug是因为。
2024-12-17 11:10:44
503
原创 【 css布局 】css布局换行样式
2. word-wrap word-break换行。需要换行的元素不固定宽度 但超长。需要将超长的元素换行。
2024-11-26 10:59:43
515
原创 【 vue3语法 】
子组件使用defineExpose暴露出需要使用的函数。父组件将子组件需要使用的函数传给子组件。父组件利用ref直接使用子组件内的函数。子组件通过emit接受后使用。
2024-11-26 10:48:12
158
原创 【自适应优化】解决屏幕分辨率不同导致页面布局错乱问题的解决方案
在需要进行自适应的页面中引用(最好在app.vue中)创建一个DevicePixelRatio.js文件。
2024-10-09 09:34:27
404
原创 【微信小程序】提高语法
可以通过vant weapp中的官方主题文档配置样式可以优化小程序首次启动的下载时间在多团队共同开发时可以更好的解耦协作。
2024-07-08 14:46:12
644
原创 【微信小程序】基础语法(下)
小程序全局配置json文件中的checkSiteMap配置项通常用于指示开发者工具是否检查已下载的小程序主体文件中的sitemap.json的有效性。
2024-06-28 16:13:49
852
原创 【微信小程序】基础语法(上)
viewscroll-view 可以滚动的视图区域(滚动列表)swiper和swiper-item 轮播图和轮播图item组件。
2024-06-24 15:11:01
863
原创 【微信小程序】开发配置
当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。只需要调整app.json -> pages 数组中页面路径的前后顺序,即可修改项目的首页,小程序会把排在第一位的页面,当作项目首页进行渲染。wxml是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的html。在小程序中 js 文件用来处理用户的操作,例如:响应用户的点击、获取用户的位置等。效果类似PC网页的SEO。
2024-06-19 17:54:30
906
原创 【微信小程序】开发流程
我是已经有了账号了 直接微信扫码登录就可以了。2.获取小程序的AppID。4.安装好以后 扫码登录。1.注册小程序开发账号。
2024-06-19 13:50:39
176
原创 【vscode插件】一些好用的开发插件
这个vscode插件 主要是用于快捷打印控制台数据选择一段代码 ctrl + alt + L 就可以直接显示打印的代码 很方便。
2024-05-10 16:19:16
406
原创 【 wps 】加载项的项目搭建(上)
官网地址: https://open.wps.cn/previous/docs/client/wpsLoad npm install -g wpsjs 已经安装的情况下,可以更新wpsjs版本 npm update -g wpsjs wpsjs create wpsjs_project 项目运行起来以后,我们就得到一个这样的wps加载项在vscode打开项目以后,我们能看到这个的一个项目列表 从文件能看出来,我们加载项顶部的按钮(自定义功能区)和xml文件中设置的一样所以
2024-05-10 11:14:31
1482
3
原创 【 vue2-cli 项目配置 】 request 和 permission 配置
首先 我们要对 src 下新建一个utils 文件夹 用来存放我们全局的一些js文件。utils --> auth.js文件用来存储全局可使用的token。附加一个较为完整的.eslintrc.js的配置文件。permission.js配置文件用来拦截路由。request.js配置文件。在main.js文件中导入。
2024-05-09 15:16:01
548
1
原创 【 vue2-cli 项目配置 】反向代理的配置
2.路径重写 pathRewrite 重写的是在 请求时 替换我们设置的 process.env.VUE_APP_BASE_API 的请求路径 去掉域名 保留请求地址。在开发环境开发时 由于前端本地和后端本地不是处于同一个域名中,所以前端在请求后端接口的时候会产生跨域问题,所以反向代理主要是为了解决在本地开发时产生的跨域。因为在梳理反向代理的过程中,我一直不太理解不同的域名怎么请求的,虚拟服务器的域名是前端本地还是后端本地的,所以向chatGPT提出了疑问。并创建一个虚拟服务器,为了转发前端的请求。
2024-05-08 18:02:20
848
1
原创 【 vue2-cli 项目搭建】框架搭建
选择插件 babel router vuex css预编译 代码格式化。到这里一个新的vue2 -cli项目就创建好啦。安装了node.js,查看node.js的命令。选择是否使用history风格的路由。选择语法检测和代码格式化插件。选择语法和格式检测的时间。选择各插件配置的保存方式。是否将这个配置保存下来。然后就会开始创建项目。
2024-05-08 16:38:13
376
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人