![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 77
肖迷笛
就读于湖南农业大学 计算机科学与技术(互联网)专业
展开
-
事件循环总结
EventLoop的执行顺序 + Promise事件循环对于事件循环内容进行总结,期望尽可能的完整地掌握原创 2022-09-06 18:23:09 · 279 阅读 · 1 评论 -
Vite知识体系
Vite知识体系 一、前端工程的痛点 二、Vite 三、Vite的整体架构四、Vite的进阶路线原创 2022-09-05 01:25:23 · 449 阅读 · 0 评论 -
Web安全开发 | 青训营笔记
Web安全开发 这是我参与「第四届青训营」笔记创作活动的的第7天!跨站脚本攻击、跨站请求伪造、注入攻击、中间人攻击...原创 2022-08-01 11:11:12 · 837 阅读 · 0 评论 -
设计模式 | 青训营笔记
是我参与「第四届青训营」笔记创作活动的的第6天!原创 2022-07-31 23:58:31 · 317 阅读 · 0 评论 -
如何学好JavaScript(二) | 青训营笔记
写好JavaScript的原则(2)这是我参与「第四届青训营」笔记创作活动的的第5天!原创 2022-07-29 01:06:50 · 291 阅读 · 0 评论 -
如何学好JavaScript(一) | 青训营笔记
这是我参与「第四届青训营」笔记创作活动的的第4天!原创 2022-07-27 23:59:02 · 660 阅读 · 0 评论 -
深入学习CSS进阶(二) | 青训营笔记
本期重新打卡学习CSS进阶(二)部分,进行查漏补缺。原创 2022-07-26 00:00:14 · 251 阅读 · 0 评论 -
深入学习CSS进阶(一) | 青训营笔记
本期重新打卡学习CSS进阶(一)部分,进行查漏补缺。原创 2022-07-24 23:19:54 · 235 阅读 · 0 评论 -
深入学习HTML + CSS基础 | 青训营笔记
本期重新打卡学习HTML+CSS基础部分,进行查漏补缺。原创 2022-07-23 23:37:24 · 300 阅读 · 0 评论 -
webpack5打包原理及应用(插件篇)
webpack5打包原理及应用(插件篇)概念:loader:通常用来完成非JavaScript模块的转化成webpack能处理的模块;plugin:能够完成更多定制化操作的插件🚀 如果想要插件起作用,需要在webpack.config.js中的 plugins 数组中进行实例的传递// webpack.config.js基础配置const path = require('path')module.exports = { entry: './src/main.js', ou原创 2022-04-06 01:36:04 · 1319 阅读 · 0 评论 -
webpack5打包原理及应用(静态资源篇)
webpack5打包原理及应用(静态资源篇)file-loader 使用首先记得安装file-loader🚀 通过创建一个元素,设置其src属性引入图片// 新建一个pack-image.js文件如下:function packImg () { // 创建容器对象 const containerElement = document.createElement('div'); // 创建img标签 设置src属性 const imgElement = documen原创 2022-04-02 00:46:43 · 2089 阅读 · 0 评论 -
webpack5打包原理及应用(样式篇)
webpack5打包原理及应用(样式篇)关键词:style-loader, css-loader, less-loader, browserslist, .browerslistrc, postcss-loader, autoprefixer, postcss-preset-env, postcss-config.js, importLoadersless-loader 使用注意事项npx less 入口文件路径 [转换后的css]对于less-loader而言,需要先进行less的安装,才能讲l原创 2022-03-28 23:08:13 · 868 阅读 · 0 评论 -
MicroApp小试牛刀
MicroApp部署(父子均是vite+vue3)父应用:首先在父应用中安装microAppnpm i @micro-zoe/micro-app --savemain.js配置🚀 特别需要注意的是:为了兼容vite,需要在启动中配置对应的插件,注意第一处注释中examcenter为中的name值,第二处见注释。import microApp from '@micro-zoe/micro-app'microApp.start({ plugins: { modules: {原创 2022-03-14 01:50:15 · 1598 阅读 · 0 评论 -
前端进阶知识复习(一)
一. 函数作用域1. 一旦给函数的参数设置了默认值,函数进行声明初始化时,参数会形成一个单独的作用域,等到初始化结束,作用域才会消失。2. 不指定函数的默认值,则不会出现此种行为var x = 1;function f1(x, y = x) { let y = 3; console.log(y)}f1(2); // 2// 调用函数时,将对x赋值为2,而y的默认值等于变量xvar x = 1;function f2(y = x) { console.log(y) }原创 2022-03-06 12:06:48 · 330 阅读 · 0 评论 -
防抖函数与节流函数
防抖与节流函数防抖函数 => 在时间间隔内执行多次操作,每次操作都执行立即重新计时,只执行最后一次节流函数 => 每经过间隔时间就可以执行函数,并会重新计时<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h2>防抖案例</h2>原创 2022-01-07 01:34:58 · 359 阅读 · 0 评论