举一个栗子吖-CSDN博客

原创前端Angular框架基础知识（一）

需求：为元素设置默认背景颜色，鼠标移入时的背景颜色以及移出时的背景颜色//在需要使用指令的模板中添加指令的名字即可，这里指令的名字就叫appHover，如果需要绑定动态数据，就需要在指令名字后面添加中括号//接收参数类型bgColor?:string})//接收参数//要操作的DOM节点//获取要操作的DOM节点ngAfterViewInit(){ //模板初始化完成后设置元素背景颜色@HostListener('mouseenter') enter(){ //为元素添加鼠标移入事件。

2024-01-14 15:51:42 1346

原创 VSCode配置JavaScript基于Node.js环境

2. 创建配置文件，打开代码文件夹，先创建一个test.js，随便写几句测试代码。然后点击左边侧边栏的调试工具，选择创建launch.json文件。选择node.js调试环境。测试是否安装成功，在命令行输入node -v 和 npm -v，如果能显示出版本号说明安装成功，且有了正确的环境变量。

2022-09-05 15:43:43 10683 2

原创 ACM模式JavaScript 输入输出

V8主要是用readline()来读取输入，但是需要注意的是这个值是字符串，有时可能需要转换成数值，用parseInt()或者 .map(Number)

2022-09-02 15:25:51 2895 1

原创 JavaScript 数组字符串方法

向数组的一个或多个元素，并返回新的数组长度向数组的一个或多个元素，并返回新的数组长度删除并返回数组的最后一个元素，若该数组为空，则返回undefined删除并返回数组的第一个元素，若该数组为空，则返回undefined将数组倒序，返回倒序新数组对数组元素进行排序，排序顺序可以是字母或数字，并按升序或降序。默认排序顺序为按字母升序。从小到大升序：arr.sort(function(a,b){return a-b})从大到小降序：arr.sort(function(a,b){return b-a})添加

2022-06-18 19:38:15 1395 3

原创【CSS基础布局知识总结】 ------ 前端面试必备 --- 复习专用

CSS基础扎实很重要，面试的时候也常会被问到，主要分为两个模块，分别是CSS基础和CSS布局 > > = 属性选择器 = 伪类选择器 > = 伪元素选择器> =子选择器多列布局（multi-column layout）文字特效（text-shadow）文字渲染（Text-decoration）可继承不可继承优先级：类选择器 = 伪类 > 伪元素二者根本区别在于：是否创造了新的元素，这个新创造的元素就叫伪元素。伪元素：相当于伪造了一个元素，然后添加了相应的效果；伪类：没有伪造元素，只是

2022-06-12 20:52:46 725 1

原创【HTML】 ------ 前端面试必备 --- 复习专用

1. 理解标签的语义 —> 标签的含义 —> 即这个标签用来干嘛的HTML语义化是指根据内容结构，选择合适的标签，使 HTML 更易于开发人员和机器的阅读和理解，页面结构更清晰。通俗来讲就是用正确的标签做正确的事情。2. 语义化优点所以在写HTML代码时，语义化实践应该注意，尽可能少用无语义的标签；使用表格时，标题用caption，表头thead，主体tbody；每个Input标签，设置id属性，label标签说明文本。不仅是HTML，CSS类名、JS类名、方法变量名都应该遵循语义化原则，不随意取

2022-06-12 13:05:31 214 2

原创【JavaScript 相关知识】 - 前端面试必备 -复习专用

基本数据类型：字符串string、数字number、布尔boolean、未定义undefined、空null、符号symbol、大整数bigint引用数据类型：Object对象：数组Array、函数Function、正则RegExp、日期Date等基本数据类型存储在中，占据空间小，大小固定，变量中存储的是值本身，变量赋值时是把变量的值复制一份去赋值。引用数据类型存储在中，占据空间大，大小不固定，变量存储的是指向堆内存的地址，变量赋值是把变量内存地址复制一份去赋值typeof 判断基本数据类型时，除了 n

2022-06-12 10:11:25 323 2

