存档目录:2021_06
以下是与存档 “2021_06” 相关联的文章

JavaScript高阶函数filter、map、reduce

前言 需求:有这样一个数组 [10, 20, 110, 200, 60, 30, 40] 1.筛选出数组中小于100的元素 2.将筛选出的每个元素的值x2 3.完成第2步之后,将数组中的所有元素加起来 普通方法 如果我们还没接触过 filter 、 map 、 reduce ,那么就是用 for 循环

JavaScript 中 JSON.stringify() 的基本用法

在开发工作中,我们可能会 碰到这样的需求:需要将某个对象内容弹窗显示或者保存在文件中,这时候如果你直接弹窗的话,很可能就是下面这样的: 因为很多接口它对参数有要求,比如只能是字符串之类的。 这时候,就需要我们将对象转换为字符串进行输出, JSON.stringify() 方法就可以帮我们实现将对象转为字符串的过程。

JavaScript中的Set数据操作:交集、差集、交集、对称差集

在许多情况下,需要比较多个列表,获取它们有或没有交集、差集等等,在 Javascript 有一个数据类型可以很好的实现这些需求,那就是 Set 。 Set 对象就像一个数组,但是仅包含唯一项。 Set 对象是值的集合,可以按照插入的顺序迭代它的元素。 Set 中的元素只会出现一次,即 Set 中的元素是唯一的。

Element Table 可以实现常见的有用的功能介绍

最近项目中频繁使用 table 功能,因为 UI 框架使用的又是 Element UI,于是总结下在 Element 下 el-table 组件使用技巧。 table 组件提供了row-style 属性,说明:行的 style 的回调方法,也可以使用一个固定的 Object 为所有行设置一样的 Style。 于是我们可以在 method 中写一个 setRowStyle 方法,通过行索引和背景色数组去匹配颜色值用于单元格背景色。

Element Form表单布局(一行多列)

ElementUI的Form表单中的每一项,默认是一行显示一个,垂直排列的,但是在实际应用中,比如查询页面里,一行一个查询条件显然是不太现实的:占地儿太大,页面很不友好。查询条件少的话还好说,如果查询条件众多,那么查询Form就会显得很臃肿。因此,需要让Form表单一行显示多个el-form-item。

...

webpack模块化实现原理

一、准备

目录结构:

├── common_index.js├── es_index.js├── index.js└── js├── format.js└── math.js

如果有需要源码的,评论或者私信一下,我也不确定有没有人需要,就懒得放了。

...

TypeScript 在开发应用中的实践总结

如果源码使用 ts编写,打包后自动生成.d.ts 文件,不需要维护额外的类型定义文件了,开发者在编辑器中也可以获得参数提示。既然这样,不如动手试试使用 ts 重构。

准备工作

因为代码是纯 js 库,我们使用 rollup+babel 来打包。把原来的代码做了一个简单的梳理,整理出一个初步的项目结构如下:

...

TypeScript简介和环境搭建

因为ts不会像js一样,可以在浏览器中直接执行,需要转化成对应的js代码之后,才能运行。这里我们需要有nodejs环境,还有其他的插件和依赖,小编就依次将需要安装的环境列出,并展示安装方法。
一、nodejs
...