- 博客(33)
- 收藏
- 关注
RSS订阅原创 鸿蒙开发工具（DevEco Stuido）的下载和配置
鸿蒙开发工具的安装和配置，DevEco Studio的汉化，DevEco Studio的node环境配置，鸿蒙项目的创建。
2023-12-06 11:55:41
504
原创 给循环的折叠面板van-collapse-item的展开和收起添加文字
移动端开发中使用vant的折叠面板问题，如何给循环的折叠面板判断当前的展开或是收起状态来控制图标旁边的内容显示，给循环的折叠面板添加文字状态
2023-11-10 11:46:51
1147
原创 在使用el-dialog时遇到的bug
我的bug是这样的：当我点击父组件中的按钮，这个按钮会改变其中的一个dialog的值，然后弹出这个dialog，可以正常使用，但是当我点击一个触发子组件按钮的dialog之后关闭这个子组件的dialog再来点击当前这个dialog的话就会触发当前的dialog并且也会触发子组件的dialog。大概关系就是这样子，原本我是需要点击新增就触发子组件的dialog，点击查看就触发查看的dialog，但是我这点击了新增的dialog之后关闭了在点击查看按钮，会将两个dialog都触发显示。
2023-06-26 15:10:23
359
原创 vue中echarts的使用
看文这篇文章你可以学到，在vue中如何使用echarts，有两个相同的echarts图如何进行复用，vue中的父子组件通信，父传子。watch的使用。
2023-04-15 17:33:05
772
原创 小程序使用web-view内嵌页面必看系列
小程序web-view的使用，小程序如何嵌套其他页面，小程序web-view避坑必看。为什么我的视频在安卓可以播放，ios不能播放。点击tabbar页面数据不更新的问题
2023-04-15 16:52:09
1587
原创 如何编写一个高阶函数用来生成一个防抖函数
防抖：当事件被触发的时候，不是立即执行核心代码，而是延迟n秒执行，如果在n秒内事件被再次触发，则重新计时。如果不理解为什么不打印上面的1,2,3,而打印下面的4,5,6。你可以理解一下什么是防抖。2.这个函数调用两次，但是我们只想打印一次=》将这个函数编写成一个防抖函数。打印了一次，到这里我们的防抖函数就书写完成了。3.编写一个函数，可以生成一个防抖的函数。这里使用.call来改变this指向。1.编写一个函数并多次调用。4.支持普通函数带参数。5.支持this指向。
2022-11-25 19:32:22
169
原创 关于扁平数组转树型数组这件事
关于扁平数组转树型数组这件事，如何优化递归，如何使用递归实现扁平数组转树型数组。如何使用对象的形式来实现扁平数组转树型数组
2022-11-18 21:25:18
901
原创 构造函数和原型
这里我们主要讲构造函数的封装特性 用构造函数实例创建的对象彼此独立，互不影响。这段代码也很好的体现了构造函数的初始化对象的成员变量。但是构造函数其实是存在一个浪费内存的问题。怎么解决这个浪费内存的问题呢？这就要在原型中找到答案了。原型 原型对象 对象原型 对象实例 构造函数 原型链
2022-09-07 20:23:43
227
原创 深入对象 内置构造函数
2.构造函数this指向新对象。3.执行构造函数代码，修改this，添加新的属性。Object.values静态方法获取对象中所有属性值 返回的是一个数组。通过构造函数来快速的创建多个类似的对象，一般定义构造函数的时候首字母都大写。Object.keys 静态方法获取对象中所有属性（键） 返回的是一个数组。1.为构造函数传入参数，动态创建构造相同但值不同的对象。构造函数是一种特殊的函数，主要是用来初始化对象。2.静态成员方法中的this指向构造函数本身。2.构造函数创建的实例对象彼此独立互不影响。
2022-09-03 16:30:44
172
原创 作用域 函数的进阶 解构赋值
一，作用域 1.1 局部作用域1.2 全局作用域1.3作用域链1.4 变量提升二，函数 1.函数提升 2.参数 默认值 动态参数 剩余参数箭头函数 三，解构赋值数组解构 对象解构...
2022-08-31 21:25:41
225
原创 正则表达式
正则表达式是用于匹配字符串中字符组合的模式。通常用来查找，替换，提取那些符合正则表达式的文本。例如：在用户注册的时候我们通常会使用正则表达式，用户名只能输入英文字母或者数字，下划线，长度是6到18。const 变量名 = /表达式/...
2022-08-27 15:16:10
174
原创 JavaScript的Web API
日期对象 时间戳 如何获取电脑系统的当前时间 利用时间戳计算下课倒计时 声明变量var let const DOM什么是DOMDOM对象操作元素内容操作元素的属性操作元素的样式属性操作类综合案例事件 事件监听事件类型环境对象 回调函数 事件流事件委托页面加载事件load元素滚动事件scr页面尺寸事件resize元素尺寸与位置 offsetWidth和offsetHeight节点的增删改查操作 本地存储 复杂类型的本地存储
2022-08-17 20:56:29
145
原创 JavaScript对象
这里的person是一个对象 他有name,age,stature,gender属性 相对应的是属性的属性值。对象是JavaScript数据类型的一种，对象类型可以被理解为是一种数据集合，由属性和方法两部分构成。声明一个对象类型的变量与之前声明一个数值或字符串类型的变量没有本质上的区别。对象中没有该属性的时候 就给该对象添加 有的话就是重新赋值，也就是更改。Math.pow(4, 2) // 求 4 的 2 次方。Math.pow(2, 3) // 求 2 的 3 次方。访问对象的属性 对象名.属性。.
2022-08-15 20:42:05
131
原创 数组的基本使用
JavaScript中的数组 定义数组 数组单元 数组单元值类型 数组的长度属性 操作数组 数组的遍历 数组的求值 求一组数的平均值 求一组数的和
2022-08-10 20:36:54
88
原创 JavaScript基础入门教程
1.JavaScript介绍什么是JavaScript？JavaScript的作用JavaScript的组成JavaScript的书写位置JavaScript的输入输出语法2.变量什么是变量？变量的基本使用变量的命名规则与规范数组3.常量4.数据类型基本数据类型number 数字型string 字符串型boolean 布尔型undefined 未定义型null 空类型引用数据类型object 对象数据类型的转换隐式转换显示转换检测数据类型typeof5....
2022-08-05 18:30:42
664
原创 Git的安装和本地仓库的使用
git gitee github git的基本命令 git的安装和使用 git中撤销对文件的修改 git中取消暂存的文件 git中移除文件 git中的.gitignore文件 git中查看提交历史 git中回退到指定的版本git中的查看分支命令 切换分支命令 git合并分支命令删除分支命令 新建分支命令 拉取远程仓库命令 git pull推送远程仓库命令 git push 克隆远程仓库命令git clone...
2022-07-25 20:18:14
273
原创 vscode让html文件保存自动刷新浏览器
5.底部出现GoLive就是设置成功，点击GoLive出现端口号5500，端口号不被占用即可。3.找到如下图所示的设置浏览器设置设置自己需要用到的浏览器我这里是谷歌。1.在vecode扩展里面下载插件LiveServer。2.下载好插件之后点击设置选择扩展设置。4.设置完成之后重启vscode。...
2022-07-23 11:10:05
2180
原创 移动适配rem vw vh
移动适配 Less语法 rem rem-媒体查询 rem-flexible Less Less的注释 Less的运算 Less的嵌套 Less变量 Less导入 Less导出 vw vh
2022-07-18 20:23:12
215
原创 Flex布局
flex布局 弹性布局 主轴对齐方式默认值：justify-content: flex-start 终点开始依次排序： flex-end; 沿主轴居中排列： center; 间隙在盒子两侧： space-around; 间隙在盒子之间： space-between; 所有间隙相等： space-evenly； 侧轴对齐方式：align-items:flex-sart; flex-end; center; stretch ......
2022-07-15 20:44:13
89
原创 css实现空间转换3D效果
这是一个对3d立体元素的坐标轴来进行移动 transform:translateX(取值)； transform:translateY(取值)； transform:translateZ(取值)； transform:translate3d(X,Y,Z)；取值：像素单位数值或者百分比（正负都可） 移动translateZ的效果不明显，所以需要一个perspective的值来进行实现一个近大远小，近实远虚的视觉效果。
2022-07-13 20:28:12
190
原创 CSS特效实现双开门
字体图标iconfont 位移transform:translate 旋转transform: rotate 缩放transform: scale 渐变background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));多重转换：transform: translateX(800px) rotate(360deg);
2022-07-12 18:05:42
809
原创 HTML+CSS基础综合案例
1.尚合 效果图HTML代码如下： css代码如下： 成果图： 2.腾讯云 效果图html代码如下： css代码如下：成果图如下：
2022-07-04 16:58:19
3124
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人