- 博客(15)
- 收藏
- 关注
RSS订阅原创 微前端qiankun从搭建到部署
basic-vue-app–（vue3基座应用）micro-vue2-app–（vue2微应用）micro-vue3-app–（vue3微应用）micro-react-app–（react微应用）
2023-03-29 17:59:43
2396
1原创 前端算法题
1. 字符串查找：请使用最基本的遍历来实现判断字符串 a 是否被包含在字符串 b 中，并返回第一次出现的位置（找不到返回 -1）。/* 1. a='34';b='1234567'; // 返回 2 2. a='35';b='1234567'; // 返回 -1 3. a='355';b='12354355'; // 返回 5 4. isContain(a,b);*/function isContain(a, b) { for (let i in b) { if (a[0] ===
2021-03-01 13:06:24
198
原创 CSS布局之BFC
什么是BFCBFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。Box：css布局的基本单位Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Cont
2020-11-12 11:57:48
210
原创 Vue3.0入门
快速搭建Vue3.0项目1，使用vite（推荐使用，比webpack更快）npm i -g create-vite-appcreate-vite-app my-projectcd demonpm inpm run dev2，使用vue-clinpm install -g @vue/cli // 安装cli之前已经安装过vue-cli的话，可以升级到最新版npm update -g @vue/cli // 升级vue-cli到最新版vue -V // 查看vue-cli版本vue c
2020-11-09 16:32:24
1006
原创 微前端qiankun
引言本文采用 Vue 作为主应用基座，接入不同技术栈（react和vue）的微应用项目根目录下有基座main和其他子应用sub-vue，sub-react，搭建后的初始目录结构如下：├── common //公共模块├── main // 基座├── sub-react // react子应用└── sub-vue // vue子应用构建主应用基座我们先使用 vue-cli 生成一个 Vue 的项目，初始化主应用。将普通的项目改造成 qiankun 主应用基座
2020-11-04 18:33:42
531
原创 git subtree使用
git subtree是什么git subtree 可以实现一个仓库作为其他仓库的子仓库。subtree的核心思想与能做的就只有同步项目文件。假如有P1 、P2两个项目，两个项目存在共用的代码，将共用的代码独立为新的git仓库——share项目；当你对P1/P2项目操作git clone或者git pull的时候，你拉取到的是整个P1/P2项目，包括share在内，share对于父级的主项目来说相当于是个普通目录；当你在P1/P2项目修改了share里的内容后执行git push，修改的shar
2020-07-09 18:25:50
910
原创 Redux入门
典型的Web应用程序通常由共享数据的多个UI组件组成。通常，多个组件的任务是负责展示同一对象的不同属性。这个对象表示可随时更改的状态。在多个组件之间保持状态的一致性会是一场噩梦，特别是如果有多个通道用于更新同一个对象。举个例子：一个带有购物车的网站。在顶部，我们用一个UI组件显示购物车中的商品数量。我们还可以用另一个UI组件，显示购物车中商品的总价。如果用户点击添加到购物车按钮，则这两个组件应立...
2019-05-09 16:15:28
158
原创 ES7和ES8新特性
ES71.Array.prototype.includes()includes()作用,是查找一个值在不在数组里,若是存在则返回true,不存在返回false.1.基本用法：['a', 'b', 'c'].includes('a') // true['a', 'b', 'c'].includes('d') // false2.接收俩个参数：要搜索的值和搜索的开始索引...
2019-04-26 17:28:29
176
翻译 react-router-dom详解
<BrowserRouter><BrowserRouter> 使用 HTML5 提供的 history API (pushState, replaceState 和 popstate 事件) 来保持 UI 和 URL 的同步。import { BrowserRouter } from 'react-router-dom';<BrowserRouter ba...
2019-04-24 18:08:18
2596
转载 Redux常用API详解
createStore(reducer, [preloadedState], enhancer)创建一个 Redux store 来以存放应用中所有的 state。应用中应有且仅有一个 store。Store的方法–getState() 返回应用当前的state树–dispatch(action) 分发action 这是触发state变化的唯一途径–subscribe(listener...
2019-04-24 11:49:35
777
翻译 Redux和React-Redux
ReduxRedux三个基本原则：1，整个应用只有唯一一个可信数据源，也就是只有一个 Store2，State 只能通过触发 Action 来更改3，State 的更改必须写成纯函数，也就是每次更改总是返回一个新的 State，在 Redux 里这种函数称为 ReducerActionsAction 很简单，就是一个单纯的包含 { type, payload } 的对象，type 是一...
2019-04-24 11:17:42
140
原创 前端加密
这篇文章主要介绍crypto-js的aes加密和md5加密，首先我们要引入 crypto-js ，crypto-js 是一个纯 javascript 写的加密算法类库。const CryptoJS = require('crypto-js'); //引用AES源码jsconst key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF"); //十六位...
2019-03-21 17:33:37
234
原创 axios的再次封装
import axios from 'axios';import NProgress from 'nprogress';import qs from 'qs';import 'nprogress/nprogress.css';const codeMessage = { 200: '服务器成功返回请求的数据。', 201: '新建或修改数据成功。', 202: '一...
2019-02-20 15:07:08
476
原创 Sass和Less的区别
什么是Sass和Less？答：Sass和Less都属于CSS预处理器；所谓CSS预处理器，就是用一种专门的编程语言，进行 Web 页面样式设计，再通过编译器转化为正常的 CSS 文件，以供项目使用。为什么要使用CSS预处理器？答：CSS有具体以下几个缺点：语法不够强大，比如无法嵌套书写，导致模块化开发中需要书写很多重复的选择器； 没有变量和合理的样式复用机制，使得逻辑上相关的属性...
2019-02-20 14:42:20
1406
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人