- 博客(64)
- 收藏
- 关注
RSS订阅
原创 Express Generator使用
在命令行中运行以下命令来安装 Express Generator（全局安装）在你想要创建项目的目录中运行以下命令：进入新创建的项目目录，并运行以下命令安装项目所需的依赖：运行以下命令启动 Express 应用：npm start或者使用以下命令，以在代码变化时自动重新启动应用：打开浏览器，访问，能够看到 Express 欢迎页面。
2023-12-08 20:13:35
732
原创 Vue3 创建项目
1 桌面打开 CMD窗口，使用vue create 项目名创建项目。2 选择Manually select features 自定义配置。CSS Pre-processors CSS预处理器。5 不使用history模式 n使用hash模式。Linter/Formatter 代码检查。7 使用ESLint 标准配置。4 选择vue 3.x版本。6 使用less或Sass。Babel 降级处理。
2023-10-26 12:25:05
223
原创 JS正则 身份证号脱敏
【一】：说明：身份证脱敏处理：/^(.{6})(?:\d+)(.{4})$/，显示前6和后4，出生日期隐藏。，该正则表达式匹配身份证号的前6位和后4位，并使用括号将前6位和后4位分别分组。方法将身份证号的中间8位替换为8个星号，替换的方式是使用。【三】： /^(.{6})(?:\d+)(.{4})$/(.{6}) 匹配6个任意字符，并将其捕获为第一个捕获组。(.{4}) 匹配4个任意字符，并将其捕获为第二个捕获组。:\d+) 匹配一个或多个数字，但不捕获它们。表示匹配到的第一个分组（即前6位），使用。
2023-02-24 00:28:36
6693
原创 Vue3 vant组件库自动导入
vite.config.ts 配置插件，关闭自动生成类型声明文件。插件，它可以自动引入组件，并按需引入组件的样式。的项目中使用 Vant 时，可以使用。实现：完整使用vant组件库。
2023-02-23 23:37:02
750
原创 TypeError: Cannot read properties of undefined (reading ‘replace‘)
错误二：[Vue warn]: inject() can only be used inside setup() or functional conponents.错误一：TypeError: Cannot read properties of undefined (reading 'replace')解释：当我们使用内置 use开头的钩子函数时，不能进行嵌套去拿实例。解决：必须在 setup函数 第一层调用。
2023-02-23 23:14:14
12523
原创 Vue3 vant组件库Toast提示样式
使用函数形式的 showToast ，unplugin-vue-component插件 无法自动引入函数形式组件的样式，因此需要手动引入。解决：在main.ts 中引入。
2023-02-23 22:44:12
2601
原创 TS 全局泛型工具Pick、Omit
使用： Pick使用： Omit【 一 】： Pick 可以从一个对象类型中 取出某些属性。全局泛型工具 Pick 可以从一个对象类型中 取出某些属性。【 二 】： Omit 可以从一个对象类型中 排出某些属性。全局泛型工具 Omit 可以从一个对象类型中 排出某些属性。Pick 与 Omit 【TS内置全局类型】从类型对象中排出 指定的属性类型，
2023-02-23 19:23:55
3166
原创 Vue3 路由类型-文档title
router/index.ts 前置守卫获取元信息设置网页title,router/router.ts：给路由添加meta元信息。实现：切换页面切换标题。实现：扩展元信息类型。
2023-02-23 17:48:04
291
原创 Vue3 图标组件-打包svg地图
有些图标可以根据 style 中 color 的值来设置颜色，图标是否有这个功能取决于 UI 做图片时否开启。通过 svg 标签 #icon-文件夹名称-图片名称 指定图片，理解 精灵图定位坐标。会生成一个 svg 结构（js创建的）包含所有图标，理解为 精灵图。实现：把 svg 标签使用组件封装起来，方便重复使用方便。2.类型 types/components.d.ts。实现：把icons目录下svg图片打包为精灵图使用。准备：拷贝02-其它资源中icons目录到项目下。3.导入到main.ts。
2023-02-21 23:30:25
369
原创 Vue3 vant组件库主题自定义
vant组件库中所有组件用到的颜色、字体大小、间距等，都定义成全局的原生css变量。=》覆盖vant内置的全局css变量=》变量修改后，就会影响所有组件。覆盖vant定义的变量，需要使用双root 【:root:root】实现：使用css变量定制项目主题，和修改vant主题。定义项目的颜色风格，覆盖vant的主题色。修改vant组件库主题思路。定义和使用 css 变量。根据公司需求修改主题。
2023-02-21 21:58:16
2044
原创 Vue3 组件二次封装 添加-类型声明
写一个类型声明文件，declare module 'vue' 声明一个 vue 类型模块。key组件名称支持大驼峰，value是组件类型,通过 typeof 组件实例得到。可以使用键盘ctrl+鼠标左键 查看 vant 的组件类型声明文件。使用我们封装的组件时，也会有提示，没有传title属性也会有提示。解释：给组件添加类型，让写属性和事件可以有提示。看看属性提示，事件提示，鼠标放上去有没有类型。代码提示不需要组件双闭合，单标签页可以。vant 的组件为啥有提示？怎么给全局的组件提供类型？
2023-02-21 17:39:38
1481
1
原创 Vue3 移动端适配
原因：因为页面中的文本超出了屏幕宽度，其实是正常的，只是屏幕被撑宽了，看不到全部的屏幕，限制字体的宽度解决。vant组件库、css/scss/less、组件内style会转换。屏幕600宽，盒子就占一半了，不正常，显示的vw宽度没问题。例：屏幕350宽时，盒子占3分之一，正常情况。新增postcss.config.js。：有一个控制台警告可忽略，或者使用。实现：使用 vw 完成移动端适配。注意：出现适配失败时的解决方案。但是元素行内样式不会转换。
2023-02-20 17:50:43
948
原创 CSS Vue3深度选择器
原理：在css中使用过选择器的选择过元素 (组件下)元素生成添加一个属性 => data-v-hash值 webpack或vite打包时自动生成添加。2. 当我们在style标签中需要改变vant组件的样式时，需要使用到深度选择器。技术栈：Vue3 TypeScript Vite Vant。背景：scope样式私有化，避免样式冲突。1.在template中的布局。
2023-02-20 17:16:13
902
原创 decodeURIComponent()函数和encodeURIComponent()函数
作用：可把字符串作为URI 组件进行编码。其返回值URIstring 的副本，其中的某些字符将被。decodeURIComponent()函数可对encodeURIComponent()用法：decodeURIComponent(URIstring)一个字符串，含有编码 URI 组件或其他要解码的文本。encodeURIComponent() 函数。
2023-02-07 22:11:31
665
原创 Vue3 创建自定义项目
在桌面打开cmd 使用 vue create 项目名创建项目。CSS Pre-processors css预处理器。5 不使用history模式 n使用hash模式。7 使用ESLint 标准模式。9 配置文件生成到独立的目录。6 使用less或sass。Linter 代码检查。10 N不保存 配置记录。Babel 降级处理。
2023-02-07 19:50:31
239
原创 【四】 http、https、爬虫
前端请求node服务器，，node充当（中间层）客户端，向后端请求数据，node服务器请求不同的数据库获取数据，服务器之间没有跨域限制，node服务器配置cors即可（聚合接口开发，转发请求），node拿到数据再返回给前端。http模块-post。http模块-get。js中：post请求。
2023-02-05 18:37:56
154
原创 Error: Illegal Buffer 错误
在调用wx.login()之前调用了wx.getUserProfile()。在调用getUserProfile()时将获取到 iv 和encryptedData 传给后台，而后调用login()，此时的session_key可能会被新的。解决：提前调用uni.login() ， 可以在onLoad中调用并保存code。覆盖，就会导致后台在对数据解密时使用新的session_key去解密旧的。：出现Error: Illegal Buffer错误。导致问题的原因是：session_key没有及时更新。
2023-02-05 18:35:23
320
原创 小程序 使用微信账号体系登录
是一个客户端API，统一封装了各个平台的各种常见的登录方式，包括App手机号一键登陆、三方登录（微信、微博、QQ、Apple、google、facebook）、各家小程序内置登录。每次请求都会弹出授权窗口，用户同意后返回 userInfo。3.返回参数说明:返回promise 可以使用async await。3.返回参数说明:返回promise 可以使用async await。1.示例： 获取微信官方提供的后台参数。1.示例：获取登录需要的code参数。调用接口后返回null，因为。
2023-02-05 18:03:47
201
原创 uni-app 引入Vue-mixin方法鉴权
mixin是一种类，在vue中就是js文件，主要的作用是作为功能模块引用。鉴权的页面中xxx/index.vue。定义mixin混入全局鉴权方法。组件onShow时检测。
2023-02-05 15:40:45
924
原创 小程序 分享|电话
拨打电话api：wx.makePhoneCall(Object object)接口调用结束的回调函数（调用成功、失败都会执行）通过button open-type属性为。接口调用成功的回调函数。接口调用失败的回调函数。
2023-02-05 15:11:17
78
原创 小程序 获取头像和昵称
微信小程序平台从 2022年2月21日24时起 回收通过 展示个人信息的能力，通过open-data组件获取，样式通过css修改。若小程序需收集用户昵称头像等信息，可以通过。
2023-02-05 15:03:45
408
原创 小程序uniapp 获取用户地址信息
1、 uni.chooseAddress() 获取用户收货地址。调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址，需要用户授权 scope.address。2、若使用该接口，需要在 app.json 中进行声明。3、配置后需要重启服务器，.json文件不支持热重载。
2023-02-05 14:12:55
880
原创 小程序 区域滚动和页面滚动冲突
移动端问题：区域滚动和页面滚动冲突，使用 scroll-view 组件实现区域滚动。区域滚动： 页面下某个盒子滚动。页面滚动：整个页面滚动。
2023-02-02 23:27:00
555
转载 微信原生小程序以及uni-app的钩子函数和生命周期，路由跳转
uni-app钩子函数。2.原生小程序 几种 跳转方法。3.原生小程序页面组件跳转。5.uni-app页面通讯。6.uni-app跳转路由。4.uni-app小程序。
2023-02-02 22:57:15
690
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人