webpack的代码分割配置代码,异步加载模块配置
需要在webpack.config.js配置中添加字段 optimization 首先在这里简单提一下 optimization 里面可以配置 tree shaking 添加usedExports: true即可 下面我们进入正题 只需要在optimization里面添加配置 splitChunks: { chunks…
动态
#javascript全部动态
ant-design-pro 的入口文件？
今天在项目中遇到一个问题 在ant-design-pro中需要加入script标签 于是找了好久没有找到入口文件 没有index.html 也没有index.ejs 最后在src中的docment.ejs ant-design-pro加入script标签 只需要在docment.ejs中加入即可
ant-design下载二进制字节流文件
今天在做一个项目的时候遇到了一个问题。 其实下在文件是很简单的一件事情。但是使用到前后分离的这个概念，下载文件就变得稍微有一点点复杂了。 因为用户使用的是前端路由。而不能够直接使用后端的路由 所有任何操作都要通过API来实现 这样的话即使服务器上面有文件也很难下载。 因为链接不能够直达 所有我就用服务器返回我们需要下载…
如何自己为Array实现一个flat即扁平化输出
let a = [1,2,3,4,5,[6,7, 8, [9,[10,11,[12,[13]]]]]] console.log(a) // (6) [1, 2, 3, 4, 5, Array(4)] console.log(flat(a)) // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11,…
JavaScript快速将Array转为Object
实现数组与对象的快速转换 首先我们来看一下正常情况下访问bar值 arr = [['bar',3],['two',6]] // 正常访问 bar console.log(arr[0][0]) // bar 使用新的API访问bar值 Object.fromEntries() // ES10新的API Object.fr…
JavaScript提取字符串的几种方式
第一种： str = "bar" and "foo" and "baz"; reg = /\"(.*?)\"/g // 第一种方式 while (true) { let a = reg.exec(str) if (a === null) break; console.log(a[1]) } // 成功提取 // ind…
JavaScript去除首尾空格
不管在哪种语言中去除字符串首尾空格都是会经常用到的 JavaScript中我们经常用的去除首尾空格方式是替换，比如： str = ' hello world ' console.log(str.replace(/^\s+|\s+$/g, '')) // hello world 而如今ES10将会让我们更加方便的去除空格…
JavaScript中的扁平化输出
arr = [1, [2, [3, [4, 5, [6, [7, [8, [9]]]]]]]] console.log(arr.flat(10)) // 递归的层数 ，如果指定底层数大于数组实际层数将按照数组最高层数执行 arr = [1,2,3]; console.log(arr.map(x => [x*2])) /…
React时间轴
https://github.com/stephane-monnot/react-vertical-timeline 基本上手就能用 不过里面的 icon 并没有给出详细的说明 icon 用这个就好了 https://github.com/react-icons/react-icons 这个具体的库在这 https:/…
如何在react中使用videojs组件
首先需要node安装video-react包 然后在index.html中添加以下 在需要使用的地方首先引入 import {Player} from 'video-react'; 最后使
BrowserRouter与HashRouter的区别
关于BrowserRouter和HashRouter我百度了一下，看了网上说的一大堆总结了以下精华： BrowerRouter是为老版本浏览器提供的hash路由 意思就是说在URL中会存在#号 而BrowserRouter是新浏览器H5的路由组件 不会再URL中存在#号 switch包含的部分只会匹配一个路由
如何将html字符串转换成dom元素呢？
这里要说的不是最常见的document.createElement('div')这种方式 以上这种方式太普通了就不介绍了 下面是一个字符串 str = 'hello链接' 我们要把它转换成dom 对象应该如何做呢？ 很简单不要使用docuemnt.createElement()的一层一层的创建 只需要使用一个内置对象D…