![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
什么意思哦呢嗯
这个作者很懒,什么都没留下…
展开
-
字面量创建一个对象和new创建一个对象的区别,以及new做了哪些事
(4)执行了该构造函数,并存储结果作为result,如果返回值是null或者undefined则返回新的对象,如果不是则返回result。(3) 使得新对象的_proto_指向了构造函数的prototype。(2)改变了this的指向,使得this指向了新创建的实例。(2)不用解析作用域,速度更快。(1)new创建了一个新的对象。(1)更简单,容易阅读;原创 2023-02-27 15:21:26 · 234 阅读 · 0 评论 -
uni-app中背景图片的设置
第二个:垂直位置,如果给具体的px值代表距离上边多少。background-size:contain:没有变形,完全显示了,表示图片一定被盒子包着,缩放后图片两边都要缩到盒子里才会停止缩放,都是按比例缩放,不会变形。background-size: cover:有一部分没有显示被覆盖的意思,表示图片一定要覆盖盒子,缩放后图片只要一边缩放到盒子内就停止缩放。(2)no-repeat/repeat:是否平铺(repeat:水平垂直都平铺,默认。总结:(2)(3) (4) (5)都是跟在图片路劲后面。原创 2023-02-07 09:28:08 · 5365 阅读 · 0 评论 -
web/前端存储
前端存储分为两种:cookie和webstorage,其中webstorage又分为:sessionStorage和localStorage。localStorage:本地存储,将数据存储在本地磁盘,即使选项卡或浏览器关闭数据也不会消失,传输的数据可达5M。sessionStorage:会话存储,针对于选项卡,如果浏览器或者选项卡关闭,存储消失,传输的数组可达5M。cookie:产生于服务器,存储于客户端,,同一个浏览器的cookie是共享的,传输的数据最大为4k。原创 2022-10-06 15:47:49 · 232 阅读 · 0 评论 -
学习使用less
一个父级元素有多个子级,想要使用其中一个的样式就可以使用命名空间 使用方法:父级选择器名子级选择器名()在css中给子代设置样式的时候还要在前面写父级,但是less中可以将子级直接嵌套在父级。想要在哪里使用这个元素的样式就在哪里使用 “选择器()”的方式使用。访问变量声明的一些属性,会现在当前作用域查找,找不到再向父级查找。例:@min:~'(min-width:786px)'1.绝对单位和相对单位运算,以第一个的运算符单位为准。例:#one{font-size:28px}原创 2022-10-06 15:29:31 · 513 阅读 · 0 评论 -
学习axios
3.使用cdn:responseType: 'json' //规定后端返回的数据格式。2.post方法:post方法包括无参和有参,有参中又分为JSON型的还是表单型的。1.axios的默认请求是get请求,默认数据格式是json格式。methods:'' //请求方式。headers:{} //请求头。url:'' //请求路径,原创 2022-10-05 20:10:04 · 1128 阅读 · 0 评论 -
vue中的路由
比如:有一个user组件,对于所有id不同的用户,都要使用这个组件来渲染,这时就可以在vue-router的路径中使用动态路径参数来达到这个效果。路由的作用:监听url地址栏的变化,根据url加载url对应的页面/组件。4.创建路由器实例对象,将路由对象数组注入到路由器对象中。(1)利用path传递跳转页面路径,query传递参数。需要把某种模式匹配到的所有路由,全部映射到同一个组件。(2)利用跳转页面的name和params传递数据。路由出口匹配路由器对应的页面。就是 给一个路由添加子路由。原创 2022-09-29 19:50:08 · 230 阅读 · 0 评论 -
javaScript中判断数据类型的四种方法
从原型链的角度上说,所有的对象都能访问到Object原型上的toString()方法,但是很多的对象的toString()方法都被重写了,不再具有原本的功能,为了保证每个对象都能通过Object.prototype.toString()的检测所以调用call()来将Object.prototype.toString()给到调用者。4.Object.prototype.toString.call()返回调用者的具体类型。1.typeof既可以判断基本数据类型也可以判断引用数据类型。原创 2022-09-27 22:14:13 · 372 阅读 · 0 评论 -
vue中的render函数
render是进行编译模板的函数,在生命周期函数中,模板编译的底层就是用render函数实现的。这个例子说明了render函数的实现过程。原创 2022-09-27 19:14:09 · 294 阅读 · 0 评论 -
ES6中的set和map
set类似于数组,成员唯一,set本身是一个构造函数,用它来创建set 数据结构,set的构造函数可以接收一个数组或者可迭代的数据结构作为参数。2.1map存储的值是键值对组成的集合,健可以是任意形式而object的健只能是string 或者symbol的形式。2.2 map是可迭代的,object是不可迭代的。2.4 map循环遍历按顺序输出,对象是无序的。map类似于对象,存储键值对的数据map比对象更合适。2.map和object的区别。2.set的增删改查。原创 2022-09-21 19:16:19 · 206 阅读 · 0 评论 -
TypeScript
通过上面的两个例子说明了接口就是一种标准,不管是用那种方式使用接口都必须要有接口中的属性和方法,除了接口中的属性和方法外类和对象可以有自己的属性和方法。所以,可以将接口理解为一种标准。在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。可选的静态类型:如果你习惯了 JavaScript 的动态类型,TypeScript 还允许可选的静态类型。可以将接口简单的理解为:一种特殊的类或者特殊的对象 一种标准,通过类或者对象实现接口的时候遵循的就是这种标准。原创 2022-09-20 19:58:27 · 165 阅读 · 0 评论 -
ES6中的Generator函数和Promise
在普通函数中只要有return之后,后面的代码将不再执行,而Generator函数中提供了yield,每调用一次next()就执行一个yeild的状态,上一个yeild的结束是下一个yeild的开始。Generator函数返回的是一个可迭代对象, 调用next()方法会执行yiled的状态,一个yield就是一个状态 一个yield就是一个代码的节点。组成一个数组,传递给该实例的回调函数,只要p1,p2的返回值有一个变为rejected,该实例状态为rejected;原创 2022-09-19 19:41:27 · 159 阅读 · 0 评论 -
ES6中的symbol
用 Symbol.for() 方法创建的的 symbol 会被放入一个全局 symbol 注册表中。Symbol.for() 并不是每次都会创建一个新的 symbol,它会首先检查给定的 key 是否已经在注册表中了。否则,它会再新建一个。ES6引入的一种新的原始数据类型Symbol,表示独一无二的值。Symbol函数可以接受参数,表示对于这个唯一值的描述。属于基本数据类型,Symbol()函数会返回symbol类型的值。(魔术字符串:,在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值。原创 2022-09-15 19:44:55 · 129 阅读 · 0 评论 -
JS中的函数中注意的地方
如果在自己的作用域没有这个变量则向父级寻找,如果父级也没呢?再一层一层向上寻找,直到找到全局作用域还是没找到,就宣布放弃。当函数嵌套,在这个时候,内部函数与外部函数的这个变量就组成了闭包。函数外部声明的变量,在函数内部可以访问。(1)局部作用域:在 JavaScript函数中声明的变量,会成为函数的局部变量。(1)在函数中this指向全局global window。(2)全局作用域:函数之外声明的变量,会成为全局变量。2.内部函数存在对外部函数变量的引用。函数内部声明的变量,在函数外部不能访问。原创 2022-09-08 19:58:18 · 223 阅读 · 0 评论 -
JS中的深拷贝和浅拷贝
序列化JSON.stringify(Json.parse(obj))在JS当中拷贝分为两种,深拷贝和浅拷贝。利用 ...运算符。原创 2022-09-08 19:25:06 · 236 阅读 · 0 评论 -
JS中数据属性和访问器属性
数据属性:相当于给当前对象定义了一个公共属性,访问或修改直接返回value值。Enumberable 表示可以通过 for-in循环返回属性。Get 在读取属性时调用的函数,默认值为undefined。Set 在写入属性时调用的函数,默认值为undefined。Enumerable 表示能否通过for-in循环返回属性。访问器属性:可以控制访问或修改这个属性的具体行为。Configurable 表示能否删除该属性。Writable 表示能否修改该属性的值。原创 2022-09-08 19:16:49 · 151 阅读 · 0 评论 -
在JS中双等和三等的区别
1.== 比较的是值,如果值相等则返回true,否则返回false。在比较的过程中如果地址不相等就先将地址隐士转化成相等的,再做比较。2.=== 比较的是地址,一旦地址不相等,直接返回false。原创 2022-09-08 18:55:25 · 96 阅读 · 0 评论 -
深入理解对象
是构造函数模型和原型模式的组合,将所有私有的属性和方法放在构造函数中,将所有的公共属性放在原型中。缺点:弱化了向构造函数传递初始化参数的能力,会使得所有实例默认取得相同的属性值。缺点:方法冗余,每创建一个实例就得再创建一次方法,而这个方法是同样的方法。优点:将所有的属性和方法都存在原型中,构造函数中不存在任何属性和方法。优点:能够批量创建对象,封装创建对象的函数,实现代码的复用。缺点:无法区分创建出来的对象,方法冗余。构造函数:new 函数名()普通函数:函数名()6.普通函数和构造函数的区别。原创 2022-09-08 16:54:21 · 55 阅读 · 0 评论 -
Js中的对象
对象使用"{}"作为对象的边界,对象是由多个属性组成,属性与属性之间通过","隔开,属性名与属性值通过":"隔开;无序属性的集合,其属性可以包含基本值,对象,或者函数。所有人都有这些属性,但是每个人的属性都不尽相同,每个人都拥有这些方法,但是方法被执行的时间都不尽相同。点后面直接跟的是对象的属性,如果属性存在可以访问到,如果属性不存在,得到undefined。2.判断该方法的返回值是否为基础数据类型(Number,String,Boolean,Undefined,Null)原创 2022-09-07 23:07:50 · 172 阅读 · 0 评论 -
操作符及类型转化
1.操作符+:加法-:减法*:乘法/:除法%:取余数,进行数据运算时,除‘+’外,其他运算符可以自动将字符串数字隐形转化成数字1.2.一元运算符+:将操作数转化成数字,字符串的拼接-:将操作数转化成数字,同时变为负数!:逻辑取反运算符++:递增--:递减delete:删除数组对象中特定索引的值typeof:操作数放到typeof的后面,会返回当前操作数的类型,对于数值类型可以准确返回,对引用类型,Function会返回‘function’,其他都只会返回‘object’原创 2022-09-06 23:09:07 · 131 阅读 · 0 评论 -
简单的认识javaScript
这就说明了,如果我们想定义一个全局对象,而这个对象是页面中的某个按钮时,我们必须将其放入body中,道理很明显:如果放入head,那当你定义的时候,那个按钮都没有被加载,可能获得的是一个undefind。这里需要注意的是,只有ECMAScript是标准,也就是在绝大多数浏览器以及js解析器(node)中运行效果相同,但是DOM与BOM是各大浏览器厂商自己提供的API,在使用上大同小异,但是也可能会出现少许不兼容的情况。外部JavaScript 单独新建一个后缀名为.js的js文件,编写好HTML文件,在。原创 2022-09-01 20:18:23 · 51 阅读 · 0 评论 -
BOM事件机制
事件机制HTML DOM 允许 JavaScript 对 HTML 事件作出反应。JavaScript 能够在事件发生时执行,比如当用户点击某个 HTML 元素时。JavaScript与HTML之间的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件是由三部分组成事件源 事件类型 事件处理程序1.事件源:事件被处触发的对象-->按钮对象2.事件类型:如何触发?触发什么类型?如:鼠标双击事件3.事件处理程序:通过一个函数赋值的方式执行事件的步骤。...原创 2022-09-01 16:59:50 · 149 阅读 · 0 评论 -
简单的有关数组和函数的算法题
在这里封装了一个方法,方法里面利用了两层for循环来遍历数组中的元素,再利用for循环将符合条件的元素选择出来,放到新的数组里面,如果没有符合条件的元素则返回的是【-1,-1】的数组,最后通过调用函数就能得到结果。首先利用split()方法将字符串转化成数组的形式,然后通过for循环遍历数组中每个单词的长度,进行比较将最长的输出。再利用for循环对100-1000之间的数进行遍历,分别得到个位,十位,百位上的数,找到符合条件的输出。3.给出一个字符串 输出最长单词的长度。......原创 2022-08-30 19:26:32 · 84 阅读 · 0 评论