- 博客(43)
- 收藏
- 关注
RSS订阅原创 vue3的Watch使用详解
vue官网提到： watch 的第一个参数可以是不同形式的“数据源”：它可以是一个 ref (包括计算属性)、一个响应式对象、一个 getter 函数、或多个数据源组成的数组：当然只修x或者y其中一个的值，也会触发监听错误写法报错正确返回
2023-11-15 14:31:38
450
原创 前端开发好用的vscode插件
通义灵码，是一款基于通义大模型的智能编码辅助工具，提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码注释生成、代码解释、研发智能问答、异常报错排查等能力，并针对阿里云 SDK/API 的使用场景调优，为开发者带来高效、流畅的编码体验。启动具有静态和动态页面实时重新加载功能的本地开发服务器，可以跑本地页面。可视化的查看git日志，文件历史，比较分支或提交。能动态计算出rem的真实值。
2023-11-15 09:27:22
301
原创 js实现for循环的休眠效果
思路如下 使用async 和 await 的异步处理和返回Promise在每次for循环都执行等待完成，从而实现for循环中的休眠功能。Javascript 中没有类似Python和Java的休眠函数，但是依赖ES6中的新增特性依然可以实现简单的休眠（暂停）函数功能。
2023-06-09 21:04:13
984
原创 pinia的基本使用
import {return {// 也可以定义为如果你还不熟悉 setup() 和 Composition API，别担心，Pinia 也支持一组类似的 map helpers likeVuex。
2023-03-16 14:30:35
218
原创 js实现base64,url,blob之间的相互转换
1.url: 一般来说，图片的显示还是建议使用url的方式比较好。2.base64： 如果图片较大，图片的色彩层次比较丰富，则不适合使用这种方式，因为其Base64编码后的字符串非常大，会明显增大HTML页面，影响加载速度。如果图片像loading或者小图标，小图片这样的，大小极小，但又占据了一次HTTP请求，而很多地方都会使用。则非常适用“base64:URL图片”技术进行优化了！3.blob: 当后端返回特定的图片二进制流的时候，前端用blob容器接收二进制流，再通过关系图。
2023-01-06 10:45:47
4568
1
原创 mapGetters的使用
如果一个变量或对象需要在多个页面和组件中使用，那么，可以使用mapGetters。2.在method同级上放入computed。getters中的state。列如：getters: {
2023-01-05 14:55:43
6576
原创 Vue2和Vue3的响应式原理
对象类型： 通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）通过Proxy（代理）：拦截对象中任意属性的变化，包括：属性值的读写、属性的添加、属性的删除等等。数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）vue3底层源码不是我们上面写的那么low，实现原理一样，但是用了一个新的方式。MDN文档中描述的Proxy与Reflect：可以参考对应的文档。通过Reflect（反射）：对被代理对象的属性进行操作。
2022-10-14 14:01:31
322
原创 文件格式转换
这个新的URL 对象表示指定的 File 对象或 Blob 对象。URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。以上方法得到了ArrayBufferView类型的二进制数据, 要将它转换为二进制文件流 这里要用到Blob对象。注意⚠️：这两个方法都是返回字符串 atob()方法解码后返回的是unicode编码的字符串 不是二进制对象。大多数编码都是由字符串转化成二进制的过程，而Base64的编码则是从二进制转换为字符串。
2022-09-29 10:34:39
1971
原创 DOM转成图片，图片打包成压缩包下载
dom-to-image 将DOM转成图片。jszip 打包成压缩包。先拿到想要的DOM 或者。1.首先需要俩个插件。
2022-09-28 14:17:35
798
原创 SQL的增删改查语句
SELECT 语句用于从表中选取数据。结果被存储在一个结果表中（称为结果集）。可以在不删除表的情况下删除所有的行。4.INSERT INTO 语句 向表格中插入新的行。5.Update 语句用于修改表中的数据。1 .SELECT 查询。
2022-09-23 10:52:08
648
原创 16进制数和10进制数之间的转换
radix-指定要用于数字到字符串的转换的基数 (从 2 到 36)。如果未指定 radix 参数，则默认值为 10。的十进制整数，radix 是 2-36 之间的整数，表示被解析字符串的基数。parseInt(string, radix) 解析一个字符串并返回。，进而可以n（基数可以指定）进制转10进制，
2022-09-06 11:30:51
3407
原创 v-slot插槽的使用
其实就是带数据的插槽，即带参数的插槽，简单的来说就是子组件提供给父组件的参数，该参数仅限于插槽中使用，父组件可根据子组件传过来的插槽数据来进行不同的方式展现和填充插槽内容。子组件：中自定义属性，数据，父组件可以接收到。效果：父组件的值插入到子组件中。注意：v-slot 要放在。
2022-09-02 18:26:02
206
原创 element-ui的el-date-picker报错
百度了一下，说什么子组件改变了prop的值，但是我并没有改变prop的值经过一系列查询最终发现和elementUI版本有关目前亲测可用版本为 2.15.6 注意前面不要加 ^ 符号重启项目不报错
2022-07-11 10:37:21
587
5
原创 uni-app h5 页面加载怎么隐藏加载 loading
在manifest.json的h5编译配置中可设置页面加载时展示的loading组件，默认是用的AsyncLoading。可以改成自己需要的。如果自己不需要loading，可以把delay时间调长。例如：
2022-07-07 11:30:31
2224
2
原创 Eachrts tooltip实现自定义
tooltip: {trigger: "axis",formatter: function (params) {//seriers的数据namevar result = params[0].name;params.forEach(function (item) {result += "<br/>";result +='<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px
2022-04-28 11:10:32
138
原创 echarts.graphic.LinearGradient渐变生成器(v3)
new echarts.graphic.LinearGradient( 0, 0, 0, 1, // 4个参数用于配置渐变色的起止位置, 这4个参数依次对应右/下/左/上四个方位. 而0 0 0 1则代表渐变色从正上方开始 [ {offset: 0, color: '#000'}, {offset: 0.5, color: '#888'// color: 'rgba(217,240,245,1)'}, {offset: 1, color:
2022-02-28 15:14:50
933
原创 vue-pdf上传和实现分页预览
<template> <div style="text-align:center"> <el-upload accept=".pdf" drag action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileArr" :before-upload="beforeUpload" :on-change="imgPreview
2022-01-14 17:47:33
484
原创 ArrayBuffer 与类型化数组
1.ArrayBuffer的介绍（1）ArrayBuffer 是一段连续的长度固定的字节序列，如：通过实例化 ArrayBuffer 对象在内存中创建一段二进制存储空间（或叫二进制缓冲区）。ArrayBuffer 的应用特别广泛，无论是 WebSocket、WebAudio 还是 Ajax 等等，前端方面只要是处理大数据或者想提高数据处理性能，那一定是少不了 ArrayBuffer 。（2）XMLHttpRequest Level 2 简称 XHR2。相较于老版本的 XHR 只支持文本数据的传送，X
2022-01-07 09:50:09
602
原创 VueX模块化使用（超级实用）
State 驱动应用的数据源，用于保存所有组件的公共数据.。Getter 可以将 getter 理解为 store 的计算属性, getters 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。Mutation mutations 对象中保存着更改数据的回调函数,该函数名官方规定叫 type, 第一个参数是 state, 第二参数是payload, 也就是自定义的参数。mutation 必须是同步函数。mutations 对象里的方法需要使用 sto
2021-12-28 16:50:56
1227
原创 element上传文件vue-pdf预览
<template> <div> <el-upload multiple drag action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileArr" :before-upload="beforeUpload" :on-change="imgPreview" :on-preview="handlefile
2021-12-23 18:05:33
1564
1
原创 前端项目的开发规范
编写规范不要出现拼音命名开发过程中随时添加注释尽量按照 ESLint 格式要求编写代码普通变量命名规范命名方法 ：驼峰命名法且与内容相关 let myName = ‘xxx’class 类名命名方法 : 全部小写命名规范 : 使用小写字母和中划线来组合命名，中划线用以分割单词div class=‘view_item’组件命名文件夹的命名统一首字母大写 及驼峰命名规则文件名统一使用index.vue组件名应该始终是多个单词的有意义的名词、简短、具有可读性me.
2021-12-21 09:22:43
331
空空如也
微信小程序webview嵌套h5从h5返回webview在打开是空页面
2023-04-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人