Web前端学习笔记
  文章分类
前端 10 开发工具 1 脚手架 1 React 1 安全 1
Web安全 Web安全
跨站脚本攻击XSS（Cross-site scripting）通过在目标网站注入恶意脚本，利用这些恶意脚本，获取用户的敏感信息Cookie、Session等 XSS带来的危害 获取用户Cookie、Session、Storage 按键钓鱼
2021-08-22 前端 安全
安全
CSS IN JS CSS IN JS
CSS-IN-JS为什么会有CSS-IN-JS解决CSS的局限性，例如缺乏动态功能、作用域和可移植性 CSS-IN-JS的优点 让CSS拥有独立的作用域，防止CSS样式泄漏到组件外部，引起样式冲突 让组件具有可移植性、重用性 样式具有动态
2021-08-22 前端 React
React
React Hooks的使用 React Hooks的使用
React Hooks使函数组件可以进行存储状态 类组件的不足 同一组相干逻辑拆分到多个生命周期中，一个生命周期中有多个不相干的逻辑 this指向问题 useStateimport { useState } from
2021-08-15 前端
React
Redux的使用 Redux的使用
redux的基本使用// 创建store容器 const store = Redux.createStore(reducer) // 创建用于处理状态的reducer函数，dispatch时也会执行 function reducer(sta
2021-08-01 前端
React
Rollup Rollup
rollup的基本使用Rollup是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码,Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中 npm i rollup
2021-07-18 前端
模块化开发 JavaScript
requirejs使用 requirejs使用
首先下载requirejs或直接引用cdn 官方文档 阮一峰的网络日志 下面部分内容是看了阮一峰大神的文章后写的 引入requirejs<script src="https://cdn.jsdelivr.net/npm/requir
2021-07-10 前端
模块化开发 JavaScript
JS模块化开发 JS模块化开发
模块化开发的演变过程按文件划分 每个功能单独放在不同的文件中 所有模块都在全局去工作，完全依赖约定存在 污染全局作用域 命名冲突 无法管理模块的依赖关系命名空间方式 每个模块暴露一个全局对象，所有模块成员都挂载到对象中 虽然减少了全局污
2021-07-10 前端
模块化开发 JavaScript
如何使用模块联邦落地微前端 如何使用模块联邦落地微前端
目前微前端的落地方案 自组织模式 基座模式 模块加载模式 模块加载模式没有中心容器，可以将任意一个微应用当做项目入口，微应用与微应用之间相互串联，这种模式也叫做去中心化模式 webpack5引进了Module Federation（模块
2021-07-09 前端
模块化开发 微前端
脚手架 脚手架
脚手架的本质作用创建项目的基础解构、提供项目规范和约定 相同的组织结构 相同的开发方式 相同的模块依赖 相同的工具配置 相同的基础代码 常用的脚手架工具 根据信息创建对应的项目基础结构（create-app、vue-cli） Yeom
2021-01-10 前端
工具
es6基础 es6基础
部分内容参考了《ECMAScript 6 入门》 ES2015块级作用域在es6之前，只有两种作用域 全局作用域 函数作用域 es6新增了块级作用域，可以使用let和const声明 letlet 可以用来声明变量，它的用法类似于var，
2021-01-01 前端
JavaScript