- 博客(37)
- 收藏
- 关注
原创 微前端架构-qiankun在vue3的应用
qiankun是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。其他几款([single-spa]、[micro-app]、[百度emp]])使用 iframe 整合系统时,假设我们有系统 A, 当我们想把系统 B 引入 A 系统时,只需要 B 系统提供一个 url 给 A 系统引用即可,这里我们把 A 系统叫做父应用,把 B 系统叫做子应用。同样的,微前端也延续了这个概念,微前端在使用起来基本和使用 iframe 一样平滑。
2023-01-30 09:08:11
4956
2
原创 Nginx中proxy_pass末尾带斜杠/和不带的区别
如果proxy_pass末尾有斜杠/,proxy_pass不拼接location的路径如果proxy_pass末尾无斜杠/,proxy_pass会拼接location的路径
2022-11-07 09:25:35
523
1
原创 angular知识点梳理第二篇-基本语法
NgModel就和vue中的v-model的效果是一致的,只是写法会有一些区别,vue中是可以直接进行使用的,但是在angular中我们引入框架的一个核心模块FormsModule才可以,该指令就是将数据驱动视图的改变!
2022-11-04 09:26:18
108
原创 03-React组件通讯
**组件**是独立且封闭的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,我们将一个完整的功能拆分成多个组件,以更好的完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通。这个过程就是**组件通讯**。
2022-11-04 09:15:33
65
原创 Nginx中proxy_pass末尾带斜杠/和不带的区别
如果proxy_pass末尾有斜杠/,proxy_pass不拼接location的路径如果proxy_pass末尾无斜杠/,proxy_pass会拼接location的路径
2022-11-04 09:03:35
1087
原创 async/await
async/await 是 ES8(ECMAScript 2017)引入的新语法,用来简化 Promise 异步操作。在 async/await 出现之前,开发者只能通过链式 .then() 的方式处理 Promise 异步操作。
2022-11-03 10:02:19
58
原创 webpack-打包模块化javascript的工具
webpack是一个打包模块化javascript的工具,在webpack里一切文件皆模块,通过loader转换文件,通过plugin注入钩子,最后输出由多个模块组合成的文件,webpack专注构建模块化项目.减少文件数量缩减代码体积 提高浏览器打开的速度
2022-11-03 09:54:33
351
原创 angualr基本知识介绍
angular学习angular基础培训创建项目angular创建项目创建项目进入目录安装依赖启动项目打开项目目录结构新建组件基础语法定义变量,声明属性Angular插值Angular 绑定classClass变量类型Angular 绑定styleAngular 绑定事件Angular 条件渲染Angular 循环渲染双向数据绑定管道(处理数据)基础语法自定义管道父子之间传参父组件传值给子组件子组件传值给父组件父组件调用子组件的方法子组件调用父组件的方法(和子传父一样)生命周期自定义指令Axios的使用路由
2021-09-09 15:04:17
214
原创 webpack性能优化
webpack性能优化优化手段使用最新且稳定的版本缩小文件搜索范围优化loader配置优化resover.modules配置(第三方模块)优化resolve.extensions配置优化module.noParse配置优化图片资源的加载使用url-loader减少http请求抽取并压缩样式文件webpack4使用mini-css-extract-plugin抽取css使用optimize-css-assets-plugin压缩css使用Tree-Shaking删除‘死代码’代码分割 (Code splitt
2021-03-25 17:23:30
136
原创 Angular性能优化
Angular性能优化基础ngFor加trackBy少重复运算,多使用存Pipe管道少监听DOM:避免频繁触发变更检测触发Angular变更检测如何监听事件不触发变更检测减少变更检测:OnPush策略组件传值@Input的变化监听Angular生命周期优化预加载和懒加载服务端渲染SSR基础一些好的的性能优化基础提高渲染。ngFor加trackBy<ul> <li *ngFor = "let item of arr;index as i;trackBy:trackByFn">
2021-03-25 15:13:51
850
翻译 ES6中的一些数组操作
首先说一些ES3的数组方法split()讲一个字符串分割成字符串数组splice(规定位置开始,数量,可选–添加新项目)方法是从数组中添加、删除slice(从什么位置开始取值,可选–结束位置–但是不包括结束位置)用于取值push(值)从数组末尾添加一个或多个元素pop()用于删除数组最后一位元素unshift(值)从数组开始添加一个或多个元素shift()用于删除数组第一位元素jo...
2018-10-25 13:51:38
1980
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人