Stevetagelian-CSDN博客

前端面试题25、什么是事件流答: 事件传播的顺序,事件捕获 => 目标事件 => 事件冒泡26、如何阻止冒泡和默认行为答: 阻止冒泡和捕获 e.stopPropagation() 阻止默认行为 e.preventDefault() 27、原生注册事件的方式有哪些？区别是什么答: 注册方式 1. on + 事件名称 2. addEventListener 区别: 1. 使用on注册事件,同一个元素只能注册一个同类型事件,否则会覆盖。

2022-05-21 21:18:28 116

原创 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 468

原创 js基础笔记

原始值包装类型为了方便操作原始值,ES提供了3种特殊的引用类型：Boolean，Number，String。这些类型具备其他引用类型一样的特点，也具备与各自原始类型对应的特殊行为。每当用到某个原始值的方法或属性时，后台都会创建一个相应原始包装类型的对象，从而暴露出操作原始值的各种方法。Boolean布尔类型要知道原始布尔值与布尔实例的区别let falseObject = new Boolean(false);//创建一个Boolean类型的实例let result = falseObject

2022-05-16 21:35:22 164

原创 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 438

原创 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 137

原创移动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 131

原创 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 352

原创 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 138

原创 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 179

原创 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 128

原创 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 65

原创 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 68

原创 ajax学习笔记

Ajax概念一种使用js来异步获取xml格式数据的技术请求方式操作服务器上的数据除了需要使用url地址，还需要指定请求方式操作服务器上的数据时获取服务器上的数据，需要GET新增数据，需要POST删除数据，需要DELETE完整修改（更新）数据，需要PUT修改（更新）部分数据，需要PATCHaxios说明是前端最火的，专注于数据请求的库使用方式引入axios数据查询axios({ method:'get',//请求类型 url:'',//请

2022-05-12 19:27:46 122

原创移动web高频面试题

1、前端页面有哪三层构成，分别是什么？作用是什么？1、结构层：由 HTML 标记语言负责创建，仅负责语义的表达。解决了页面“内容是什么”的问题。2、表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。3、行为层：由脚本（js）负责。解决了页面上“内容应该如何对事件作出反应”的问题2、主流的浏览器分别是什么内核？Trident[ˈtraɪdnt]内核：（国产的绝大部分浏览器）IE，360，搜狗Gecko[ˈɡekoʊ]内核：火狐Presto[ˈprestoʊ]内核：Opera7

2022-05-10 22:01:48 144

空空如也

空空如也