JS运行原理 名词介绍 堆:heap栈:stack执行环境栈作用:供代码执行上下文:ECEC(G):全局执行上下文目的:区别代码执行环境全局代码都在全局上文中执行全局对象:GO存储浏览器内置API浏览器(window);node中(global)变量对象 VO、AOVO(G) 变量对象存储当前上下文声明的变量 赋值的执行过程 创建一个值原始值:存在…
数据类型 了解 JS 的小伙伴 ES6 开始 新增了两个基本类型,即改变为 “五基两空一对象” 基础类型string、number、boolean、null、undefined、symbol、bigint对象类型Object对象Array、RegExp、Date、Error、Math、ArrayBuffer..... 除了 symbol 和 big…
传统原生表单上传样式已经不满足现在前端发展的需求,现在市场通常采用各种第三方UI组件库满足日常所需。但在开发中包括我在内的不少开发者知其然却不知其所以然,这篇文章让我们彻底搞懂文件上传的各个场景 单一文件上传 实现思路 实现上传功能仍然需要借助 input 的 file 属性,并隐藏隐藏元素 使用 js 手动触发 input 事件 用 html 元…
<script> import { useRouter } from 'vue-router' exprot default { setup(){ const router = useRou…
vue <template> <div class="about"> <h1>This is an about page</h1> <h2 @click="handleClick">{{name}}</h2> &n…
provide,Inject const app = Vue.createApp({ setup(){ const {provide,ref,readonly} = Vue; const name = ref("hello"); …
const app = Vue.createApp({ setup(){ const { ref, onBeforeMount, &n…
watch监听器具备一定的惰性 lazy ( 页面第一次加载的时候不会监听 )参数可以拿到原始和当前的值基本数据类型 和 对象的用法略有不同 基本用法 const app = Vue.createApp({ setup(){ const {reactive , watc…
基本用法 const App = Vue.createApp({ setup(){ const {ref,computed} = Vue; const count = ref(0); &n…
context对象中有三个参数attrs 用来替代 props:{} 来接受父组件的传值slots 函数时渲染父组件中的槽口内容emit 替代之前的 this.$emit 进行父子组件之间传值 用法如下 /*attrs*/const app = Vue.createApp({ template:` <child ap…