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
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号