1、vite开发环境和生产环境的环境变量配置1、环境变量配置 vite本身会直接读取为什么会读取,因为含有dotenv第三方库 ,会直接读取 .env文件,2、css模块化简单处理css:{ modules:{ localsConvention: "camselCaseOnly" // 打包配置为驼峰命名规则。 sopeBehaviour:"local" // 配置当前是全局 还是 局部
1、Vue3相关语法内容赋值语句(ref、reactive系列)组件传值(父子,子父)watch,watchEffect监听slot具名插槽provide和inject组件内双向数据绑定v-model1、赋值语法(ref,reactive)1.1、ref 、isRef、 shallowRef、triggerRef、customRef 支持所有的类型(原因没有泛型约束)##### 1、ref //
什么是什么是async/await?async/await是写异步代码的新方式,以前的方法有回调函数和promise async/await是基于promose实现的,他不能用于普通的函数 async/await与promise一样,是非阻塞的 async/await使得异步代码看起来像同步代码async/await语法1)使用promise:const maskRequet = () =>
1、原型一、prototype 在javascript中,每个函数都有一个prototype属性,这个属性指向函数的原型对象。 比如:function Person(name){ } Person.prototype.name = 'quxiaokang' var person1 = new Person() var person2 = new Person() console.log(per
如何判断输入的类型为一个数组类型判断类型的方法一共有四个方法, 可以结合这个文档进行观看。 话不多说进行代码实例。function isArray(val) { let flag = Array.isArray(val) let flagstr = Object.prototype.toString.call(val)//这个返回的是一个字符串 需要截取。 let flags =
<div class="a" id="b">11</div> <a name="first">First anchor</a><br /> <a name="second">Second anchor</a><br /> <a name="third">Third anchor<
HTTP和HTTPS发展历史1、什么是HTTP?http是超文本传输协议,是一个基于请求与响应,无状态的,应用层的协议,常基于TCP/IP协议传输数据,互联网上应用最为广泛的一种网络协议,所有的www文件都必须遵从这个标准。设计http的初衷是为了提供一种发布和接收html页面的方法还有一种问题:tcp和udp的区别是什么? Udp:首先udp协议是面向无连接的,也就是说不需要在正式传递数据之前先
什么是模块化?模块化是一种处理复杂系统分解为更好的可管理块的方式。简单来说就是解耦,简化开发,一个模块就是实现特定功能的文件,可以更方便的使用别人的代码,想要什么功能,就加载什么模块,模块开发需要遵从一定的规范。CommonJS规范CommonJS就是一个JavaScript模块化的规范,是用在服务器端的node的模块规范,前端的webpack也是相对CommonJS原生支持的。特点:1、模块输出
跨域(CORS)产生原因分析与解决方案。产生跨域的原因?当一个请求在浏览器发出的时候,服务器会接受并且也会处理和响应。只不过浏览器在解析这个请求响应之后,发现不属于浏览器的同源策略(地址里面的协议,域名,端口都不相同),也没有包含正确的cors响应头,返回的结果就会被拦截。预检请求预检请求是在发送实际请求之前,客户端会先发送一个options方法的请求向服务器确认,如果通过之后就会发送真正的请求,
直接来看吧!!一般组件之间传参通过props,今天记录一下Context使用场景:组件嵌套层级很深的情况在我们很多的场景中我们都喜欢封装js实现多地方引用!所以写一个单独的Context一便以后使用 GlobalContext.jsimport React from 'react' const GlobalContext = React.createContext() export defa
1. Vue通信的方法有多少种?1.1 Vue 2.x的通信方式有1.第一种可以直接通过prop进行通信。 2.第二种通过$emit 和 $on。this.on('children-event',function(e){console.log(e)})3.通过 project 和 inject。A父组件----------------- provide(){ return{ for
有7中方法可以实现这个要求1、先回答最长用的方式定位整体方案 父相自绝<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me
1、Mixin缺陷:组件和mixin之间存在隐式依赖(Mixin中会定义一些特殊的方法,但是当组件过多的时候,我们就很容易忘记查看,导致不可预期的错误!)多个Mixin之间可能产生冲突(比如定义相同的state字段)Mixin倾向于增加更多状态,这降低了应用的可预期性。组件自身的方法和state字段不敢轻易删除,因为难以确认有没有Mixin依赖它,Mixin也难以维护,因为Mixin逻辑最后会被打
虚拟DOM的作用和定义什么是虚拟DOM虚拟DOM就是普通的js对象。是一个用来描述真实dom结构的js对象,因为它不是真实的dom,所以才叫做虚拟dom。虚拟dom的作用我们都知道传统的dom数据发生变化的时候,我们都需要不断的去操作dom,才能更新dom数据,虽然后面出现了模板引擎,可以让我们一次性更新多个dom。但模板引擎依旧没有一种可以追踪状态的机制,当引擎内某个数据发生变化时,它依然操作d
插槽在2.6.0中,我们为具名插槽和作用域插槽引入了一个新的统一的语法,即v-slot。它取代了slot和slot-scope这两个目前已被废弃但未被移除且仍在文档中的attribute中。1、插槽内容Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 元素作为承载分发内容的出口。 它允许你像这样合成组件:import ButtonSl
!! 建议看英文文档,一看就会,不用看其他小伙伴的总结!,官网链接在下面。一下内容是我在官网凭自己的相法写的,不建议观看!!!l1、Element of Different TypesWhenever the root elements have different types,React will tear down the old tree and build the new tree fro
什么是BOM?1、BOM即浏览器对象模型,其提供一系列的接口供开发者使用javascript与浏览器窗口进行交互。 2、BOM提供的是与浏览器窗口交互的能力,其包含了一些处理窗口的方法,如打开新窗口,控制新窗口的大小,也提供了窗口相关的属性。 3、BOM操作入口可以理解为window对象,即浏览器下的全局对象。什么是DOM?DOM即文档对象模型,它允许脚本js控制Web页面、窗口和文档。HTML的
es6中的箭头函数和普通函数有什么区别?1、普通函数的this总是指向他的调用者,箭头函数中没有自己的this,所以它的this指向其定义的环境,任何方法都改变不了他的this指向{call bind apply} 2、箭头函数没有自己的this所以不能用于构造函数,也没有原型对象,箭头函数不能作为构造函数,也没有原型对象,所以就不能用new,不然就会报错。 3、箭头函数不能使用yield命令,因
jpg1、支持高级压缩,并且可以利用压缩比例控制图像文件大小。 2、有损压缩会使图像质量下降 3、jpg不适用于所含颜色很少,具有大块颜色相近的区域或亮度差异十分明显的较简单图片。png1、无损压缩 2、图像文件较大,不合适web端页面展示!
1、什么是泛型?泛型是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候在指定类型的一直特征。2、为什么要使用泛型因为any会在调试中丢失很多的信息,所以我们不建议使用any,这个时候应该有更好的解决方案,那就是泛型。3、简单的泛型使用function getT(arg:any):any{ return arg } getT('1') //这个时候如果接收一下的话 const a
1、跨站脚本攻击(Cross-Site Scripting ,XSS)一种代码注入方式,为了与css区分所以称之为XSS。早期常见于网络论坛,起因是网站没有对用户的输入进行严格的限制,使得攻击者可以将脚本上传到帖子让其他人在浏览器到有恶意的脚本页面。2、iframe滥用iframe中的内容是由第三方来提供的,默认情况下它们不受我们的限制,它们可以在iframe中运行Javascript脚本、Fla
为什么要使用虚拟列表?当数据量很大的时候,像有10万条数据的时候,我们一次性获得所有数据是不可能的,当然我们也可以使用分页的效果,但是这样用户的体验就不好了,用户喜欢往下滑动获得数据展示。当时当我们根据滑动获取数据的时候就会遇到另一个问题,不停的加载数据,导致页面堆积的节点越来越多,内存不断的增加,最后连滚动都出现了卡顿。所以虚拟列表蕴蓄而生什么是进程?进程是系统进行资源分配和调度的一个独立单位,
HTTP请求头协议头说明实例状态Accept可接受的响应内容类型(Content-Types)。Accept: text/plain固定Accept-Charset可接受的字符集。Accept-Charset: utf-8固定Accept-Encoding可接受的响应内容的编码方式。Accept-Encoding: gzip, deflate固定Accept-Language可接受的响应内容语言列
1、前言TCP/IP协议简称为TCP/IP,该协议的两个核心为:TCP(传输控制协议)和IP(网络协议) OSI参考模型,全称为开放系统互联参考模型,OSI将计算机网络体系结构划分为七层。2、对比TCP/IP与OSI模型对比3、TCP/IP 四层模型和 OSI 七层模型比较共同点OSI参考模型和TCP/IP参考模型都采用了层次结构的概念。都能够提供面向连接和无法连接两种通信服务机制。OSI参考模型
1、相同点call、bind、apply都是为了改变this的指向问题。2、不同点2.1:call非严格模式下let fn = function(a,b){ console.log(this,a,b) } let obj = { name:'屈小康' } fn.call(obj,1,2) // this:obj a:1 b:2 fn.call(1,2) //this:window 1
1、什么是canvas?html5 《canvas》 是专门用来绘制图像的(通过脚本 通常是javascript),它的性能比xml好的多的多。不过canvas元素本身并没有绘制能力(它仅仅是图形的容器) - 你必须使用脚本来完成实际的绘图任务。getContext()方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。提供完整的getContent(“2d”)对象的属性和方法,可用于画
这样的提示错误有两个原因,一端口重复利用无法开启下一个,二服务没有启动。端口占用概率不大,那就是服务没有启动。 正如一下错误GET http://localhost:* Error: connect ECONNREFUSED 127.0.0.1:8080 Host: localhost:8080错误原因:拒绝错误连接,这就是服务没有开启导致的。这个错误也很简单,找到任务管理器->服务->
什么是const和let我们都知道使用const修饰会有一下作用。1、描述 此声明创建一个常量,其作用域可以是全局或本地声明的块。与var变量不同,全局常量不会变为 window 对象的属性。需要一个常数的初始化器;也就是说,您必须在声明的同一语句中指定它的值(这是有道理的,因为以
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号