自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 vue3中scrollTop不生效的问题

昨天在写一个v3+ts的移动端项目时 有一个点击tab栏跳转至页面相对应位置的功能 ,使用scrollTop修改dom的位置不生效。dmeo._value.scrollTop= 0 //0为滚动到顶部。const demo= ref(null) // 这行代码用来获取dom。最后查出来问题为需要设置scroll的盒子没有设置高度。

2022-10-28 10:01:30 5737

原创 组件监听vuex内的数据变化

组件监听vuex内的数据变化

2022-08-18 15:18:14 218 1

原创 浅谈蓝湖使用ps插件快速构建代码

关于使用蓝湖将设计图转化为代码这个功能出现的已经有一段时间了今天在闲暇之余给大家分享一下些许心得:1.首先需要下载一个插件,在进入蓝湖主页以后点击右上角的下载,里面有一个Photoshop插件,点击下载安装2.然后打开psAPP ,在顶部的窗口中选择扩展功能(老版本的ps叫做扩展(旧版)),会发现有一个蓝湖,点击打开3.打开以后有一个蓝色按钮 ,将按钮打开,然后注册账号4.然后使用将你的设计图用ps打开 ,在蓝湖插件中选择自己需要的版本以及配置5.选择成功以后可以

2022-04-24 20:54:14 5618 1

原创 vue3使用element-plus中的文件/图片上传功能

elements-plus是一个专门针对v3的一个ui组件库里面有一个组件为upload 我本次用来将图片上传至数据库中。html的内容为:<template> <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSucc

2022-04-21 18:05:17 6443 5

原创 自定义指令拖拽

