04 2023 档案
摘要：如果项目中打包的体积过大的话，首先可能会享到路由懒加载，分包，但是终究效果不是很明显。 我们用 webpack-bundle-analyzer 打开一个包分析管理。npm run build会自动 打开分析管理 也可以package.json中 自定义配置命令 "analyz": "NODE_ENV
阅读全文
摘要：srcipt中有三种加载方式 normal， async，defer normal - loadingDOM 中遇到了 <script> 会优先加载 再执行，最后继续loadingDOM的加载。 async - loadingDOM 中遇到了 <script async> 会异步去加载，再执行，不影
阅读全文
摘要：封装一个公共函数，运用在 上传文件时使用 export const checkFileRealType = (file:any) => { return new Promise((resolve, reject) => { const reader = new FileReader() reader
阅读全文
摘要：// 原对象 const info = [ { name: "A", value: 4, }, { name: "B", value: 7, }, { name: "C", value: 10, } ]; // 期望对象 { A: 4, B: 7, C: 10, } // reduce： const
阅读全文
摘要：/** * * @param {*} datas * @param { Function } consumer * @param { Function } [chunkSplitor] * @returns * @example * const consumer = (item, i) => { *
阅读全文
摘要：const shapes = []; var animate // 画布初始化 export const canvasInit = () => { const cvs = document.querySelector('canvas'); const ctx = cvs.getContext('2d
阅读全文
摘要：惰性函数 指在函数运行过程中，当无需重复校验判断的模块，频繁调用时，可以考虑惰性函数的思路 比如 function handleFn() { if(当满足这个条件时) { return （arg） => { 所需执行的代码 } }else { 当其他条件时 return （arg） => { 所需执
阅读全文
摘要：<h2 class="title"><span >围殴围殴我饿我饿我饿哦我饿围围殴围殴我饿我饿我饿哦我饿围殴围殴我饿我饿我饿哦我饿我饿围殴围殴殴围殴我饿我饿我饿哦我饿我饿围殴围殴</span></h2> css： .title { line-height: 2; color: #333; } .ti
阅读全文
摘要：如果自定义动态右键菜单组件，模块与模块之间互不影， 细节样式可以后续补充 注意点：Teleport解决定位问题，Transition解决动画问题 contextMenu组件 <template> <div ref="continerRef"> <slot></slot> <Teleport to="
阅读全文
摘要：css 实现文字交融展开动画 效果 👇👇👇👇👇 <div class="textCont"> <span class="text">这是一条测试文案</span> </div> css: .textCont{ filter: contrast(30); background: #000;
阅读全文
摘要：平常当我们封装表单组件时候，子组件修改了内容，会通过emit的方式触发父组件来修改数据或者使用发布订阅方式 ，从而保证单项数据流不被打破。 那如何 用computed 计算属性来简化该方式呢 form页面 <el-input v-model='model.keyword'> <el-select v
阅读全文
摘要：A页面： 在使用二次封装的组件 <MyInput ref='inputRef' v-model='data' placeholder='xxxx'> <template #prepend> ...... </template> <template #append> ...... </template
阅读全文
浙公网安备 33010602011771号