- 博客(71)
- 收藏
- 关注
RSS订阅原创 vue+element上传图片
对象的临时 URL 的方法。这种方法非常有用，尤其是在处理文件上传或生成动态内容时，比如图像预览。: 在用户选择文件后，可以使用这个 URL 显示图像预览。比如，当用户上传一张图片时，可以生成这个 URL 并将其设置为。2.:on-change文件上传成功时的钩子，(选择图片后，把图片格式转换为base64格式）对象生成一个可以在浏览器中使用的 URL。这个 URL 是临时的，仅在页面生命周期内有效。1.:auto-upload="false"取消自动上传，点击上传头像按钮上传。
2024-10-31 19:26:00
376
原创 vue全局API（app.component，app.config，app.directive，app.mount，app.unMount，app.use）
【代码】vue全局API（app.component，app.config，app.directive，app.mount，app.unMount，app.use）
2024-10-23 00:18:17
222
原创 js(深浅拷贝，节流防抖，this指向，改变this指向的方法)
相同点：都可以改变this的指向区别点：call和apply会调用函数，并且改变函数内部this的指向。call和apply传递的参数不同，call传递多个参数，apply以数组的形式传递多个参数bind不会调用函数，而是返回了一个this指向改变后的函数，需要调用这个函数。
2024-10-22 20:42:21
757
原创 js（作用域，垃圾回收机制，闭包，变量提升）
标记清除法：将不再使用的对象定义为无法达到的对象，就是从根部（全局对象）出发定时扫描内存中的对象，凡是能从根部达到的对象，都是还需要使用的，那些无法由根部出发触及到的对象被标记为不再使用，稍后进行回收。引用计数法：跟踪记录被引用的次数，如果被引用了一次，那么就记录次数1，多次引用会累计++，如果减少引用就-1，如果引用次数是0，则释放内存。先访问自己作用域有没有定义变量，有就访问，没有就去上一级作用域查找，找到了就使用，代码执行前，var声明的所有变量，提升到当前作用域的最前面，只提升声明，不提升赋值。
2024-10-21 20:09:24
1158
原创 js构造函数和原型对象，ES6中的class，四种继承方式
但是这样就会覆盖构造函数原型对象原来的内容，修改后原型对象constructor就不再指向当前构造函数了，我们需要在修改后的原型对象中，添加一个constructor指向原来的构造函数。在每个对象都会有一个__proto_指向构造函数的prototype原型对象，之所以我们可以使用构造函数prototype原型对象的属性和方法，就是因为对象有__proto_原型存在。基于原型对象的继承使得不同的构造函数的原型对象关联在一起，并且这种关联的关系是一种链状结构，我们将原型对象的链状结构关系称为原型链。
2024-10-21 18:04:10
1389
原创 对象的增删改查，数组api，字符串api，Date对象api，Math对象api
在js，对象是一组拥有无序的 属性和 方法的集合生活中，万事万物皆对象，对象中可以抽象处两个概念：特征(属性)和行为（方法）人：特征有姓名性别年龄身高体重... 行为:吃，敲代码，走路...属性名:属性值,属性名:属性值,属性名:属性值,属性名:属性值,方法名:function(){},方法名:function(){},方法名:function(){},方法名:function(){},}数组是一组有序的数据的集合。数组属于js内置的对象，身上也有属性和方法。
2024-10-18 10:30:33
805
原创 HarmonyOS开发（State模型）
FA（Feature Ability）模型：从API 7开始支持的模型，已经不再主推。Stage模型：从API 9开始新增的模型，是目前主推且会长期演进的模型。在该模型中，由于提供了AbilityStage、WindowStage等类作为应用组件和Window窗口的“舞台”，因此称这种应用模型为Stage模型。
2024-10-18 09:02:04
844
原创 HarmonyOS开发（状态管理，页面路由，动画）
属性来给组件添加动画，当前组件的width,height,opacity,backgroundColor,scale,rotate,translate属性时，可以实现渐变过渡效果。@State支持Object,class,string,number,boolean,enum类型以及这些类型的数组。1.父子类型一致string,number,boolean,enum，object,class,以及它们的数组。页面栈的最大容量上限为32 个页面，使用，router.clear()方法可以清空页面栈，释放内存。
2024-10-17 16:40:19
1069
原创 HarmonyOS开发（ArkUI简单使用）
Componentbuild(){//组件UI描述@Componentbuild(){//使用组件Com({title:'标题'})//UI描述@Componentbuild(){@Component//UI描述build(){
2024-10-16 21:03:55
1072
原创 TypeScript数据类型限定（基本数据类型,void,数组,元组,枚举,any,unknown,never,函数,自定义数据类型,联合类型和交叉类型）
object：表示非原始类型的对象。可以是任何类型的对象（不包括原始类型如numberstringboolean等）。接口（interface：用于定义对象的结构。类型别名（type：用于为类型定义一个新名称。//自定义类型//1、接口interface 接口名{键：类型}//自定义函数类型age?:number;//定义函数变量，并给函数赋值name:"张三",sex:"男",console.log("吃"+food);p01.name="张小三",p01.age=12;
2024-10-16 00:01:24
1139
原创 ES6基础知识
1. 是否支持同一个作用域变量同名 var支持，let不支持2. 是否支持预解析 var支持，let不支持3. 是否会挂载在window对象上 var会，let不会4. 是否存在暂时性死区(在定义这个变量之前的区域是这个变量的死区，不能在这个死区中进行操作变量 --- 输出，赋值，等) let有 var没有5. 是否存在块级作用域 let存在，var不存在常量：定义完毕之后不能再被更改。
2024-10-15 15:44:22
1128
原创 移动端响应式布局（媒体查询+rem,vw+rem,flexible.js+rem）
案例3：假设我现在拿到的设计稿是640的，我应该在iPhone5下做，已知该设备的真实大小是320的。iPhone678/plus====真实宽度是414======设计稿是1242px====3倍。iPhoneX========真实宽度是375=========设计稿是1125px====3倍。iPhone5=======真实宽度是320=========设计稿是640px=====2倍。iPhone678======真实宽度是375=========设计稿是750px====2倍。
2024-10-14 23:59:57
690
原创 css的简单问题
相同点：都可以让元素不可见区别：可以让元素完成在渲染树中消失，渲染时不占任何空间；不会让元素从渲染树消失，渲染元素继续占据空间，只是内容不可见。修改元素的display通常会造成文档重排，修改isibility属性只会造成本元素的重绘。
2024-10-14 14:20:26
623
原创 html5的简单问题
语义化更好的内容元素；cookies是网站为了标示用户身份而存储在用户本地终端上的数据，cookies数据始终在同源的http请求中携带，在浏览器和服务器间来回传递。导致回流现象的操作：添加或删除可见dom元素，元素的位置发生变化，元素尺寸发生变化，内容发生变化，定位或浮动，浏览器窗口尺寸变化。在构建cssom树时，会阻塞渲染，直到cssom树构建完成。便于团队的开发和维护，在没有加载css的情况下也能呈现较好的内容与结构代码，易于阅读。属性允许你在元素上存储与其相关的信息，而不会影响页面的结构或样式。
2024-10-14 11:38:50
474
原创 tortoisegit简单用法
test_branch分支修改 test_branch文件，dev分支修改test_branch文件。devfen分支合并test_branch分支。自己的分支：test_branch。主分支：master。
2024-10-14 10:20:50
512
原创 git(版本回退，分支管理，vscode集成git)
git reset --soft HEAD^回退到上一次提交的暂存区，可以修改注释commit,配合暂存区添加修复代码只生成一条记录。git push origin master -u 把本地的主分支推到远程的主分支（第一次加-u）.git目录=本地库=版本库（代码提交到暂存区，暂存区提交到master分支）git reset --hard HEAD~2回退到上上次提交的版本。git reset --hard HEAD^回退到上一次提交的版本。git rm --cached 文件名 取消添加到暂存区。
2024-10-12 11:25:01
1180
原创 git的基本使用
版本：软件版本，文件版本，保存重要的历史记录，恢复数据版本控制软件的基础功能：保存和管理文件，提供客户端工具访问，提供不同版本文件比对功能。
2024-10-11 12:31:40
876
原创 Vue.js 中＜teleport＞ 组件，＜Suspense＞ 组件
在 Vue.js 中，是一个非常强大的内置组件，用于将子组件或元素“传送”到 DOM 中的不同位置，而不仅限于它们在父组件中的结构。这可以帮助解决许多布局和样式方面的问题，尤其是在模态框、工具提示、下拉菜单等情况下。
2024-10-09 15:57:08
308
原创 组件通信(props,emit,mitt,v-model,$attrs,$refs,$parent,provide和inject)
儿子给的玩具{{toy}} 把玩具给父亲
2024-10-08 17:14:32
339
原创 vue组合式api(ref,reactive,toRef,toRefs,computed,watch,watchEffect,props,hooks)，路由，pinia
监视ref定义的基本类型数据{{ sum }} +1监视ref定义的对象类型数据{{ person.name }} {{ person.age }}
2024-09-29 15:18:07
531
原创 vue-cli,element-plus,axios,proxy
a.在终端下运行vue create 002demo命令，基于交互式的命令行创建vue的项目。vue-cli俗称vue脚手架，是vue官方提供的快速生成vue 工程化项目的工具。本质：通过可视化面板采集到的用户配置信息后，在后台基于命令行的方式自动初始化项目。a.在终端下运行vue ui 命令，自动在浏览器中打开创建项目的可视化面板。f.将刚才所有的配置保存为预设模板，方便下一次创建项目时直接复用之前的配置。e.在配置页面勾选vue的版本和需要的预处理器。b.选择要安装的功能（手动选择要安装的功能）
2024-09-24 15:50:13
829
原创 vue-router路由(重定向，嵌套，动态路由匹配，命名，高亮，守卫)
next是一个函数，表示放行。不声明next参数，则默认用户可以访问每一个路由，声明了next参数，则必须调用next()函数，否则不允许用户访问任何一个路由。spa是一个web网站只有一个唯一的html页面，所有组件的展示与切换都在这唯一的一个页面完成。被激活的路由链接，默认会应用一个叫做router-link-active的类名。在创建路由的实例对象时，可以基于linkActiveClass属性，自定义路由被激活时所应用的类名。用户在访问地址a的时候，强制用户跳转到地址c，从而展示特定的组件页面。
2024-09-23 17:50:48
773
原创 vue组件（$refs对象，动态组件，插槽，自定义指令）
组件，专门用来实现组件的动态渲染。a.是组件的占位符b.通过is属性动态指定要渲染的组件名称c.
2024-09-20 15:25:29
965
原创 vue选项式写法项目案例(购物车)
3.允许用户自定义totalt总数量，并渲染到结算按钮中，如果要结算的商品数量为0，则禁用结算按钮。2.封装组建的6的自定义属性id，thumb,title,price,count,checked。1.组件必须固定到页面底部位置，高度50px,内容两端贴边对其，z-index为999。5.允许用户通过自定义事件的形式，监听全选按钮选中状态的变化，并获取到最新的选中状态。3.封装组件的自定义事件stateChange，允许外界 监听组件选中状态的变化。4.允许用户自定义isfull全选按钮的选中状态。
2024-09-19 16:47:24
479
原创 vue组件之间的数据共享
父组件通过v-bind属性绑定向子组件共享数据，子组件需要使用props接受数据。父组件在使用子组件期间，可以使用v-model指令维护组件内外数据的双向同步。子组件通过自定义事件向父组件共享数据。3.父子 双向数据同步。二、父子组件之间的数据共享。1.父-->子共享数据。2.子-->父共享数据。
2024-09-18 12:07:14
520
原创 vue组件的生命周期
开始--》import导入组件--》components注册组件--》以标签形式使用组件--》在内存中创建组建的实例对象--》把创建的组件实例渲染到页面上--》组件切换时销毁需要被隐藏的组件--》结束。当组件的data数据更新后，vue会自动重新渲染组件的dom结构，从而保证view视图展示的数据和model数据源保持一致。vue框架为组件内置了不同时刻的生命周期函数，生命周期函数会伴随着组件的运行而自动调用。组件的生命周期指的是：组件从创建、运行（渲染）、销毁的整个过程，强调的是一个时间段。
2024-09-18 11:19:37
473
原创 watch和computed的使用及区别
计算属性本质上是一个function函数，可以监听data中数据的变化，并return一个计算后的值，供组件渲染dom时使用。当watch侦听的是一个对象，如果对象中的属性值发生了变化，则无法被监听到。需要使用deep选项。watch侦听器允许开发者监听数据的变化，从而针对数据的变化做特定的操作。计算属性会缓存计算的结果，只有在计算属性的依赖项发生变化时，才会重新计算。侦听器侧重于监听单个数据的变化，最终执行特定的业务处理，不需要有任何返回值。计算属性侧重于监听多个值的变化，最终计算并返回一个新值。
2024-09-18 10:32:07
470
原创 组件上的v-model(数据传递)，props验证，自定义事件，计算属性
父组件</div><script>data(){return{msg:'111',</script><template><div>子组件</div><script>props:{msg:{default:10},type:{// true成功，false失败==-1</script><template>Son},data(){return{count:0},methods:{
2024-09-13 22:56:40
591
原创 单页面应用和vite的基本使用（props，class，style）
single page application,指的是一个web中只有一个唯一的html页面，所有的功能和交互都在这唯一的一个页面内完成。scoped，如果给当前组件样式添加scoped属性，当前组件的样式对其子组件是不生效的，可以使用/deep/深度选择器或者:deep()单页应用内容的改变不需要重新加载整个页面，获取数据也是通过ajax异步获取，没有页面之间的跳转，不会出现白屏现象。根据封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护。是项目的源代码目录，写的所有代码都在此目录下。
2024-09-13 16:41:03
1025
原创 vue3的基本使用（步骤，架构模式，调试工具，指令）
而 View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作 DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。（HTML+CSS，动态网页（jsp，含有html的php文件））页面的展示和用户的交互。(nodeJS中的db文件夹)，没有页面，是纯粹的逻辑。e.条件渲染指令v-if,v-else-if,v-else,v-show。频繁切换使用v-show。v-if有更高的切换开销，v-show有更高的初始渲染开销。
2024-09-11 15:04:15
475
原创 js基础(变量、数据类型)
外部js，写在以.js结尾的文件里，通过script 标签，引入到html页面中，<script>标签不要写内容，会被忽略。内部js，直接写在html文件里，用<script>标签包住，写在</body>标签上方；2.变量的声明（声明，定义）let 变量；声明语法let 变量名=[数据1，数据2，数据3，...]数字字面量，字符串字面量，组数字面量，对象字面量等。只能用下划线，字母，数字，$组成，且数字不能开头；在计算机科学中，字面量是在计算机中描述的事/物。声明变量的时候直接赋值，叫做变量的初始化。
2024-04-19 00:59:32
371
原创 EventLoop
JavaScript是一门单线程执行的编程语言。同一时间只能做一件事情。单线程执行任务队列的问题：如果前一个任务非常耗时，则后续的任务就要一直等待，从而导致程序假死的问题。
2024-04-12 23:08:03
442
原创 async/await的执行
2.在async方法中，第一个await之前的代码会同步执行，await 之后的代码会异步执行。1.在function中使用了await，则function必须被async修饰。
2024-04-12 22:07:06
308
原创 优化代码分支
3.内容使用map映射表中对应的map[item.type].textContent。2.添加类名，把map[item.type].className进行字符串的拼接。语句被执行时，它会立即抛出一个异常，并停止当前函数的执行。2.添加类名为传入对象的type值，div的内容为传入对象的type值。1.写映射关系表，如果传入的数据不在map映射表中，抛出异常。优化思路：用map结构优化if-else判断。3.判断异常情况代码提前，当。，该语句后面的代码将不会执行。元素中，设置样式，这样。1.提取出公共代码，
2024-03-30 01:38:59
280
原创 ECharts绘制盒须图
反应一组数据的分布情况，通过四分位数以图形的方式展示数值数据的局限性、分布和偏度组的方法。2.（25%-75%中间一半的数据分布情况）箱子越长，数据越分散，箱子越短，数据越集中。3.箱子的偏向性，箱子靠下，正态分布峰值越靠左，箱子靠上偏高，正态分布值越靠右。4.中位数：中位数的水平，不受极大值极小值影响的平均水平。偏上：中位数>均值，负偏分布（左偏态）左侧长尾较长的分布。1.整体越长，数据分布越广，整体越短，数据分布越密集。IQR：四分位距，Q3-Q1，盒子的宽度。黑线在箱子的位置：中间，偏上，偏下。
2024-03-19 23:57:06
1279
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人