- 博客(25)
- 收藏
- 关注
RSS订阅原创 vue3中使用拖拽组件vuedragable@next
属性的配置，name：相同的name间可以互相拖动，pull：true 允许往外拖拽，put：true 允许放入。属性 false则表示在当前盒子内部禁止拖拽。从一个盒子拖入到另一个盒子。
2025-04-18 15:52:12
685
原创 uniapp播放海康威视rtsp格式的监控
使用uniapp播放海康威视rtsp://admin:123456@127.0.0.1/Streaming/Channels/101格式的视频.利用萤石云开放平台[传送门](https://open.ys7.com/console/device.html)
2022-09-15 17:53:35
5398
原创 unll值判断运算符
??运算符:判断运算符左侧的值为null或undefined时，才返回右侧的值unll值判断运算符与 || 类似,||运算符是左边是空字符串或false或0等falsy值，都会返回后侧的值.而??必须运算符左侧的值为null或undefined时，才会返回右侧的值。 console.log(0 || 1) // => 1 console.log(0 ?? 1) // => 0因此,可以根据不同的场景使用...
2022-04-28 10:13:57
297
原创 防止链式调用报错-可选链操作符?.
当尝试访问可能不存在的对象属性时,为了防止抛出错误,可以使用?.操作符可选链操作符( ?. )概念:可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined let obj = { name:'z
2022-04-25 10:32:19
751
原创 vue组件通信input v-model语法糖写法
vue中input、textarea组件通信的语法糖写法子组件 <input type="text" value="option" @input="$emit('input',$event.target.value)"> poros:['option']父组件 <component @input="option = $event"></component> data:{ option:''}...
2021-12-31 17:00:17
408
原创 VUE保留默认参数传参
VUE保留默认参数传参当我们子传父时事件会带有默认的参数this.$emit(‘change’,{val:val})在子组件中需要传参,可以使用$event代表默认参数<hh @change="handelChange($event,index)"></hh>handelChange(data,index){ console.log(data,index)}...
2021-12-10 15:53:43
1614
原创 smartSVN报错:Unable to create pristine install stream can‘t create temporary file...
smartSVN报错:Unable to create pristine install stream can’t create temporary file…找不到路径,无法创建临时文件解决:clean up
2021-11-02 11:20:18
281
原创 uniapp父修改子组件样式的坑
uniapp父修改子组件样式的坑在修改样式时，发现写在style标签里（没有scoped）不生效，利用深度作用选择器也不生效。解决：在style标签（scoped）里+深度作用选择器<style lang="less" scoped> /deep/ .div_input{ padding-left: 0; } </style>...
2021-07-16 10:45:04
1011
原创 eslint报错处理（持续更新）
使用eslint规范代码书写，但也会有一些意想不到的问题，记录下。注意：更改rules后项目需要重启才生效索引1、"no-unused-vars": 0/off2、"space-before-function-paren": 0/off3、"prefer-const": 0/off1、“no-unused-vars”: 0/off// 报错信息 // 原因 定义变量未使用2、“space-before-function-paren”: 0/off// 报错信息 Missing
2021-05-19 16:44:28
367
原创 css自定义属性
css自定义属性利用css自定义属性实现设置主题样式，可以将有关主题（颜色、字体大小等）指定给一个变量一次，每次使用时只需将该变量作为CSS属性输入；需要改变主题样式时也只需要修改这个变量即可利用:root选择器定义变量 :root { --global--bgc: #f66; --global--fz: 20px; }利用var关键字引入声明的变量 p { background-color: var(--global--bgc);
2021-05-07 15:12:34
135
原创 JS实现数组复制 arr.repeat
JS实现数组复制利用str.repeat方法，结合数组与字符串的转换实现。适用于数组中仅为字符串类型代码如下： let arr = ['1', '2', '3'] arr.push('') let total = [] total = arr.join(',').repeat(3).slice(0, total.length - 1).split(',') console.log(total) // ['1', '2', '3','1', '2', '3',
2021-05-07 14:44:48
2463
2
原创 前端开发设计模式
进阶高级前端开发之路之设计模式，冲！目录前言一、vue-router挂载到原型链上，不能修改的原理二、享元模式三、单例模式前言记录一些学的七七八八的编程思维，设计模式一、vue-router挂载到原型链上，不能修改的原理// vue-router对象是放在vue的原型链上的// 只有get没有set vue.prototype.$router = _router Object.defineProperty('vue.prototype','$router',{ get: functi
2021-02-24 10:37:02
127
原创 uniApp focus的坑(解决)
需求：实现光标的跳转问题1：uniApp不支持自定义指令,因此无法使用v-focus问题2：通过改变focus属性无反应进阶：提取获取焦点的公共方法结构<view class="focus"> <view class="item"> <p>first:</p> <input type="text" :focus="firstFocus" @confirm="firstConfirm"/> </view>.
2021-02-22 15:01:58
5864
2
原创 vue3.0初体验
vue3.0初体验文档网址：https://www.vue3js.cn/docs/zh/guide/migration/introduction.html#%E6%A6%82%E8%A7%881、体积比vue2.0更小使用vite，利用es6的import会发送请求去加载文件的特性，拦截这些请求。做一些预编译，省去webpack冗长的打包时间。Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打
2021-01-12 16:18:57
256
原创 记录JS处理数据的方法(持续更新)
经常要处理后端返回的数据格式问题，记录下，就不用再翻其他地方了…索引一、将数组转化为对象 arr.reduce()二、合并数组 arr.concat()三、改造对象 obj.map()四、根据数组中对象的某个属性值进行去重一、将数组转化为对象 arr.reduce()const lessons = [ { title: "媒体查询响应式布局", category: "css" }, { title: "FLEX 弹性盒模型", category: "cs
2020-12-29 16:08:23
484
1
原创 uniapp使用Ucharts数据格式化为百千万-解决文字过长压着的问题
uniapp使用Ucharts数据格式化为百千万使用ucharts开发数据可视化时，数据过大时将大数据改为添加单位，增加可读性。这里只是做了最简单的判断 可以输出下val添加判断 或者做一些其他的数据格式化操作showMix(canvasId, chartData, ctwidth, ctheight, max, min){ for (let i = 0; i < chartData.series.length; i++) { chartData.series[i].format = (
2020-12-28 11:48:39
2755
原创 npm发布报错原因 403 Forbidden
1、未切换镜像源npm config get registry // 查看当前镜像源npm config set registry=http://registry.npmjs.org // 切回到npmjs源 npm config set registry http://registry.npm.taobao.org // 发布完再切回来2、注册后未进行邮箱验证3、文件名重复 npm init // 重新生成文件内容4、用户名密码输入有误...
2020-12-10 17:30:14
2198
原创 修改node_modules下源码并重新发布npm包
修改node_modules下源码(详细)开发中遇到需要修改装包的源码，直接在node_modules修改是无效的，不同的开发环境重新装包就没有了。将文件放到src目录下太暴力，还会有路径无效的问题，所以可以使用github fork源码到本地修改，过程如下（以wl-gantt为例）：1、 找到gitbub源码地址，fork到自己的仓库2、从仓库拉取到本地git clone git@github.com:xxxxx/wl-gantt.git3、查看项目入口文件(package.json)
2020-12-02 13:39:07
4014
原创 uni-app监听横竖屏切换不同样式
uni-app监听横竖屏切换不同样式1.在data中定义变量 isLandScape data() { return { isLandScape: false } }2.监听窗口尺寸变化改变isLandScape的值// 监听尺寸变化 onResize(){ let _this = this uni.getSystemInfo({ success: function(res) { if (res.windowWidth > res.window
2020-11-20 16:05:23
4039
1
原创 uniAPP实现单页面横竖屏切换
uniAPP实现单页面横竖屏切换最近在用uniapp开发，发现官方文档只能全局配置横竖屏切换，找了些文档，最终实现了效果一、官方全局设置https://uniapp.dcloud.io/collocation/pages?id=globalstyle在pages.json中添加配置："globalStyle": { // ... "pageOrientation": "auto" },此方法可以配置全部页面横竖屏切换（切换时有rpx坑，尽量使用 百分比布局 和 px
2020-11-20 15:23:41
14750
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人