笔记
文章平均质量分 54
@大熊
这个作者很懒,什么都没留下…
展开
-
ts对axios进行二次封装
【代码】ts对axios进行二次封装。原创 2023-02-09 17:34:49 · 631 阅读 · 0 评论 -
canvas写时钟
canvas写一个时钟原创 2023-01-13 15:35:06 · 531 阅读 · 0 评论 -
是js高级啊~
1.2.this绑定之外的情况非严格模式下,显示的将this绑定成null或undefined,this的指向是默认绑定(window)严格模式下,显示的将this指向null或undefined,this指向就是null或者undefined非严格模式下,创建一个函数的间接调用,this的指向是默认指向由以下案列可知,赋值语句的返回值是要赋的值1.3.箭头函数箭头函数箭头函数箭头函数不能用作构造函数(因为没有显示原型)如果函数体只有一行代码,默认值返回的是一个对象,必须用括号将原创 2022-11-22 10:46:22 · 295 阅读 · 0 评论 -
移动端适配
布局视口视觉视口同一个移动端布局视口。原创 2022-07-29 17:59:53 · 446 阅读 · 0 评论 -
flex布局入门讲解
flexitem。原创 2022-07-29 17:12:28 · 477 阅读 · 1 评论 -
less使用(入门)
less的基本使用原创 2022-07-26 15:00:03 · 198 阅读 · 0 评论 -
记录一下布局--宽度溢出导致的问题
box(.box表示)盒子,里面有10个li元素,每个li的宽度是110px,一共是1100px,.box的宽度默认是父元素的100%,.box的父元素是.header元素,默认也是父元素的100%,.header的宽度是body,body默认是视口的宽度,我们把浏览器缩小,此时浏览器视口的宽度是800px,然后body的宽度也是800px。但是10li元素的的宽度是1100px,溢出了,由于我们设置的颜色在.box上,所以溢出的部分没有显示背景。...原创 2022-07-23 16:52:56 · 106 阅读 · 0 评论 -
详解vertical-align
以下案列中在div.box盒子中,每行文本都隐士的有个盒子,官方给的定义是行盒,行盒的作用是包裹每行的行内级元素,因为span.small设置了属于行内级元素,所以行盒会将其包裹进去,然后div.box就被撑高了。(为啥span元素下下面会有一点像素,往下看)行盒会想办法包裹当前行的所有行内级的元素(文本也是)案列...原创 2022-07-15 00:07:03 · 450 阅读 · 0 评论 -
解决flex布局justify-content导致的多于元素对不齐问题
效果如下这样的样子很丑可以使用计算宽度来解决:假设容器的宽度是600px,每个项目的宽度是110px,每行可以显示5个,剩余宽度= 600px-110x50px = 50,因为每行最多可以显示5个,50/5 = 10,给每个项目的margin-right设置10px,最后一个不设置即可原理因为一个元素设置里flex,里面的元素就不严格区分块级或行内及了,所以可以设置宽高。我们未每个i元素设置和item一样的宽度,但是,所以我们看不见,也,当第二行只有1个的时候,不会影响,默认靠边界,当第二行有2、3原创 2022-07-07 23:35:35 · 1124 阅读 · 1 评论 -
关于element组件事件如何自定义传参
假设有下图这个场景,el-picker这个组件有个chang事件,它的形参已经是固定的了,那么我们如何加上自己想要的形参呢,直接加?那么原来的形参就会被替换,我以前的思路是,在标签中加一个data-xx然后在拿到该标签的实例,从而获取data-xx的内容,虽然可以实现目的,但是也忒麻烦了吧······船新版本,当当当当~~解释一下@change后面跟的是个函数体,当触发这个事件的时候,就会调用自定义的函数,val是chang事件的形参,这时候我们就可以将原来的形参和自定义的形参一起传进去了,这个果然妙原创 2022-06-12 17:08:54 · 1089 阅读 · 0 评论 -
关于使用element-ui组件化el-cascader表单验证无法通过的解决
在做项目的时候,多处要用到级联,所以就想着将他封装成单独的组件原创 2022-06-01 09:48:07 · 2293 阅读 · 0 评论 -
Dom API
整理一下常用的DOM API目录整理一下常用的DOM API查找父子关系兄弟元素按照HTML特征查找查找父子关系el.parentElement/el.parentNode 获取el的父元素parent.children 获取当前父元素下的所有子元素的集合返回的是类数组对象parent.firstElementChild 获取当前父元素下的第一个直接子元素parent.lastElementChild 获取当前父元素下的最有一个直接子元素兄弟元素el.previousEle原创 2022-05-29 23:20:32 · 75 阅读 · 0 评论 -
es6 class类
class类(es6)定义集中定义一种类型的所有对象,统一属性结构和方法的程序结构组成部分构造函数(constructor)和原型对象(prototype)构造函数: 负责定义所有子对象统一的属性和结构,并负责创建子对象原型对象:负责保存所有子对象共有的属性和方法原因在ES5中构造函数和原型对象是分开定义的,不符合面向对象的**‘封装’**使用方法用class{} 包裹构造函数和原型对象构造函数名提升为class名,所有构造函数从此统一更名为constructor所有放在class原创 2022-02-11 13:56:57 · 322 阅读 · 0 评论 -
MySQL server 安装教程
MySQL server 和MySQL workbench这两个软件 是在一起的进入网站下载,选择红框的下载https://dev.mysql.com/downloads/installer/然后点击安装第二项 直接点击next 会弹出一个警告框 选择yes表示 去检查 查看哪些依赖需要安装 点击execute 然后就会自动安装了 然后点击next...原创 2021-10-14 17:40:08 · 3698 阅读 · 1 评论 -
es6补充(array&string)
ES6数组&String API数组类数组转换为数组Array.find()Array.findIndex()Array.includes()String相关startsWith()endsWith()repeat()set数据结构set常用API数组记录一下es6得数组方法,方便自己查阅!类数组转换为数组Array.from()// 说白了这个函数就是遍历传入得类数组然后返回一个新得数组var oDivs = document.querySelectorAll('div') c原创 2021-09-25 11:07:02 · 183 阅读 · 0 评论 -
CSS继承之行高
记个笔记,css继承的行高继承行高可以带单位,也可以不带单位,1.5表示,作用于继承的子元素的字体大小的1.5倍,此时div的行高就是1.5*16=24<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"原创 2021-07-29 18:00:43 · 508 阅读 · 0 评论 -
Vue3高阶
Vue3高阶文章目录Vue3高阶前言Mixinmixin细节点mixin-自定义属性自定义指令teleport 传送门组合式API (composition API)setuprefreactivereadonlytoRefstoRefcontext前言啦啦啦,新的篇章,本期也是Vue3工程化的最后一篇了,一个人的旅程好难,什么都要靠自己去摸索,遇到问题需要好久好久才搞懂,苦逼~~~~Mixin在Vue3x版本中用的不多了 mixin指Vue中可重复使用的部分,比如说,在一个实例中的data原创 2021-07-07 23:01:15 · 696 阅读 · 2 评论 -
css定位新发现
en~~~~~~新发现,发现一种写法,有两个div,是父子关系,父元素设置了宽高,以及绝对定位,子元素如何撑满父元素,不用宽高的情况下,就是让子元素,也绝对定位,top/left/right/bottom都设置为0就好了,发现新大陆,哦吼吼~~<style> .box { width: 500px; height: 500px; background-color: #f00; position: absolute;原创 2021-07-06 20:45:41 · 46 阅读 · 0 评论 -
Vue3动画相关知识点
今天学习的是Vue3动画文章目录今天学习的是Vue3动画前言自定义动画Vue内部封装好的动画动画/过渡动画进场动画类离场动画类动画和过渡结合使用第三方动画库的使用js的方法实现动画/过渡前言啦啦啦,又是新的篇章,加油吧,这一章节吃的不是很透啊,脑子蒙蒙的哈哈哈,硬着头皮吃吧。哈哈哈嗝~自定义动画 vue中使用自定义动画和过渡的使用跟css中差不多,也是在style中定义动画或过渡,然后通过动态绑定class的方式调用<div id="app"> <div>原创 2021-07-05 22:54:25 · 241 阅读 · 1 评论 -
Vue面试题--为什么data必须是函数
今天懂了一个东西,就是Vue3中创建Vue实例的时候保存数据的data为什么一定是函数,Vue2的时候可以是对象,但是创建子组件的时候里面的data也是函数(不管是Vue3还是Vue2),那我们就不纠结这个了,说一下为什么吧!首先我们创建组件的时候(这里以子组件为例子),数据是需要独立的,不可能子组件只用一次吧,但是数据的改动可谓是牵一发而动全身啊!所以data必须是函数,因为每当用一次所创建的子组件,就会调用一次data函数,从而return 一个新的对象,这些对象的地址不同,所以避免了牵一发而动全身原创 2021-07-02 20:22:11 · 424 阅读 · 0 评论 -
关于引用类型数据赋值的问题
今天发现一个bug 因该是自己孤陋寡闻,学识浅薄,记录下来只是为了以后不再犯这个错误,都知道引用数据类型,赋值一份,两个变量指向的地址是一样的,但是当其中一个变量重新赋值,那么两个变量再无瓜葛let a={a:9,b:[1,2]}let b=a.b//此时b和a.b引用的地址一样b=[3,4]//此时b和a.b地址不一样,因为b重新赋值了//如何让两个地址一样呢 就是不重新赋值,而是直接修改b.push(3)//这样就一样了...原创 2021-07-02 10:55:25 · 149 阅读 · 0 评论 -
ES6 Promise
Promise定义:专门保证多个异步函数,可以顺序执行的机制,而且还防止了回调地狱 的问题。原因:如果使用回调函数实现多个异步函数顺序执行,会导致回调地狱的出现。如何实现:第一步:在异步函数内用new Promise(function(door){…})来包裹原函数中的所有代码。其中door是用来打开通向下一项任务的大门的钥匙。第二步:在异步函数执行完最后一步之后调用附赠的开关door()开门,通知下一项任务可以开始执行。第三步:将整个new Promise()对象返回到函数外部,再用原创 2021-03-11 09:39:40 · 85 阅读 · 0 评论 -
vue 写购物车
vue 写购物车用到了 计算属性(computed)、双向绑定(v-model)的复选框单用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"原创 2021-02-08 12:08:06 · 87 阅读 · 0 评论 -
模拟vue原理
模拟vue原理话不多说,直接进入正题<body> <ul id="nav"> <li> <ul> <li>姓名:</li> <li>{{uname}}</li> <li>积分:</li> <li>{{score}}</li> </ul> <原创 2021-02-01 16:14:01 · 89 阅读 · 0 评论 -
ES5 保护对象
ES5 保护对象今天自己复习了一下笔记的Es5保护对象(手写笔记),为了方便查阅,然后就整理发到平台了!接下来进入正题什么是:防止对象的属性值或对象的结构被随意篡改!原因:在旧的js中,对象的属性和结构容易被修改。任何人可在任何时候属性值,也可以随意添加和删除属性!如何:①保护对象的属性ES5对象的属性进行了重新分类命名属性可用 . 访问到的属性又分为数据属性和访问器属性数据属性:实际存储值的属性访问器属性:不实际存储属性值,仅提供对另一个数据属性的保护内部属性原创 2021-01-24 23:18:11 · 111 阅读 · 0 评论 -
从页面上获得文字不可以直接修改样式!!!
今天遇到了一个很可恶的问题,以为是BUG,然后耗费了自己一个小时来思考这个问题,最后才恍然大悟,原来是自己的基本功太差,果然是基础不牢,地动山摇啊!!!下面来看看是怎么回事!<body> <div id="d1">我是文字</div> <script> var a=document.getElementById("d1"); var b=a.innerHTML b.style.color="red"; console.log(b); &原创 2021-01-21 16:24:22 · 123 阅读 · 2 评论 -
返回回调函数笔试题
笔试题function multiFun(a,b,c){ return a*b*c; } var multi=exec(multiFun); console.log( multi(2,3,4) )//要求:实现exec()函数,实现输出24//答:1.从调用exec()函数方式来看,exec()只有一个参数 multiFun,就是一个回调函数,所以,基本形式:function exec(callback){}//2.exec()返回一个函数,题目要求,返回24,说明exec()返回的函数,执行的内容原创 2021-01-18 15:44:40 · 250 阅读 · 0 评论 -
查询字符串转换成对象
?后的查询字符串转换成obj格式var search="?uname=tom&upwd=123456&habs=running&habs=jumpping"function str2obj(str){//创建一个空对象var obj={};//截取?后面的字符串str=str.slice(1);//按照&分割字符串为数组var arr=str.split("&");//遍历数组中的每个元素for(var s of str){//按照=切割字符串为原创 2020-12-19 11:39:50 · 697 阅读 · 1 评论