Vue.directive("drag", { inserted: function (el) { let flags = false; el.ontouchstart = function (e) { e.preventDefault(); flags = true; el.style.position = "fixed"; let touch = e.touches[0]; let x = touch.clientX - e...

2022-04-20 08:38:44 908

原创 let和const的区别

用let和const声明的变量存在暂时性死区 // 不存在变量提升 // 不能重复声明let和const都只在声明所在的块级作用域有效let声明的变量可以被赋值const声明的是一个常量,当声明复杂数据类型时,数据内部的值可以变化,数据在堆中的地址不会变化let声明的变量可以改变,值和类型都可以改变,没有限制。const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。...

2022-01-04 16:02:12 213

原创 promise的简单理解

promise是异步编程的一种方案,主要用于解决异步的回调的 ,当promise刚建成时 处于padding状态fulfilled --成功的状态 调用resolve会将promise改为fulfilled状态rejected--失败的状态 调用rejected会将promise改为rejected的状态///等待所有的promise都执行成功promise.all([p1,p2,p3]).then(res=>{})//race--赛跑 谁最先执行结束我就执行谁 ...

2022-01-04 16:00:43 261

原创 跨域。。。。

解决跨域的几种方式

2021-12-31 11:49:22 71

原创 vue2的native修饰符的基本使用

修饰符active的基本使用操作

2021-12-30 10:36:09 733

原创 html绑定事件的方式(原生的js)

三种:1》绑定事件:在标签上直接绑定 例:<p onclick="console.log(1)">hhh</p>2》获取元素绑定 例:document.queryselector('p').onclick=function(){console.log(1) }3》添加事件监听 例:document.queryselector('p').addEnentListener('click',()=>{consloe.log('1')},false或true)//false为..

2021-12-29 16:36:21 905 1

原创 keep-alive的基础知识

keep-alive 作为标签包裹使用时,会缓存这个实例而不是销毁他,如果包裹在坑 || 组件的外面,不想要某一个页面被缓存:三种方式:路由元信息 || 黑名单,白名单 || 在页面中放置两个坑1》路由元信息 在坑里面判断路由的元信息 在路由的信息内与path,name同级写上meta:{ 自定义属性名:true} 在坑上面用v-if=“$router.meta.自定义属性名==true”来判断 如果等于true那么该页面就不会被缓存2》使用keep-al...

2021-12-29 11:59:14 448

原创 简单的闭包理解

闭包声明在一个函数中的函数,就叫做闭包函数 闭包函数可以访问到该闭包函数外部的函数中的变量 即使闭包函数外部的函数被结束也可以访问每一个闭包函数内部的环境都是独立的

2021-12-28 16:13:31 127

原创 路由的重定向

改变页面的指向,如果需要跳转的页面已经被占用或销毁,那么会跳转至重定向指定的页面 例:redirect:"/路径" 与page,name同级

2021-12-28 15:57:27 1033

原创 路由导航的跳转传参以及路由的基本知识

router 路由导航声明式导航 <router-link></router-link>在html中作为标签使用编程式导航 this.$router.push()在Js中作为方法使用路由传参的方式:query:传递的参数会出现在路径中,在接受的页面通过$route.query.值 来接收 因为参数是在路径中的,所以页面刷新数据不会丢失 工作中常用params:数据刷新会丢失,只能通过name进行跳转。因为在实际工作中经常会用到分享功能,而分享过后页面刷新后的对象不会保...

2021-12-28 15:56:41 392

原创 判断数据类型的四种方法

1》typeof 用于判断一般数据类型 判断null的时候会把null判断为object2》instanceof 一般用于判断数组 new array为一个构造函数3》constructor 构造器 使用构造函数内的构造器来判断4》对象原型上的 tostring方法 ;这种方法可以判断所有的数据类型 相对来说是最好的一种方法 call改变this的指向...

2021-12-28 11:49:54 499

原创 深拷贝与浅拷贝//深复制与浅复制

深拷贝与浅拷贝:深拷贝和浅拷贝只针对像 Object, Array 这样的复杂对象。它们最根本的区别在于是否真正获取了一个对象的复制实体,而不是引用。简单来说,假设B复制了A,当修改B时,看A是否会发生变化,如果A变了,说明是浅拷贝;如果A没变,那就是深拷贝三种方法可将浅拷贝变为深拷贝1》JSON.parse(JSON.stringify(obj)) 字符串转换2》...展开运算符3》递归查询...

2021-12-28 11:47:40 203

原创 关于vuex的基础解析

vue的状态管理工具优点:公共的数据实时监控五大核心:1》state---存放状态/数据的地方2》mutations---唯一可以修改state数据的地方,存放方法3》getters---vuex的计算属性,与页面的computed大致一样 ,需要return才能获取到值4》actions---异步操作,需要经过mutations内的方法改变state5》modules---模块化...

2021-12-28 11:45:34 217 1

原创 浏览器的三种本地存储方式

浏览器的存储***三种方式 localstorage sessionstorage cookielocalstorage和sessionstorage 存储跟着域名走 不同的是:localstorage/sessionstorage 存储空间5m cookie--存储空间4k 传输:cookie会跟着请求来回发送,而localstorage/sessionstorage 这两条不会 loca...

2021-12-28 11:37:50 327

原创 vue2监听属性

监听属性:需要监听的属性名&&对象名:{ handler(newVal,oldVal){ },deep:true, //开启深度监听 需要监听复杂数据类型的值时开启深度监听 immediate:true //开启立即监听 一进入页面就监听}...

2021-12-27 11:33:21 235

原创 vue2内置的基本指令

v-for 循环v-if (动态的添加dom节点)v-show (css的display:none block)插值 v-html(渲染富文本) v-text(渲染文本)绑定事件 v-on 简写@绑定属性 :v-bind 简写

2021-12-27 10:59:20 137

原创 vue2的十一个生命周期函数

vue2的生命周期函数beforecreate 页面创建之前created 页面创建之后 这个时候就可以获取到data里面的数据了beforemount 页面挂载之前 在挂在之前和挂载之后的中间 子组件开始进行创建和挂载mounted 页面挂载之后beforeupdate 页面视图更新之前updated 页面视图更新之后beforedestory 页面销毁前destoryed 页面销毁后activated 被keep-alive缓存的组件激活时调...

2021-12-27 10:56:22 190

原创 git 推 拉 的基础操作

git 的基础知识

2021-12-25 11:45:55 299

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除