jerry-mengjie - 博客园

2021年12月27日

摘要：官方升级文档https://ant.design/docs/react/migration-v4-cn 一、升级准备升级react到16.14.0：yarn add react@16.14.0 升级react-dom到16.14.0：yarn add react-dom@16.14.0 新版ant 阅读全文

posted @ 2021-12-27 15:22 jerry-mengjie 阅读(1047) 评论(0) 推荐(0)

阿里umi与antdpro重构老管理后台前端底层框架

摘要：改进的功能： webpack5、antd4、Pro组件化、jotai原子化状态管理、权限方案、请求拦截、面包屑、标题切换、路由懒加载、组件热更新、history路由、mock数据、typescript等产生的价值： 1、antd3升级antd4，提供更多组件功能 2、antd pro组件化，页面更阅读全文

posted @ 2021-12-27 15:18 jerry-mengjie 阅读(719) 评论(0) 推荐(0)

2021年12月22日

headless cms strapi+nuxt+graphql重构传统cms官网

摘要：什么是无头CMS？术语”无头”是指缺少前端。无头CMS仅包含用于存储和交付内容的API和后端系统。缺少前端是通过将内容发布到能够将内容发布到任何智能设备的API或Web服务的方式来满足的。从技术角度来看, 无头CMS不用在代码和内容之间建立关系, 而是使用API调用将内容呈现到网页中。 St 阅读全文

posted @ 2021-12-22 17:29 jerry-mengjie 阅读(501) 评论(0) 推荐(0)

2021年12月21日

vue3.2.26源码调试之effect

摘要： const _effect = new ReactiveEffect(fn) 新建_effect对象 if (!effectStack.includes(this)) { try { effectStack.push((activeEffect = this)) enableTracking() t 阅读全文

posted @ 2021-12-21 19:53 jerry-mengjie 阅读(68) 评论(0) 推荐(0)

2021年12月20日

vue3.2.26源码调试之数组方法

摘要：原以为proxy支持数组，不需要改写数组方法，但get与set都会触发两次 let arr = [1, 2]; let proxyArr = new Proxy(arr, { get(target, key, receiver) { console.log(`get`, key); const re 阅读全文

posted @ 2021-12-20 17:35 jerry-mengjie 阅读(255) 评论(0) 推荐(0)

2021年12月9日

monorepo管理库或微前端一种方式

摘要： 1、monorepo是管理库的一种方式，可以不用任何包，execa开启多个子进程，配置stdio参数在父进程显示，rollup配置支持数组输出多种规范文件，组件库也可用monorepo管理。 execa('rollup',['-c','--environment','TARGET:aa'],{std 阅读全文

posted @ 2021-12-09 14:21 jerry-mengjie 阅读(1248) 评论(0) 推荐(0)

2021年12月8日

利用正则删除url指定参数

摘要： /** * 删除url的指定参数 * @param {*} url 需要处理的url * @param {*} name 参数名称 */ export const deleteQueryString = (url, name) => { try { const re = new RegExp('&? 阅读全文

posted @ 2021-12-08 19:16 jerry-mengjie 阅读(871) 评论(0) 推荐(1)

弱引用WeakMap最简单demo

摘要：给dom添加额外信息，当dom移除，自动清除 <!DOCTYPE html> <html lang="en"> <body> <button id="btn">btn</button> <script> let wm = new WeakMap(); // console.log('window.b 阅读全文

posted @ 2021-12-08 19:08 jerry-mengjie 阅读(36) 评论(0) 推荐(0)

交叉观察器IntersectionObserver最简单demo

摘要： IntersectionObserver内部使用getBoundingClientRect与requestIdleCallback实现接近与离开0.5都会执行，去除接近0.5的执行 <!DOCTYPE html> <html lang="en"> <head> <style> body { mar 阅读全文

posted @ 2021-12-08 18:35 jerry-mengjie 阅读(73) 评论(0) 推荐(0)

箭头函数没有this与arguments，向上查找最终是window

摘要： <!DOCTYPE html> <html lang="en"> <body> <button id="btn">箭头函数this</button> <script> let btn = document.getElementById("btn"); let obj = { name: "boy", 阅读全文

posted @ 2021-12-08 18:17 jerry-mengjie 阅读(32) 评论(0) 推荐(0)

jerry

公告