原创【浏览器原理】 ------ 前端面试必备 --- 复习专用

XSS指的是跨站脚本攻击，是一种代码注入攻击。攻击者在网站注入恶意脚本，使之在用户的浏览器上运行，从而盗取用户的信息如cookie等XSS 的本质是因为网站没有对恶意代码进行过滤，与正常的代码混合在一起了，浏览器没有办法分辨哪些脚本是可信的，从而导致了恶意代码的执行。XSS 可以分为存储型、反射型和 DOM 型防御CSRF指的是跨站请求伪造攻击，攻击者诱导用户进入第三方网站，然后该网站向被攻击网站发送跨站请求，若用户在被攻击网站中保存了登录状态，那么攻击者就可以利用这个登录绕过后台的验证，冒充用户向服务器

2022-06-12 10:09:04 431

原创【性能优化】 ------ 前端面试必备 --- 复习专用

重绘不⼀定重排，重排必定重绘布局发生了改变就会触发重排（回流），样式发生了改变就会触发重绘重绘：一个元素的样式/ 几何属性发生改变（例如背景色、文字颜色），但是没有改变布局属性（元素外观重新展示）重排（回流）：元素布局位置发生变化，倒回去重新渲染display：none会触发重排，visibility：hidden会触发重绘回流触发条件回答总结！！！重排和重绘是浏览器关键渲染路径上的两个节点，浏览器的关键渲染路径就是 DOM 和 CSSOM 生成渲染树，然后根据渲染树通过一个布局(也叫 layout

2022-06-11 21:16:14 233 2

原创【计算机网络】 ------ 前端面试必备 --- 复习专用

HTTP超文本传输协议，是一种实现客户端和服务器之间通信的响应协议，是互联网应用最广泛的一种网络传输协议。客户端（浏览器）会向服务器提交HTTP请求，然后服务器向客户端返回响应，其中响应包含有关请求的状态信息，还可能包含请求的内容。Post 和 Get 是 HTTP 请求的两种方法请求报⽂由4部分组成响应报文由4部分组成HTTP 1.0和 HTTP 1.1 有以下区别HTTP 1.1 和 HTTP 2.0 的区别哪些资源可以被缓存——静态资源（js、css、img）HTTP缓存策略分为两种：强缓存和协商缓存

2022-06-10 23:43:37 218

原创【Vue框架基础（下）】 ------ 前端面试必备 --- 复习专用

vue 的生命周期就是 vue 实例创建到实例销毁的过程，期间会有 8 个生命周期钩子函数的调用：创建前/后，加载前/后，更新前/后，销毁前/后；Vue 生命周期的作用：给了用户在不同阶段添加自己的代码的机会；beforeCreate、created 先父后子beforeMount 先父后子、 mounted 先子后父beforeUpdate先父后子、 updated先子后父beforeDestroy先父后子、 destroyed先子后父渲染顺序：先父后子，完成顺序：先子后父更新顺序：父更

2022-06-09 23:07:46 306

原创 Vue 前端路由

路由（router）就是对应关系请求方式、请求地址与function处理函数之间的对应关系前端路由SPA指的是一个web网站只有唯一的一个HTML页面，所有组件的展示与切换都在这个页面内完成，不同组件之间的切换通过前端路由来实现。结论：在SPA项目中，不同组件（功能）之间的切换，要依赖前端路由来完成！前端路由：与之间的核心：监听hash地址变化，动态切换组件前端路由的工作方式当点击第一个链接，此时会把hash地址切换成 #/home，然后进行前端路由规则匹配，如果匹配到对应path路径，就展示对应

2022-06-08 18:37:42 997 2

原创【Vue框架基础（上）】 ------ 前端面试必备 --- 复习专用

Vue是一套构建用户界面的渐进式自底而上增量开发的MVVM框架，核心是关注UI视图层、解决数据的绑定问题，为了开发大型单页面应用和组件化

2022-06-07 18:17:34 391

原创 Vue双向数据绑定原理

当一个vue实例创建时，vue会遍历data中对象所有的属性，使用Object.defineProperty（Vue3使用的是proxy）把这些属性全部转成getter / setter。而每个组件实例都有Watcher对象，会在组件渲染的过程中把属性记录成依赖，之后当依赖项的setter被调用时，会通知Watcher重新计算，从而使得关联的组件得以更新。...

2022-06-07 12:50:42 326

原创 for in / for of / forEach 循环

目录1. for 循环2. for...in 循环3. forEach 循环4. for...of循环5. const 在 for in 或者for of 中的使用1. for 循环for 循环的最大缺点是需要跟踪计数器和退出条件。虽然 for 循环在循环数组时的确具有优势，但是某些数据结构不是数组，因此并非始终适合使用 loop 循环。const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];for (let i = 0; i < digits.l

2022-05-24 10:51:49 858 2

原创 js 中 Map 和 Set 的用法及区别

目录1. Set1.1 简介1.2 常用语法1.3 用途1.4 遍历方法2. Map2.1 简介2.2 常用语法3. 区别1. Set1.1 简介Set是ES6新增的数据结构，类似于数组，但它的一大特性就是所有元素都是唯一的，没有重复的值，我们一般称为集合。Set是一个构造函数，用来生成set的数据结构。set打印出来的数据结构，是一个对象var set=new Set([1,2,3])console.log(set) // Set(3) {1,2,3}1.2 常

2022-05-24 10:32:28 4183 1

原创 Leetcode刷题算法（一） ------ 排序

目录1. 排序算法1.1 冒泡排序1.2 选择排序1.3 插入排序1.4 归并排序1.5 快速排序2. Leetcode 排序88. 合并两个有序数组1. 排序算法1.1 冒泡排序平均时间复杂度：O(n^2) 空间复杂度：O(1)1.2 选择排序平均时间复杂度：O(n^2) 空间复杂度：O(1)1.3 插入排序平均时间复杂度：O(n^2) 空间复杂度：O(1)1.4 归并排序平均时间复杂度：O(n log n) 空间复杂度：O(n)1.5 快速排序平均时间复杂度：O(n

2022-05-23 21:03:11 178

原创浅拷贝和深拷贝区别----手写深拷贝代码

目录1. 浅拷贝深拷贝2. 浅拷贝实现方法Object.assign扩展运算符、slice、concat3. 深拷贝实现方法JSON.stringify和JSON.parse第三方库 lodash4. 深拷贝手写1. 浅拷贝深拷贝狭义上的深浅拷贝只是针对引用数据类型而言的，基本数据类型只有赋值操作浅拷贝：只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存；修改拷贝后的数据对原数据有影响如果属性是基本类型，拷贝的就是基本类型的值；如果属性是引用类型，拷贝的就是内存地址

2022-05-19 14:43:35 276 1

原创前端开发Vue项目实战：电商后台管理系统（十）------项目优化上线

目录1. 项目优化1.1 项目优化策略1.2 网页顶部添加进度条效果1.3 console问题1.3.1 在执行build命令期间移除所有console1.3.1 只在发布阶段移除所有的console1.4 生成打包报告1.4.1 通过命令行参数的形式生成报告1.4.2 通过可视化UI面板直接生成并查看报告（推荐使用）1.5 修改webpack配置1.5.1 为开发模式与发布模式指定不同的打包入口1.5.2 configureWebpack 与chainWebpack1.5.3 通过chainW

2022-05-17 10:59:13 1430

原创 pm2 无法加载提示无法加载文件因为在此系统上禁止运行脚本。有关详细信息，请参阅......

pm2 : 无法加载文件 C:\Users\24107\AppData\Roaming\npm\pm2.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置行:1 字符: 1pm2 加载时报错提示无法加载解决办法在系统中搜索Windows PowerShell，用管理员身份打开打开窗口输入命令行 set-ExecutionPo.

2022-05-17 10:52:27 1439

原创前端开发Vue项目实战：电商后台管理系统（九）------ 数据统计模块

git checkout -b reportgit push -u origin report目录1. 挂载Report组件及基本布局2. 安装echarts运行依赖并渲染demo图表3. 获取数据并渲染表格4. 提交代码1. 挂载Report组件及基本布局<template> <div>  <el-breadcrumb separator-class="el-icon-arrow-r

2022-05-16 15:40:45 850

原创前端开发Vue项目实战：电商后台管理系统（八）------ 订单管理模块

git checkout -b ordergit push -u origin order目录1. 挂载组件及基本布局2. 获取订单数据3. 表格渲染4. 分页功能5. 实现省市区县数据联动效果6. 展示物流进度对话框6.1 获取物流信息6.2 时间线组件 Timeline 展示物流页面7. 提交代码1. 挂载组件及基本布局<template> <div>  <el-bread

2022-05-16 14:28:29 1287 2

原创前端开发Vue项目实战：电商后台管理系统（七）------ 商品管理模块 --- 商品列表功能

git checkout -b goods_listgit push -u origin goods_list目录1. 初始化List.vue并添加路由2. 商品列表table2.1 获取数据1. 初始化List.vue并添加路由<template> <div>  <el-breadcrumb separator-class="el-icon-arrow-right">

2022-05-15 15:38:41 1357

原创前端开发Vue项目实战：电商后台管理系统（六）------ 商品管理模块 --- 分类参数功能

git checkout -b goods_paramsgit push -u origin goods_params目录1. 参数管理概述2. 初始化分类参数组件页面3. 选择商品分类模块3.1 获取商品分类列表数据3.2 商品分类级联选择框cascader4. 分类参数Tabs页签4.1 渲染Tabs页签4.2 添加参数和添加属性按钮4.3 获取参数列表数据（切换面板）4.4 动态参数和静态属性Table表格5. 添加参数模块5.1 添加参数对话框dialog5.2 添加操作6. 修

2022-05-11 16:33:57 377

原创前端开发Vue项目实战：电商后台管理系统（五）------ 商品管理模块 --- 商品分类功能

git checkout -b goods_categit push -u origin goods_cate目录1. 通过路由加载商品分类组件2. 绘制商品分类组件的基本页面布局3. 调用API获取商品分类列表数据4. 使用vue-table-with-tree-grid树形表格组件5. 使用自定义模板渲染表格数据列6. 渲染排序和操作对应的UI结构7. 实现分页功能8. 渲染添加分类的对话框和表单9. 获取父级分类数据列表10. 渲染级联选择器11. 根据父分类的变化处理表单中数据

2022-05-09 20:41:37 3021

原创前端开发Vue项目实战：电商后台管理系统（四）--- 权限管理模块

// 创建rights子分支git checkout -b rights// 将本地的rights分支推送到码云git push -u origin rights目录1. 权限列表1.1 通过路由展示权限列表组件1.2 面包屑导航+卡片视图1.3 调用API获取权限列表的数据1.4 渲染权限列表UI结构2. 权限管理业务分析3. 角色列表3.1 通过路由展示角色列表组件3.2 绘制基本布局结构并获取列表数据3.3 渲染角色列表数据3.4 编辑+删除角色操作1. 权限列表1.1 通过路由展示权限

2022-05-08 20:39:53 352

原创前端开发Vue项目实战：电商后台管理系统（三）------ 用户管理模块（用户列表 /添加修改删除用户）

目录1. 用户列表1.1 通过路由的形式展示用户列表组件1.2 在sessionStorage中保存左侧菜单的激活状态1.3 绘制用户列表的基本UI结构1.4 获取用户列表数据1.5 使用el-table组件渲染用户列表1.6 自定义状态列的显示效果1.7 通过作用域插槽渲染操作列1.8 实现数据分页效果1.9 修改用户状态1.10 实现搜索功能2. 添加用户2.1 渲染添加用户对话框2.2 渲染添加用户的表单1. 用户列表1.1 通过路由的形式展示用户列表组件新建用户列表组件 components

2022-05-06 11:36:24 4396 1

7篇论文CVPR2020.rar

空空如也