随笔分类 - 前端
前端随笔
摘要：const transNumberToShort = (value, decimal = 2) => { const BASE = 10000; const SIZES = ["", "万", "亿", "万亿"]; let i = undefined; let str = ""; if (isNa
阅读全文
摘要：你的数据是需要排列好的, 把所有一样的数据都排序到一起 // 获取需要合并的位置 const getSpanNumber = (data: User[], prop: string) => { const length = data.length if (length > 0) { let posi
阅读全文
摘要：Qiankun 是一个微前端框架，它在技术上采用了 Web Components 技术实现样式隔离。具体来说，Qiankun 利用 Shadow DOM 的特性，在应用程序容器中创建一个隔离的 DOM 树，使得每个子应用都可以拥有自己独立的样式作用域。 在 Qiankun 中，每个子应用都被封装为一
阅读全文
摘要：rollup文档 讲讲常用的插件 @rollup/plugin-node-resolve rollup node module 路径解析插件，告诉 Rollup 如何查找外部模块，如果你需要 npm 包资源打入你的源代码里面就需要配置这个，一般直接使用 external 就可以了。如果你配置了这个，
阅读全文
摘要：非官方的参考文档, 感觉比官方的更实用 baseTable 使用 我们是不会被困难打败的, 只会越战越勇! 开启了表单搜索功能, demo 代码是 formtable 组件, 个人还是比较喜欢 template 方式, 这样的方式使用不了 getForm 这种方法 需要注意的是, 如果使用了组件表单
阅读全文
摘要：问题: 加载百度地图 sdk 导致跨域 由此联想到的问题, 为什么乾坤可以劫持很多请求, 子应用的js和css资源加载都会被拦截到 ? 通常加载 script 的方式 通过script标签 通过动态创建 script 插入 html 以上两种方式都不会造成跨域, 在 chrome 里面两者的请求归属
阅读全文
摘要：前言 关于 FileSaver 这个插件不少人都知道是用来保存文件的, 但是你可能不知它会在通过url保存文件的时候通过 HEAD 的请求方法来确认资源是否真正可以访问。当HEAD方法成功之后，接下来才会真的去执行下载逻辑; 下面是插件的源码, 在 corsEnabled 函数里面会发送一个 HEA
阅读全文
摘要：先解释一下这里的rich 是干啥的, rich 的目的就是给文字加上一些自定义的样式, 或者通过背景加上一张图片 在 echarts 里面很有地方都可以使用 formatter 属性, 而使用 formatter 的地方大多都是可以使用 rich 属性的, 在这里需要注意的是 formatter 里
阅读全文
摘要：依赖 1.xlsx自定义表格样式 <script src="https://cdn.jsdelivr.net/npm/xlsx-style@0.8.13/dist/xlsx.core.min.js"></script> 2.xlsx导出js <script src="https://cdn.jsde
阅读全文
摘要：开发中使用的工具 nvm 管理node版本 可能遇到的问题 命令不可执行 需要改环境变量 yapi自动生成代码 pop 自动生成vue文件模板 element ui 生成多套主题
阅读全文
摘要：准备工作 安装插件 npm install html2canvas -S 原理其实就是利用 canvas 绘图,然后导出一个 base64 的字节流 a标签下载 图片有data URLs长度限制问题,这个url指的是base64的数据长度大小,限制各有不同,所以这里用canvas的blob方法将ba
阅读全文
摘要：首先介绍一下此插件 我们的目标是什么:干死vuex 我来当皇上!(开个玩笑,pathify的是为了简化vuex的开发体验) 插件作者 davestewart github仓库地址 官方网站,英文 说一下插件的功能 插件可以帮你自动生成很多的代码,让我们向懒人更迈进异步 对vuex的语法进一层封装,代
阅读全文
摘要：2020-12-30 今天的收获 奇特的~运算符 解释一下 ~42 //相当于 -(42+1)==>-43 适用场景 var a = 'hello world'; if (~a.indexOf('lo')) { console.log(true,~a.indexOf('lo')) } ~~-78.9
阅读全文
摘要：需要的插件 npm install animate.css --save文档所在 npm install swiper vue-awesome-swiper --save 使用说明 利用animate.css的自定义类名使用方法,配合当前选中swiper类名,达到给只给当前选中swiperside中
阅读全文
摘要：简单封装 npm install umi-request --save 文档,具体封装可以多看看文档配置 import { extend } from "umi-request"; const request = extend({ prefix: "xxx",//相当于baseurl timeout
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：回调地狱 (着重于回调地狱的理解,解决办法网上有很多示例) 这个问题一直围绕着我,但是自己也没有去深究 一直的理解就是可以使用promise解决,代码布局比较乱,今天为了加深理解就写一下笔记 1.看一下网上的解释 代码示例 var sayhello = function (name, callbac
阅读全文
摘要：今天学习了 <<你不知道的JavaScript>>这本书 反面例子 for (var i=1; i<=5; i++) { setTimeout( function timer() { console.log( i ); }, i*1000 ); } 所有的函数回调都会在循环结束后执行,延时为0也会打
阅读全文
摘要：解决办法 我当时的错误提示就是 mkdir xxxx mp-weixin文件夹 直接把 unpackage build 下的 例如mp-weixin 编译包删了 里面应该是空的 正常应该会遇到请提供管理员权限或者无法删除该文件夹 我直接强制删除的 然后重新编译就好 我感觉这种办法不太好有一定风险 如
阅读全文
摘要：父组件代码部分 <template> <div class="home"> <HelloWorld ref="hello" :msg="count" @helloEmit="sayHello" /> </div> </template> <script> export default { setup
阅读全文
