- 博客(56)
- 收藏
- 关注
原创 uniapp vue2 首页生命周期函数等待app.vue加载完毕后执行
2.其他生命周期也可以用async await方式来等待app.vue加载完毕后执行。1.生命周期函数内的同步代码不受此方式影响,依然不等待。
2024-06-16 17:17:51
601
原创 JS高级高频面试题2
前端面试题25、什么是事件流答: 事件传播的顺序,事件捕获 => 目标事件 => 事件冒泡26、如何阻止冒泡和默认行为答: 阻止冒泡和捕获 e.stopPropagation() 阻止默认行为 e.preventDefault() 27、原生注册事件的方式有哪些?区别是什么答: 注册方式 1. on + 事件名称 2. addEventListener 区别: 1. 使用on注册事件,同一个元素只能注册一个同类型事件,否则会覆盖。
2022-05-21 21:18:28
138
原创 js高级阶段高频面试题
前端面试题3、rem布局的原理答:rem是css的相对单位,rem缩放是相对根元素字体大小. rem布局的本质是等比缩放,一般是基于宽度。 rem会配合媒体查询(或js动态获取屏幕宽度)来一起使用,来实现屏幕的适配。9、值类型和引用类型的区别1、值类型 1)简单数据类型数据是值类型 2)保存与复制的是值本身 3)使用typeof检测数据的类型2、引用类型 1)保存与复制的是指向对象的一个指针 2)使用instanceof检测数据类型 3)使用 ne
2022-05-17 23:18:15
489
原创 js基础笔记
原始值包装类型为了方便操作原始值,ES提供了3种特殊的引用类型:Boolean,Number,String。这些类型具备其他引用类型一样的特点,也具备与各自原始类型对应的特殊行为。每当用到某个原始值的方法或属性时,后台都会创建一个相应原始包装类型的对象,从而暴露出操作原始值的各种方法。Boolean布尔类型要知道原始布尔值与布尔实例的区别let falseObject = new Boolean(false);//创建一个Boolean类型的实例let result = falseObject
2022-05-16 21:35:22
180
原创 vue2学习笔记
脚手架使用安装npm install -g @vue/cli创建项目文件根目录下的控制台 vue create 项目名选择vue的版本npm run serve 运行项目配置官方文档https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE服务器module.exports = defineConfig({ transpileDependencies: true, devSe
2022-05-13 18:03:05
493
原创 js阶段高频面试题
前端面试题1、盒子塌陷的原因?解决方式原因: 1. 浮动导致的塌陷,浮动会脱落标准流 2. 嵌套的两个盒子,子盒子设置margin-top会导致父盒子一下下移解决方法:第一种情况 1 清除浮动; 2 给父盒子加高度; 3 给父元素添加overflow:hidden 第二种情况 1 给父元素加上边框; 2 给父元素添加overflow:hidden2、不定宽高的div水平垂直居中答: 1、父元素添加 position: relative div{ position:abso
2022-05-12 22:00:14
164
原创 移动web学习笔记
字体图标优点灵活 随时修改颜色和尺寸轻量级 体积小兼容性好使用方式Font-classs使用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width
2022-05-12 19:32:08
155
原创 webpack学习笔记2
Day01铺垫(自学)yarn包管理器(必须)快速、可靠、安全的依赖管理工具。和 npm 类似, 都是包管理工具, 可以用于下载包, 就是比npm快中文官网地址: https://yarn.bootcss.com/下载yarn下载地址: https://yarn.bootcss.com/docs/install/#windows-stablewindows - 软件包(在笔记文件夹里)mac - 通过homebrew安装(看上面地址里)mac如果没安装过homeBrew先运行
2022-05-12 19:31:37
394
原创 webpack学习笔记
概念作用压缩代码快速入门npm init 初始化包环境npm install webpack webpack-cli -D 安装依赖包-D 开发依赖,项目上线不需要配置scripts(自定义命令)scripts:{ "build":"webpack"}新建目录src新建src/add/add.js 定义求和函数导出export const addFn = (a,b) => a + b新建src/index.js导入使用import {ad
2022-05-12 19:31:06
149
原创 npm学习笔记
概念npm全称node package managa(node包管理器),他解决了node中第三方包共享的问题在安装Node的时候,会连带安装npmnpm -v 检查安装的情况npm下载使用包初始化项目,npm init 如果之前已经初始化,则可以省略安装包。npm install包名引入模块,使用nrm作用nrm这个工具是帮助我们切换安装包的来源,因为下载包时,默认是从npm官网下载,速度可能比较慢,我们可以手动切换安装来源使用方式npm install -g nrm
2022-05-12 19:30:31
213
原创 node学习笔记
概念是一个js的运行环境,这个环境让JS有读写文件,操作数据库,开启web服务器等能力Node可以直接运行JS文件node中没有DOM,也没有BOM,也没有window对象,所以在node环境中运行JS文件的上述的方法和属性会报错node执行JS文件格式:node js文件名在当前文件目录下的控制台输入执行node导入模块//require('模块名')//推荐变量名与模块名一致const fs = require('fs')JSON文件的写法//必须是双引号,单引号识别不
2022-05-12 19:29:59
162
原创 JS高级学习笔记
箭头函数使用方式定义一个箭头函数,没有形参,没有返回值const func2 = () => { console.log('执行业务1'); console.log('执行业务2');}没有形参,没有返回值,业务只有一行代码,大括号可以省略const fun3 = () => console.log('执行业务1');只有一个形参,没有返回值,业务只有一行代码const fun4 = num => console.log(num + 1);
2022-05-12 19:29:24
87
原创 git学习笔记
git使用方式查看当前版本打开终端git --version配置git配置用户名git config --global user.name ‘xxx’配置邮箱git config --global user.email ‘xxx’查看配置查看用户名git config --global.user.name查看邮箱git config --global.user.email初始化项目项目根目录 鼠标右键–git bash here ----- git
2022-05-12 19:28:20
83
原创 ajax学习笔记
Ajax概念一种使用js来异步获取xml格式数据的技术请求方式操作服务器上的数据除了需要使用url地址,还需要指定请求方式操作服务器上的数据时获取服务器上的数据,需要GET新增数据,需要POST删除数据,需要DELETE完整修改(更新)数据,需要PUT修改(更新)部分数据,需要PATCHaxios说明是前端最火的,专注于数据请求的库使用方式引入axios数据查询axios({ method:'get',//请求类型 url:'',//请
2022-05-12 19:27:46
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人