css的filter
摘要：<template> <div> <div class="filter-container1"></div> <div class="filter-container2"></div> </div> </template> <script setup></script> <style scoped>
阅读全文
摘要：<template> <!-- <meta name="viewport" content="...,viewport-fit=cover"> --> <div class="safe-area-inset-bottom"></div> </template> <script></script> <
阅读全文
摘要：目录dialog弹窗实现（可添加在任意节点上） dialog弹窗实现（可添加在任意节点上） <template> <teleport v-if="modelValueHandler || lazyModelValueHandler" to=".ll-adapter"> <transition nam
阅读全文
摘要：目录一、浏览器缓存机制1、LastModified2、ETag3、expires 一、浏览器缓存机制 1、LastModified const http = require('http') const url = require('url') const path = require('path')
阅读全文
摘要：目录一、静态资源服务器命令行工具 一、静态资源服务器命令行工具 #!/usr/bin/env node // npm i yargs const yargs = require('yargs') const Server = require('../src/app') const argv = ya
阅读全文
摘要：目录十六、知识点补充22、gzip23、crypto24、uncaughtException25、detached26、fork27、exec28、execFile29、多语言切换30、图片防盗链31、代理服务器32、User-Agent33、cookie 十六、知识点补充 22、gzip cons
阅读全文
摘要：目录二十七、知识点回顾1、回调函数方式处理异步所存在的问题2、生成器3、从Generator到async/await 二十七、知识点回顾 1、回调函数方式处理异步所存在的问题 * 无法捕获错误（try catch） * 不能return 2、生成器 function* foo(a) { const
阅读全文
摘要：目录十六、知识点补充1、环境变量2、pnpm包管理方式3、npm包管理方式（dependencies、devDependencies、peerDependencies）4、npm发布包5、内置模块-util模块6、Buffer7、base64编码算法8、path模块9、实现静态资源服务器10、exp
阅读全文
摘要：目录1、浏览器的同源策略2、jsonp3、cors4、postMessage5、window.name6、location.hash7、document.domain8、websocket9、nginx 1、浏览器的同源策略 * 两个URL的协议、主机、端口都相同的话，则这两个URL同源 * 浏览器
阅读全文
摘要：目录动手实现一个webpack的loader动手实现一个webpack的pluginchrome浏览器调试nodejs代码 动手实现一个webpack的loader // webpack.config.js module.exports = { module: { rules: [ { test:
阅读全文
摘要：目录简易版webpack的实现步骤1、npm的bin2、文件的读写3、webpack是如何做的4、模块遍历（图结构）5、模块脚本拼接6、loader转换 简易版webpack的实现步骤 1、npm的bin * npm init -y * package.json添加配置 ######## { "bi
阅读全文
摘要：<template> <div style="background: red; padding: 20px"> <video ref="videoEl" src="/movie.mp4"></video> <hr /> <canvas ref="canvasEl"></canvas> <hr />
阅读全文
摘要：目录一、快速入门1、基础案例2、gui.js3、知识点4、加载外部三维模型(gltf) 一、快速入门 1、基础案例 <template> <div class="three-container" ref="domElement"></div> </template> <script> import
阅读全文
摘要：目录二、微前端自研框架1、子应用接入a、vue2b、vue3c、react15d、react162、主应用注册子应用3、主应用路由拦截4、主应用生命周期5、加载和解析html6、运行环境隔离7、css样式隔离8、应用间通信9、全局状态管理10、提高加载性能三、微前端现有框架1、qiankun重构项目
阅读全文
摘要：目录一、架构基础知识1、软件设计原则2、补充设计原则3、其他设计原则4、软件设计分层5、如何保证架构的质量-稳定性和健壮性6、正确的选择是良好的开端-架构前期准备7、千里之堤毁于蚁穴-技术债务填补与崩溃预防8、推到？重来？-系统重构9、微前端实现方式对比10、技术选型-确定技术栈11、绘制项目架构图
阅读全文
摘要：目录1、简介2、字符串操作3、算术与数字4、数组操作5、对象操作6、函数操作7、通用工具 1、简介 安装 # es-module支持tree-shaking npm i --save lodash-es # 源码阅读 # 柯里化 # 你不需要lodash：https://github.com/you
阅读全文
摘要：目录1、安装2、基本使用3、生成文档4、自定义配置生成文档5、主题模板应用6、自定义主题模板7、markdown插件的应用8、eslint检查注释语法9、prettier规范注释语法10、实现静态类型检测 1、安装 # 全局安装 npm i -g jsdoc # 本地安装 npm i -D jsdo
阅读全文
摘要：目录二十四、项目实战细节（二）1、组件设置name属性2、$slots和$scopedSlots3、vue模版的for-in和for-of 二十四、项目实战细节（二） 1、组件设置name属性 <script setup> // Vue3.3后支持 defineOptions({ name: '组件
阅读全文
摘要：[TOC] ####一、npx #####1、npx命令执行过程 ``` * webpack命令执行过程：执行命令所在目录是否有webpack命令，有则执行， 没有则找环境变量是否有webpack命令，有则执行 * npx webpack命令执行过程：执行命令所在项目是否有webpack命令，有则执
阅读全文
摘要：[TOC] ####一、tailwindcss基本使用 #####1、设置tailwind和postcss * 命令 ``` * npm init -y * npm i tailwindcss postcss-cli autoprefixer * npx tailwind init ``` + 编辑
阅读全文
