typescript中的类型及定义 1 张宇童 2020年10月16日晚上 学习日志 109 人围观 typescript 是一门静态类型语言 什么静态类型? 也就是说typescript 是一门强类型语言,强类型语言是在声明变量或常量的时候就已经知道变量或常量的类型是什么了 下面我们来看看typescript是如何定义变量的 首先我们知道 typescript的基础类型有 null, sym... 继续阅读»
在学javascript 张宇童 2020年8月27日晚上 学习日志 151 人围观 买了些JavaScript的书,其实主要为了买红宝书,就顺便买了JavaScript语法简明手册 感觉比较适合初学者.图文并茂可以是读者很好的理解 图书内容并不多 200页左右 刚看了50页和大家分享下今天下午阅读的内容 说JavaScript的基础首先要说的是JavaScript的基础类型 ... 继续阅读»
webpack的代码分割配置代码,异步加载模块配置 3 张宇童 2019年12月19日晚上 webpack 911 人围观 需要在webpack.config.js配置中添加字段 optimization 首先在这里简单提一下 optimization 里面可以配置 tree shaking 添加usedExports: true即可 下面我们进入正题 只需要在optimization里面添加配置 splitChunks: { ... 继续阅读»
ant-design-pro 的入口文件? 张宇童 2019年12月6日晚上 学习日志 386 人围观 今天在项目中遇到一个问题 在ant-design-pro中需要加入script标签 于是找了好久没有找到入口文件 没有index.html 也没有index.ejs 最后在src中的docment.ejs ant-design-pro加入script标签 只需要在docment.ejs中加入即... 继续阅读»
ant-design下载二进制字节流文件 张宇童 2019年12月4日下午 学习日志 532 人围观 今天在做一个项目的时候遇到了一个问题。 其实下在文件是很简单的一件事情。但是使用到前后分离的这个概念,下载文件就变得稍微有一点点复杂了。 因为用户使用的是前端路由。而不能够直接使用后端的路由 所有任何操作都要通过API来实现 这样的话即使服务器上面有文件也很难下载。 因为链接不能够直达 ... 继续阅读»
如何自己为Array实现一个flat即扁平化输出 张宇童 2019年11月26日晚上 学习日志 385 人围观 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, 12, 13] ... 继续阅读»
JavaScript快速将Array转为Object 张宇童 2019年11月26日下午 学习日志 477 人围观 实现数组与对象的快速转换 首先我们来看一下正常情况下访问bar值 arr = [['bar',3],['two',6]] // 正常访问 bar console.log(arr[0][0]) // bar 使用新的API访问bar值 Object.fromEntries() // ES10新的A... 继续阅读»
JavaScript提取字符串的几种方式 张宇童 2019年11月26日下午 学习日志 267 人围观 第一种: str = `"bar" and "foo" and "baz"`; reg = /\"(.*?)\"/g // 第一种方式 while (true) { let a = reg.exec(str) if (a === null) break; console.log(a[1]) } // 成... 继续阅读»
JavaScript去除首尾空格 张宇童 2019年11月26日下午 学习日志 676 人围观 不管在哪种语言中去除字符串首尾空格都是会经常用到的 JavaScript中我们经常用的去除首尾空格方式是替换,比如: str = ' hello world ' console.log(str.replace(/^\s+|\s+$/g, '')) // hello world 而如今ES10将会让我们更加方便的去除空格... 继续阅读»
JavaScript中的扁平化输出 张宇童 2019年11月26日下午 学习日志 269 人围观 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])) // 输出的是 [... 继续阅读»