- 博客(130)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 git 提交规范化（webpack）
/ 可选类型types: [{ value: 'feat', name: 'feat: 新功能' },{ value: 'fix', name: 'fix: 修复' },{ value: 'docs', name: 'docs: 文档变更' },{ value: 'style', name: 'style: 代码格式(不影响代码运行的变动)' },{name: 'refactor: 重构(既不是增加feature，也不是修复bug)'},
2022-11-03 11:00:57
313
转载 vue中常用的自定义指令
vue中常用的自定义指令：https://mp.weixin.qq.com/s/ECyGO2ey7YsMC-3brcGL6w
2020-12-21 09:27:42
1043
翻译 H5移动端开发时经常会遇到那些问题
1. 弹出数字键盘<!-- 有"#" "*"符号输入 --><input type="tel"><!-- 纯数字 --><input pattern="\d*">安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了????2. 调用系统的某些功能<!-- 拨号 --><a href="tel:10086">打电话给: 10086</a><
2020-07-14 14:03:39
280
翻译 前端常用的工具方法
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) => { re
2020-07-10 14:45:04
206
原创 vue中ios 微信sdk 踩过的坑 ！！！
问题描述：ios在微信浏览器中，vue history模式下 路由跳转后，调用微信sdk相关api不生效，但在该页面刷新后又恢复正常；Android一切正常！主要问题是ios在路由切换时微信SPA时，始终都是首次进入时的URL地址Android微信SPA则是同步路由切换时的地址举例：从首页进入 http://028h5.cn/?i=xxxxxxxxxx 点击切换到 http:/...
2019-12-05 16:49:12
1331
1
原创 微信 系列（分享、支付、扫一扫、图像、音频、网络、位置、界面等）
demo：https://www.weixinsxy.com/jssdk/<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>微信JS-SDK Demo</title> <meta name="viewport" content="wid...
2019-08-15 15:22:29
526
原创 字体单位rem（自适应、响应式布局）
来源：https://www.cnblogs.com/Cein/p/7040419.htmlbody{ font-size:100%;}//小屏@media screen and (max-width: 320px) { body { font-size:85%; // 320px/375px = 0.85 }}.fs10{ font-size:...
2019-07-13 17:47:36
1158
原创 父爱则母静，母静则子安，子安则家和，家和万事兴
父爱则母静，母静则子安，子安则家和，家和万事兴；父懒则母苦，母苦则子惧，子惧则家衰，家衰败三代；老无德，父无能，妻受罪，子劳苦
2024-01-09 13:55:23
521
原创 Vue3全家桶新版.md
作用: 对多个组件重复的功能进行提取封装使用Vue3的组合API封装的可复用的功能函数自定义hook的作用类似于vue2中的mixin技术自定义Hook的优势: 很清楚复用功能代码的来源, 更清楚易懂用来实现子组件向父组件通信EventTest.vue组件<template>--区别原生事件与自定义事件原生事件原生标签上绑定 / 组件标签上绑定加.native事件名是特定的一些。
2023-12-27 08:58:11
493
原创 info There appears to be trouble with your network connection. Retrying...
问题安装依赖yarn install或npm i 时，如果遇到提示 info There appears to be trouble with your network connection. Retrying...解决办法删除yarn.lock或package-lock.json 文件，重新执行yarn install或npm i 就可以了
2023-12-14 10:18:31
746
原创 微信自定义分享demo（AI生成）
其中，{你的appId}、{你的timestamp}、{你的nonceStr}、{你的signature}需要替换为你自己的微信公众号信息。同时，你还需要在微信公众平台中配置好相应的分享信息。
2023-05-31 09:22:13
258
原创 常用的hook（AI生成）
useDebounce是一个自定义hook，它会在一段时间内延迟触发回调函数。这在处理用户输入等操作时非常有用。useLocalStorage是一个自定义hook，它可以将值存储在本地存储中，以便在页面刷新后保留状态。useStateWithCallback是useState的改进版本，它允许您在状态更新后运行回调函数。希望这些例子能够对您有用！
2023-05-31 09:19:27
139
原创 vue3 Pinia实例demo（AI生成）
以上就是一个简单的vue pinia实用的demo，演示了如何创建store、state和actions，并在组件中使用它们。在实际开发中，可以根据具体情况来扩展和修改。
2023-05-31 09:16:01
322
原创 monorepo搭建项目
来安装依赖，安装好了之后，我们就会发现，在项目的根目录和分别每个项目中，都会有了。的项目中，而另外一个项目是不需要的，所以就没必要安装到全局，直接安装到。接下来就是需要安装依赖进行测试了，不过安装前还需要配置一个特殊的文件。那么现在还没有调试的方式，可以新增调试的命令，一般启动项目可以使用。这样配置之后，就可以根据不同的命令，来启动不同的项目了。，而其它的两个项目是不需要的，那么这样的话，就可以将。，这个文件可以帮助我们在安装公共依赖的情况下，也将。添加全局的依赖项的时候，需要在命令后面加上。
2022-11-03 11:02:45
510
原创 ResizeObserver+grid 实现响应式布局
【代码】ResizeObserver+grid-column-start 实现响应式布局。
2022-09-22 10:31:19
179
原创 在vscode编辑器中，vetur和volar冲突
在vscode编辑器中 vetur插件会把vue3项目当成vue2去检查，然后出现了eslint报错在项目的 中添加以下代码，并重启编辑器就可以了
2022-07-14 11:00:56
6756
1
转载 vscode配置保存自动格式化
vscode配置保存自动格式化https://blog.csdn.net/weixin_44875693/article/details/124196163
2022-06-22 09:34:01
88
原创 在ios端 视频不自动播放兼容性处理（Nuxt.js）
如题。 直接上干货！！！<video class="video" id="videoMobile" :x5-playsinline="true" :playsinline="true" :webkit-playsinline="true":x-webkit-airplay="true" autoplay loop preload muted airplay="allow" src="xxxxxxxxxxxxxxxxxx">|</video>create
2021-07-24 19:09:25
374
原创 解析微信小程序码的地址scene
直接上干货：在测试/开发环境打开“调式工具”，切换到线上环境输入“this”，查看对象找到“route”查看页面url地址找到“queryString”或“query”查看参数附 解析scene//scene解码scene_decode(e) {if (e === undefined)return {};let scene = decodeURIComponent(e),params = scene.split(’,’),data = {};for (let i in pa
2021-07-22 10:19:00
3326
原创 Git密码变更 remote: HTTP Basic: Access denied fatal: Authentication failed for
拒绝访问，原因是登录已失效，需要重新登录。步骤如下：
2021-06-24 14:45:10
234
1
原创 css tabs切换（重叠/仿美团）
效果如图：上代码：html // js<view class="tabs"> <view v-for="(item,index) in navList" :key="index" class="tab-li" :class="expressTypeMendian==item.id&&'active'" @click="expressTypeMendian=item.id">{{ ite
2021-01-21 17:42:55
835
2
原创 新手引导怎么做？
效果如图：思路：当出现新手引导蒙层时，设置其内容标签样式 position:relative;z-index:999999999;//z-index大于蒙层即可
2020-12-21 11:00:14
534
原创 uniapp+vue3 实现菜单左右关联（类似vue中的better-scroll插件）
【代码】uniapp+vue3 实现菜单左右关联（类似vue中的better-scroll插件）
2020-12-19 17:11:29
2763
2
转载 css多行垂直居中
父元素 高度固定，如何使其中的文字垂直居中？利用display:table;加上display:table-cell的方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .middle-box{ display: tab
2020-12-05 16:43:49
242
原创 文件上传
基于vue+elementUI的文件上传<template> <el-upload action :http-request="updateImg" list-type="picture-card" :auto-upload="false"> </el-upload></template><script> export default { methods:{ updateImg(file){
2020-10-30 13:35:29
112
原创 Please use `require(“history“).createBrowserHistory` instead of `require(“history/createBrowserH....
react出现这种问题：网上也有很多资料，比如在dva文件夹下修改文件。但是如果找不到dva文件，或者修改了还是无效。那么可能是因为react-router-dom版本太老了卸载重新安装即可解决
2020-10-28 15:04:29
1234
原创 移动端调试工具http://debugx5.qq.com
在移动端先打开该链接 http://debugx5.qq.com ，再打开页面 进行调试（该工具仅对安卓手机有效）
2020-10-15 16:31:31
4526
2
原创 js工具 Lodash
Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。Lodash官网：https://www.lodashjs.com/lodash常用的一些方法（整理）：https://www.cnblogs.com/t-sun-j/p/10642568.html常见 - 深度访问属性：_.get(object, path, [defaultValue])根据 object对象的path路径获取值。 如果解析 value 是 undefined 会以 defaultValue 取代。
2020-10-13 14:20:29
380
原创 js中filter过滤器的使用（数组过滤，高频使用）
let arr = ['1', '2', null, '3.jpg', null, 0]let newArr = arr.filter(item=>item) // 等价于 arr.filter(Boolean)console.log(newArr) // ["1", "2", "3.jpg"]相关： JS中Map和ForEach的区别
2020-10-13 14:04:04
1170
原创 优惠券内陷样式（无兼容性问题）
radial-gradient 在微信小程序ios中会有兼容性问题效果如图：// html<view class="cro"> <view class="cro_left_top"></view> <view class="cro_right_top"></view> <view class="cro_left_bottom"></view> <view class="cro_right_bo
2020-09-29 10:37:41
501
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人