- 博客(28)
- 收藏
- 关注
RSS订阅
原创 vuex，vue-store: mapState、mapGetters、mapMutations
【代码】vuex，vue-store: mapState、mapGetters、mapMutations。
2024-05-10 10:10:16
616
原创 响应式布局
rem单位的特点: CSS3新增的单位，并且移动端的支持度很高，单位是动态根据html元素的font-size的值进行换算，根元素的font-size相当于提供了一个基准，当页面的size发生变化时，只需修改根元素font-size大小，即可完成适配。CSS3媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。CSS3中引入了一个新的单位vw/vh，与视图窗口有关，vw表示相对于视图窗口的宽度，vh表示相对于视图窗口高度。
2024-08-26 16:03:57
361
原创 js async await使用(异步解决方案)
js代码的执行顺序是自上而下，异步执行。有时候，下面的代码需要用到上面代码的返回值，这时候就需要把执行顺序变成同步执行。
2024-05-22 09:30:00
292
原创 websocket-hearbeat-js心跳检测，vuex封装，即时通信，前后端互通消息
websocket-heartbeat-js基于浏览器js原生websocket。可以定时发送socket请求，具有心跳检测以及自动重连机制。网络断开或者服务端问题造成连接断开，socket会自动重连，直至连接成功。只有客户端主动断开连接，才会终止socket自动连接。
2024-05-15 09:00:00
314
原创 Promise.all()使用
Promise.all()的方法用于将多个Promise实例，返回一个新的Promise实例，接收一个由promise任务组成的数组，可以同时处理多个promise任务，当所有的任务都执行完成时，即promise任务都走resolve，Promise.all()执行then()方法，会以数组的形式拿到每一项resolve结果;如果promise任务有一个失败，走reject，Promise.all()执行catch()方法，返回第一个失败的信息，并且不会走成功的then()方法。
2024-05-14 02:00:00
1078
原创 Vue Mixins(混入)使用
mixins文件中定义的methods方法，可以在每个文件中引入使用，data中定义的数据，在各个文件中都是独立的，默认都是初始值，不会因为在其中一个文件中修改而修改，即方法和参数在各组件中不共享。// myMixins.js文件data() {return {},methods: {// 价格加减。
2024-05-13 09:30:00
328
1
原创 Vue2 + vue-i18n@8 多语言切换
npm i vue-i18n@8 // vue2必须安装8版本的i18n包，vue3必须安装9版本的i18n包。***注：后续element-ui相关的国际化语言，可用可不用。
2024-05-11 08:00:00
494
1
原创 js对url编码和解码
三种编码函数:一、encodeURI 和 decodeURI它着眼于对整个URL进行编码，因此除了常见的符号以外，对其他一些在网址中有特殊含义的符号"; / ? : @ & = + $ , #"，也不进行编码。编码后，它输出符号的utf-8形式，并且在每个字节前加上%。 需要注意的是，它不对单引号’编码二、encodeURIComponent 和 decodeURIComponent（推荐使用）它用于对URL的组成部分进行个别编码，而不用于对整个URL进行编码。 因此，"; / ?
2024-05-10 10:15:23
257
原创 js函数防抖
使用input标签的oninput实时监听输入框输入内容变化，为了减少接口调用频率，使用防抖，减少接口请求，可提升用户体验，达到项目优化的目的。所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。使用setTimeout，减少事件触发频率。
2024-05-10 09:58:15
158
原创 js获取当前年月日 时分秒的方法(new Date()/moment.js)
【代码】js获取当前年月日 时分秒的方法(new Date()/moment.js)
2024-03-31 09:44:29
3942
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人