- 博客(53)
- 收藏
- 关注
RSS订阅原创 Network: use `--host` to expose
to expose 同事不能通过本地IP地址访问项目。vite 启动项目提示 Network: use。
2023-09-21 17:22:15
520
原创 JS 正则表达式截取指定字符的前面后面的内容
1、js截取两个字符串之间的内容。2、js截取某个字符串前面的内容。3、js截取某个字符串后面的内容。
2023-07-26 16:59:47
3952
原创 Vue如何生成二维码 qrcode.js2
QRCode.js是一个二维码生成javascript库；将canvas部分拆分成组件 放入弹窗实现不同链接生成不同的二维码。Canvas和表格标签的DOM操作；并且不依赖其它的库或拓展。安装方式：（qrcode.js有两个版本我用的是第二版）
2023-06-29 10:23:31
8039
原创 element 实现表格滚动vue-seamless-scroll --save
element框架 使用vue-seamless-scroll --save 插件 实现表格滚动
2023-04-23 14:37:29
348
原创 uniapp 树形结构选择器
改造，可以实现多选或者单选，我上面示例为单选，上面的tab导航头是可以点击回退的，这个插件的优势在于，正常的树形结构的数据非常多，移动端拉取数据太多或导致页面卡顿，我用了好几款插件体验度都不是很友好，这款插件它是一个新的路由页面不同一般的弹窗页面类似，能很好的避免页面卡顿，第一次加载过长的问题，因为我是一个单独的页面，防止遗漏我会把我的全部页面功能全部贴出来，有的和组件无关的，需要自己手动删除一下。查看项目目录uni_modules 下面是否有相对于的导入的包文件。前往插件市场导入完整插件包代码。
2023-02-01 15:53:12
4610
原创 uniapp select 多选选择器封装
作者想实现的功能类似一个uniapp选择器，但是可以选择多个值，同时又可以单选和全选，在uniapp 的UI框架去找，发现没有类似的，最后在uniapp 的插件市场找到了这个multiple-select 里面的功能比较全实现了单选全选并同时可以选择多个值，还可以禁用某一项数据，自己做了一下更改记录一下，希望大家以后能用到。组件封装：multiple-select.vue。注意：该插件非原创作者，如有侵权请联系作者删除。
2022-11-18 10:16:33
8846
14
原创 Vue mixins 混入
创建一个mixins 文件夹，文件夹里面定义一个对象 export default 暴露出去，在mixins 里面也可以使用生命周期和监听的方法。引入当前mixins 文件夹路由并注册，就可以使用mixins 里面的函数了。
2022-08-29 16:00:48
269
原创 JS 变量深拷贝，这些方法和场景的遇到过吗？
前言：今天主要给大家介绍的几种深拷贝的方法，说到深拷贝一般的朋友都知道用JSON就可以实现拷贝，但是JSON拷贝应用在某些场景上，可能就会存在问题今天给大家一一介绍：缺点：1. 可能会将对象中的变量拷贝成undefined2.如果当前对象里面还包裹对象或者多层对象，会发现问题缺点：1.主要实用来拷贝对象，不适合数组2.如果当前对象里面还包裹对象或者多层对象，会发现问题（如果是要多个层级确保拷贝，通常使用第三种方法，递归实现深拷贝）缺点：1.主要实用来拷贝对象，不适合数组...
2022-08-08 15:11:00
552
原创 Vue 监听Vuex 的数据变化
watch: { '$store.state.viedoUrl': { deep: true, //深度监听 handler(newValue, oldValue) { // console.log(newValue, oldValue, '视频组件赋值') this.playerOptions.sources[0].src = newValue }, }, },
2022-05-09 16:08:00
1437
原创 JS 如何根据键名来查找多个对象中的的键值
大家一遇到这个需求的时候一般都会想到用 for in 来做，今天分享一个通过symbol 方法，来进行动态获取如果我现在要想直接得到obj3 里面的title ，或者随机获取 某一个对象中的某一个值应该怎么做呢？只需要两行代码就能搞定上才艺： let getValue = (item, val) => { return item[val] } console.log(getValue(obj3, 'title'))效果：...
2022-05-09 15:22:11
1069
2
原创 includes 优雅实现 if 判断同一个变量不同的值优化方法
冗余代码：if( type == 1 || type == 2 || type == 3 || type == 4 ||){ //...}通过数组includes 方法 let arr = [1,2,3,4,5,6,7] if(arr.includes(type)){ //.............}
2022-05-09 11:07:14
236
原创 Vue css 绑定变量这个方面你会用吗？
一般Vue 项目中样式上需要绑定某个变量都是通过:style 或者 :class 来绑定，这两种方法可能大部分可与处理，今天推荐大家另一种方法，直接在css 里面使用变量1.HTML部分 <div class="demo" :style="testStyle">测试</div>2.data 或者组件传递props 的变量 heightStr: '500',3.vue 计算属性 computed: { testStyle() {
2022-05-07 10:31:26
1759
原创 小程序baes64转普通格式
之前发布过一个PC端关于baes64图片转普通格式图片的文章，这次接触小程序发现里面借助了一个window的方法，这次给大家康康小程序如何实现baes64转普通格式的一、工具函數 // 将base64图片转为File文件类型 base64ToFile(base64data, cb) { const fsm = wx.getFileSystemManager(); const FILE_BASE_NAME = 'tmp_base64src'; //自定义文件名 cons
2022-03-28 14:56:01
1490
2
原创 VueX 如何监听调用全局函数
需求如下，当项目中当前组件的控制按钮被触发了，其他地方的函数也会被调用，但是这两者直接又不存在任何的层级关系，一、点击触发事件 submit() { this.$store.commit('WORK_LIST', this.num) },传递一个会动态改变的参数二、VueX 中赋值 state: { workList: null, //传递过来的状态 },mutations: { WORK_LIST(state, val) {
2022-03-22 18:31:48
750
原创 JS如何判断数组是否是从小到大排序
一、函数调用 created() { let arr = [99, 78, 3] this.isSort(arr) },二、工具函数 isSort(arr) { for (let i = 0; i < arr.length; i++) { for (let j = i + 1; j < arr.length; j++) { if (arr[i] < arr[j]) { flag
2022-03-16 14:44:36
1922
原创 js 判断数组是否是递增的
const arr = [ 1, 3, 4 , 5 ,6] true 条件成立const arr = [ 1, 3, 2，5 ] false 条件不成立一、工具函数 //判断是否递增函数 IncreasingFn(arrStr) { var IncreasingFn = false var array = arrStr.split(',') var arrayCount = array.length - 1 // consol...
2022-03-16 14:26:18
1615
原创 git 常用命令总结（收藏不迷路）
首先看一下git的整体结构图Workspace：代表是工作区 Index / Stage：代表是暂存区 local Repository：代表是仓库区（或本地仓库） Remote Repository：代表是远程仓库一、代码提交1.提交代码（将代码放到工作区）git commit -m "提交信息"强制提交git commit --no-verify -m "强制提交"二、分支管理1.新建分支git branch test2.删除分支g..
2022-03-15 15:01:39
283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人