- 博客(37)
- 收藏
- 关注

原创 vue2和vue3不同写法及区别
-响应式原理不同,vue2原理基础依靠 Object.defineProperty;--写法却别:vue写法共有组合式和选项式两种写法,vue2主要使用。--vue2不支持多根节点,vue3支持多根节点。--vue2和vue3双向数据绑定不同。--vue2和vue3定义数据方法不同。--diff算法不同,vue3更优化。--vue2和vue3生命周期不同。--vue2和vue3插槽不同。2.写法不同,写法详解。写法,vue3主要使用。选项式写法 ,vue3。选项式和组合式写法。
2023-03-31 20:35:20
4546
7
原创 electron-vue自定义标题
1.在主进程background.js或者main.js中主窗口配置。2.此时顶部的标题不见了,现在需要自己自定义放大,缩小,关闭等操作。3.第二步自己写好后,下面说下向主进程发送命令进行放大,缩小,关闭。4.主进程监听渲染进程发送的指令,下面那部分就是监听的。上面的标题自己使用css html写。
2024-07-04 17:30:30
479
原创 electron-vue打包后背景图不显示的问题
2.在vue-config.js中配置加上customFileProtocol:"./"1.以上是我打包的路径。
2024-07-04 17:15:51
480
原创 小程序request请求封装
进行二次封装请求,引入刚刚创建的request.js文件,下图每个方法都是一个接口请求。3.使用封装的接口。引入刚刚创建的comment.js,里面已经封装好了接口请求。wx.setStorageSync('token',返回的token),直接复制即可,需要改一下请求地址,有些配置自己可根据实际情况修改,文件封装request请求,此封装带上了。比如以下状态码的判断,根据你的具体返回。,需要你从后端获取后利用。以上为本人的项目目录。
2023-10-27 09:13:12
937
原创 js数组排序(冒泡排序,双重for循环排序,sort方法排序)
是相邻的两个数字进行比较,按照从小到大或从大到小的顺序进行交换,这样一趟过去后,最大或最小的只会被交换到数组的末尾,然后再进行下一轮对比,把最大或最小的值会被交换到数组的倒数第二位“以此类推数组,条件不满足结束循环对比结束。:将第一位依次与后面的元素进行比较,得到最小火最大值,与第一位交换,再次拿第二位依次与后面的元素进行对比获取第二个最小火最大数,与第二位进行位置交换,重复执行,直到外层循环添加不满足交换完毕,排序完成。对您有用的话,动动小手来个赞赞。
2023-10-09 09:53:30
624
原创 小程序中使用echarts的相关配置以及折线图案例(简单易懂)
注意:此文件,我是从完整的文件中剥离出来的有用的,不会影响项目。在需要使用echarts的组件的js文件里需要引入。点击Download ZIP下载压缩包,第二步:把整个文件放入到小程序文件里。第三步:在需要的组件中进行正确引入。4.2:在index.wxml中。4-1:在index.js中。
2023-10-09 09:23:33
1233
原创 js之防抖和节流
节流:在固定的时间内,多次操作一个事件,以首次为准(只执行一次操作),固定的时间内不能触发第二次事件。原理:延迟执行下一次事件触发 “在某个时间段内执行一次事件”。防抖:多从操作同一个事件,以末次为准(只执行最后一次操作)。原理:延迟执行下一次事件触发 “在某个时间段内执行一次事件”。作用:降低代码执行频率。作用:降低代码执行频率。
2023-09-23 15:07:17
157
原创 本地存储关于localStorage和sessionStorage以及cookie
持久性cookie :设置到期时间,会依据到期时间而删除cookie。会话cookie :没有设置到期时间,会随着浏览器的关闭而删除。可以多窗口(页面共享)(同一浏览器可以共享)在同一个窗口(页面)下数据可以共享。以键值对的形式存储使用。以键值对的形式存储使用。相关:生命周期为关闭浏览器窗口。相关:生命周期永久生效。
2023-09-23 14:57:41
94
原创 electron-vue使用electron-store判断应用是否是第一次打开
1.安装electron-store,它是Electron应用程序中持久化存储数据的模块。3.引入electron-store,在background.js中使用。4.在渲染进程中的created中监听,也可以在其他钩子中监听,根据需求。2.如果出现版本问题。
2023-09-23 09:10:43
1371
原创 electron-vue使用robotjs操作鼠标键盘
2.安装时如果出现一下错误:版本冲突问题。4.具体使用robotjs。3.那么就在命令后面加上。
2023-09-19 09:16:56
1926
原创 vue使用element-ui创建多级菜单
1.代码是从项目直接搬下来的,其中的一些方法,你们可能用不到,一个。很简单,:data='dat'为总数据,每个。是用来判断每级创建不同的button按钮。第四个el-table-column。
2023-09-18 09:15:12
926
原创 electron-vue窗口之间通过主进程传递数据
3.在渲染进程监听主进程的'message-from-kiss'即可。1.在渲染进程发送数据,先把数据传到主进程。就是渲染进程传递过来的数据,然后利用。
2023-09-15 16:34:11
1277
原创 electron-vue点击打开新的窗口
1.首先在background.js中利用ipcMain创建,首先引用。2.创建一个function。
2023-09-14 15:25:04
3171
9
原创 electron-vue创建桌面应用
在终端或者cmd中先查看是否已经安装了vue-cli,vue-cli的版本是什么,如果有就直接创建项目。这里将项目名定为:electron-vue-helloworld。输入完上述命令之后进入vue项目的创建过程。后续会更新更多electron-vue刚开始可能出现的问题。根据自己需求选择css预处理模块,我这里选的是less。如果版本太老,就删除老版本,下载新版本。在启动的时候,会启动很慢,请耐心等待。这里选择最新版,然后就创建完成了。根据自己需求选择:然后下一步。
2023-09-14 12:01:27
145
原创 vue+canvas绘制圆并连线
概述:点击右边图例=》点击画布进行绘制+》点击一键连线。第一步:点击右边图例,两个图例各设置一个开关。注:可能有的括号符号不全,请注意检查,前期工作创建canvas实例。第二步:点击画布进行绘制。
2023-08-02 17:37:39
1231
原创 js无缝轮播图,有过渡效果(详细解析)
此时需要注意,需要在判断中用到setTimeout延时器,过渡效果有几秒,延时器也要写几秒。因为有过渡效果,不然会有问题,要把过渡清除,设置延时器是把延时器的时间当做过渡去使用。1.无缝轮播思路:复制轮播图第一张到最后一张,当轮播图到最后一张时,需要判断,到第一张。
2023-02-20 20:49:33
1697
原创 HTML+css面试题(持续更新版)
起初,伪元素的前缀使用的是单冒号语法,但随着Web的进化,在CSS3的规范里,伪元素的语法被修改成使用双冒号,成为::before ::after。原因: click事件触发后有300ms的延迟响应, 当点击遮罩层时,tap事件触发即立即响应,执行隐藏, 而click事件触发会在0.3s之后响应, 而在0.3s之后, 遮罩层已经隐藏, 则由下层输入框响应这个click事件, 而获取焦点。15, 在页面头部显示导航条,不随页面滚动,在页面左侧显示垂直菜单栏,不随页面滚动,你会怎么实现?padding:0;
2023-02-18 19:27:07
397
原创 js视口及【vw,vh,em,rem】 的简单概述
相对于当前对象内本文的字体尺寸(如果没有设置本文尺寸,那就是相对于浏览器默认的字体尺寸,也就是16px),这样计算的话。如果使用em的话,有个好的建议,就是将body的font-size设置成62.5%,也就是16px * 62.5% = 10px。- vmin和vmax,vmin是指选择vw和vh中最小的那个,而vmax是选择最大的那个。- 和百分比不一样的是,vw始终相对于可视窗口的宽度,而百分比和其父元素的宽度有关。- vh把视口的高度分成100份,其中1vh代表一份。vh就是可视窗口的高度了。
2022-09-28 23:13:35
2394
1
原创 react-Router6 (路由6快速上手)
React Router 以三个不同的包发布到 npm 上,它们分别为:react-router: 路由的核心库,提供了很多的:组件、钩子。包含react-router所有内容,并添加一些专门用于 DOM 的组件,例如等。等。与React Router 5.x 版本相比,改变了什么?内置组件的变化:移除,新增等。变为等。useParams、、useMatch等。官方明确推荐函数式组件了!!!......
2022-09-26 23:14:21
1245
2
原创 React生命周期详解
4.现在使用会出现警告,下一个大版本需要加上UNSAFE_前缀才能使用,以后可能会被彻底废弃,不建议使用。3. componentWillUnmount:做一些收尾工作, 如: 清理定时器。-我们在定义组件时,会在特定的生命周期回调函数,中做特定的工作。1. render:初始化渲染或更新渲染调用。4.componentDidMount() ===>常用。由组件内部this.setSate()或父组件重新render触发。1.componentWillUnmount() ==>常用。,会在特定的时刻调用。
2022-09-22 11:19:32
141
原创 js事件处理程序
Dom2 添加事件监听,使用“click”,省略‘on’,事件可以有两种机制“捕获和冒泡。-DOM0 以“on”开头添加事件,事件默认只有冒泡机制。而响应某个事件的函数就叫做事件处理程序(或事件侦听器)一个事件处理程序只能执行一个事件处理函数。可以给一个元素同时添加多次事件处理函数)-DOM2级事件处理程序。DOM0级事件处理程序。
2022-09-17 21:07:50
394
原创 DOM事件流
产生一个事件时,该事件会在元素节点与根结点之间的路径传播,路径所经过的结点都会收到该事件,这个传播过程可称为DOM事件流。-onclick和 attachEvent(ie) 只能得到冒泡阶段。addEventListener('事件',函数体,布尔值)比如我们给一个div标签注册了点击事件:看下图。:-js代码中只能执行捕获活着冒泡其中一个阶段。阶段,第三个参数默认是false。2.DOM事件流分为。
2022-09-17 20:46:37
193
原创 js事件对象(event)
event对象代表事件的状态,跟事件相关的一系列信息的集合,鼠标事件对象MouseEvent和键盘事件对象KeyboardEvent。2.事件对象(event)也有兼容性问题 通过window.event的兼容性写法 ,使用时window可以省略。3.事件对象有了事件才会存在,它是系统给我们自动创建的,不需要我们传递参数。就是一个事件对象 写到我们的侦听函数的 小括号里当形参来看。1.可以获得和哪个按键结合。2.可以获得点击所在的位置。常用的获取鼠标位置的方法。
2022-09-08 22:37:49
488
原创 git常规操作
git merge --no-ff -m "merge with no-ff" dev #加上--no-ff参数就可以用普通模式合并,合并后的历史有分支,能看出来曾经做过合并。git log --author=作者 # 查询作者的提交记录(和grep同时使用要加一个--all--match参数)git branch --set-upstream 本地分支 远程分支 # 建立本地分支与远程分支的链接。
2022-09-07 19:33:17
253
3
空空如也
electron-vue
2023-09-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人