- 博客(11)
- 收藏
- 关注
原创 JavaScript 面试题(一)
前言: HTML 和 CSS 相关的面试题请阅读HTML + CSS 面试题 JS数据类型有关的之前已经写过了,需要的请阅读JS基本数据类型与引用数据类型 、数据类型判断的四种方法 JS作用域和作用域链 作用域: 作用域决定了代码区块中变量和其他资源的可见性,不同作用域下同名变量不会有冲突。 全局作用域 在页面打开时被创建,页面关闭时被销毁 编写在 script 标签中的变量和函数,在页面任意位置都能访问 全局作用域中有全局对象 window,代表一个浏览器窗口,由浏览器创建,可以直接调用
2022-05-09 22:07:47
103
原创 HTML + CSS 面试题
HTML 如何理解HTML语义化? HTML语义化就是让HTML元素有自己的含义,作用: 增加代码可读性,让人更容易读懂。 有利于SEO,提高权重。 在没有CSS样式时,页面能呈现出更好地内容结构。 script 标签 defer 和 async 的区别 script:会阻碍HTML解析,只有发送请求获取JS代码并执行完脚本才会解析HTML。 script async:解析 HTML 过程中进行JS代码脚本的异步获取,完成之后立马执行,有可能会阻断 HTML 的解析。 script defer:完全不会
2022-05-06 21:14:40
217
原创 CSS盒模型
css盒子模型,就是可以装东西的盒子,比如 div、li、h 等,而 input、img 就不是盒子。 盒模型:包括内容(content)、内边距(padding)、边框(border)、外边距(margin),内容又分为宽(width)和高(height)。 盒模型类型 盒模型分为IE盒模型和W3C标准盒模型。 IE盒模型(border-box) IE盒模型:width 和 height 包含 content、padding、border。 W3C标准盒子模型 W3C标准盒子模型:与IE盒模型不同,宽和
2022-05-05 20:50:55
495
原创 vue中video.js的使用
安装及使用 video.js官网地址 npm安装 npm install video.js --save // 视频播放器插件 npm install videojs-contrib-hls --save // 播放hls流插件 需要时安装 引入样式文件 // 可以在main.js文件中引入,也可以在页面单独引入 import 'video.js/dist/video-js.css' //videojs样式 引入插件 // 在页面引入video.js插件 import videojs f
2022-05-02 23:24:12
9678
原创 v-if 和 v-show 的区别
v-if 和 v-show 的区别 共同点 在 vue 中 v-show 与 v-if 的作用效果是相同的(不含v-else),都能控制元素在页面是否显示 。 当表达式都为 false 时,都不会占据页面位置 当表达式结果为 true 时,都会占据页面的位置 区别 控制手段不同 编译过程不同 编译条件不同 控制手段:v-show隐藏则是为该元素添加css–display:none,dom元素依旧还在。v-if显示隐藏是将dom元素整个添加或删除 编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合
2022-05-02 22:46:30
877
原创 vue3学习笔记——第三天
customRef 作用:创建一个自定义的 ref,并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果: <template> <input type="text" v-model="keyword" /> <h3>{{ keyword }}</h3> </template> <script> import { ref, customRef } from "vue"; export default { name
2022-04-12 19:40:30
157
原创 vue3学习笔记—第二天
对前端感兴趣的可以关注一下我的博客,会持续更新前端相关的知识和学习笔记,一起学习。 计算属性与监视 computed 函数 与 Vue2.x 中 computed 配置功能一致 vue2 写法 computed:{ fullName(){ return this.person.firstName + '-' + person.lastName } } vue3 写法 import { computed } from 'vue' setup(){ ...
2022-04-09 21:55:52
111
原创 vue3学习笔记
一、创建 vue3 工程 与 vue2 相同,使用 vue create 项目名字 初始化,但配置选择 vue3 1.Vue3 带来了什么 1.性能的提升 打包大小减少 41% 初次渲染快 55%, 更新渲染快 133% 内存减少 54% 2.源码的升级 使用 Proxy 代替 defineProperty 实现响应式 重写虚拟 DOM 的实现和 Tree-Shaking … 3.拥抱 TypeScript Vue3 可以更好的支持 TypeScript 4.新的特性
2022-04-08 21:28:42
1068
原创 var、let、const
var && let && const 在ES6之前,声明变量一直都是使用 var ,ES6新增了 let 和 const,那么它们之间有什么不同呢? var 使用 var 声明的变量,没有块作用域,可以跨域访问,即: { var a = 1 } // 在块 {} 外依然可以访问到 a console.log(a); // 1 // 循环作用域内也是如此 var i = 5; for (var i = 0; i < 10; i++){} console.log(i
2022-04-08 18:07:18
561
原创 JS基本数据类型与引用数据类型
JavaScript中的数据类型分为基本数据类型和引用数据类型,那么哪些是基本类型,哪些是引用类型,以及它们的区别是什么呢? 基本数据类型 基本数据类型共有6种,包括String、Number、Boolean、Null、undefined以及ES6新增的Symbol。 引用数据类型 引用数据类型就是除基本数据类型外的数据,即Object对象类型,Array、Function、RegExp、Date都是对象类型。 基本数据类型与引用数据类型的区别 认识了基本数据类型与引用数据类型,那么它们
2022-04-04 17:07:22
3132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人