qq_42704919-CSDN博客

原创 stydy one 什么是函数式编程

首先，函数式编程(过程化)，缩写FP，是一种编程风格，与面向对象（oop）、面向过程等编程范式并列。我们理解的函数式编程中的函数并不是function，而是Y与X的关系这一数学层面中的函数关系。————相同的输入始终都等于相同的输出。一句话概括，函数式编程用来描述（函数）之间的映射。eg：//非函数式let num1 = 1;let num2 = 2;let sum = num1 + num2;console.log(sum); //函数式fun...

2020-11-17 21:44:59 153

原创 vue虚拟DOM是什么？vue的虚拟DOM的用法

vue虚拟DOM是什么？vue的虚拟DOM的用法1、为什么需要虚拟DOM前面我们从零开始写了一个简单的类Vue框架，其中的模板解析和渲染是通过Compile函数来完成的，采用了文档碎片代替了直接对页面中DOM元素的操作，在完成数据的更改后通过appendChild函数将真实的DOM插入到页面。虽然采用的是文档碎片，但是操作的还是真实的DOM。而我们知道操作DOM的代价是昂贵的，所以vue2.0采用了虚拟DOM来代替对真实DOM的操作，最后通过某种机制来完成对真实DOM的更新，渲染视图。所

2020-11-17 21:32:54 915

原创正则表达式

一、校验数字的表达式数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(\.[0-9]{2})?$

2021-10-15 14:52:58 129

原创 VSCode格式化配置

1. 安装Prettier插件操作步骤：打开vscode扩展商店– 点击上图中位置1 在上图中位置2输入框中输入prettier 在筛选出的插件中找到prettier，点击右下方安装按钮，上图中示意为位置32. 开启保存自动格式化操作路径：VSCode上方菜单栏，文件→ 首选项→ 设置点击设置后，打开如下界面。在下图位置1检索框内输入 format on save 点击回车，待检索结果出现后，在位置2复选框处，点击复选框勾选即可。至此，保存文件时，编辑器会根据pr...

2021-07-07 16:51:49 7610 2

原创 js提取公共的属性

eg：cityList = [ { id: 1, city: '铜陵', province: '安徽' }, { id: 2, city: '安庆', province: '安徽' }, { id: 3, city: '合肥', province: '安徽' }, { id: 4, city: '义乌', province: '浙江' }, { id: 5, city: '金华', province: '浙江' }];转换方式let dataInfo = {};cityLis

2021-03-02 23:10:59 353

原创 react中实现checkbox事件

<html> <head> <title></title> <meta charset="UTF-8"/> <script src="js/react.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/react-dom.min.js" type="t.

2021-01-31 22:28:15 2039

原创 css超出点点点表示

<div>{{msg | textFilter}}</div>export default { components: {}, filters: { textFilter(val) { if (val.length < = 6) { return val } else { return val.substring(0, 12) + '...' }.

2020-12-09 14:42:48 264

原创 vue之reactive defineReactive

function defineReactive(obj, key, val) { Object.defineProperty(obj, key, { get() { console.log(`get ${key}:${val}`); return val }, set(newVal) { if (newVal !== val) { console.log(`set ${key}:${newVal}`); val = newVal } } })}const obj = {}de.

2020-12-03 22:27:57 652

qq_42704919的博客