正义的小豆-CSDN博客

原创 js去掉json字符串key的双引号

代码示例 let jsonStr=`{ "keyWord": "", "page": { "pages": 1, "records": [{ "readFlag": 0 }], "size": 10, "a":null, "b":true, "c":[], "d":{} } }` function addMarks(jsonObj) { if (Arra

2021-10-15 14:59:44 1411

原创 js解析html标签

代码示例var value = ` <img class="item1"></img> <img/> <div class="item2"> <div class="item3" >aaa</div> </div> `function parseTag(sign) { sign = sign.replace(/^\s*/g, "").replace(/\"/g, ""); let m

2021-10-15 14:46:42 1171

nodejs要为稳定版cd 到项目内部npm i element-ui -S安装「主题生成工具」npm i element-theme -g安装白垩主题npm i element-theme-chalk -D初始化变量文件et -i编译主题etmain.jsimport Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import Ap

2020-08-03 14:35:33 569

原创动态规划

动态规划特性1，最优子结构性质：一个最优化策略的子策略总是最优的。2，无后向性：对于某个给定的阶段状态，它以前各阶段的状态无法直接影响它未来的决策，而只能通过当前的这个状态。换句话说，每个状态都是过去历史的一个完整总结。这就是无后向性，又称为无后效性。3. 子问题的重叠性：动态规划实质上是一种以空间换时间的技术，它在实现的过程中，不得不存储产生过程中的各种状态，所以它的空间复杂度要大...

2020-04-25 21:59:51 650

原创 js数据结构

列表列表是一组有序的数据。每个列表中的数据项称为元素。在 JavaScript 中，列表中的元素可以是任意数据类型。列表中可以保存多少元素并没有事先限定，实际使用时元素的数量受到程序内存的限制。列表的抽象数据类型定义listSize （属性）列表的元素个数pos （属性）列表的当前位置length （属性）返回列表中元素的个数clear （方法）清空列表中的所有元素toStr...

2020-04-25 21:27:08 330

原创 PS基础

**ps用处：修图，平面设计（logo、海报等），绘图，动图，表情包**神奇的快捷键Ctrl+J：直接复制所选背景图片Ctrl+d取消选区Ctrl+Z：撤回一步Ctrl+Alt+Z：后退多步（会有一定的步数限制），（貌似在新版本中该项与楼上合并）Ctrl+±：放大或缩小图片Ctrl+0：直接使图片恢复至初始视图Ctrl+↑↓←→：小幅度移动所选择的图片Ctrl+T：进入自由变...

2020-04-25 11:50:21 481

转载浏览器引擎、渲染引擎、js引擎

转自浏览器引擎、渲染引擎、js引擎[1]定义　　浏览器内核分成两部分渲染引擎和js引擎，由于js引擎越来越独立，内核就倾向于只指渲染引擎　　渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具[2]常见引擎渲染引擎：　　　　firefox使用gecko引擎　　　　IE使用Trident引擎　　　　20...

2020-03-14 12:49:47 233

原创 JS正则表达式

RegExp 对象RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。直接量语法/pattern/attributes创建 RegExp 对象的语法：new RegExp(pattern, attributes);参数参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。参数 attributes 是一个可选的字符串，包含属性 “g”、“...

2020-03-10 09:41:05 95

原创 JS设计模式

单例模式策略模式代理模式迭代器模式发布-订阅模式命令模式组合模式模板方法模式享元模式职责链模式中介者模式装饰者模式状态模式适配器模式...

2020-03-09 23:14:08 110

原创 JS适配器模式

适配器模式适配器模式的作用是解决两个软件实体间的接口不兼容的问题。使用适配器模式之后，原本由于接口不兼容而不能工作的两个软件实体可以一起工作。当我们试图调用模块或者对象的某个接口时，却发现这个接口的格式并不符合目前的需求, 则可以用适配器模式。例如 baiduMap 提供的显示地图的方法不叫 show 而叫display 呢？baiduMap 这个对象来源于第三方，正常情况下我们都不应该去改动...

2020-03-09 21:29:27 241

原创 JS状态模式

状态模式状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况。把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化。例子:电灯状态的切换,按同一个键会依次出现弱光、强光、关灯。// OffLightState：var OffLightState = function (light) { this.light = light;};OffLight...

2020-03-09 21:25:37 265

原创 JS装饰者模式

装饰者模式这种给对象动态地增加职责的方式称为装饰者（decorator）模式。装饰者模式能够在不改变对象自身的基础上，在程序运行期间给对象动态地添加职责。用 AOP 装饰函数首先给出 Function.prototype.before 方法和 Function.prototype.after 方法：Function.prototype.before = function (beforefn...

2020-03-09 21:17:37 81

转载 http请求头与响应头信息表

转载https://www.sogou.com/link?url=a8xlm0X2uvdQvGzXWVOUuNK-8gMJrYHyGIsHjVE5lsVHiSeZvLnf3g…点此处

2020-03-09 21:13:47 104

原创 JS中介者模式

中介者模式中介者模式的作用就是解除对象与对象之间的紧耦合关系。增加一个中介者对象后，所有的相关对象都通过中介者对象来通信，而不是互相引用，所以当一个对象发生改变时，只需要通知中介者对象即可。例子:泡泡堂游戏function Player(name, teamColor) { this.name = name; // 角色名字 this.teamColor = teamColo...

2020-03-09 21:11:11 135

原创 JS职责链模式

职责链模式职责链模式的定义是：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止。主要是代替if-else结构例子把函数包装进职责链节点，我们定义一个构造函数 Chain ，在 new Chain 的时候传递的参数即为需要被包装的函数，同时它还拥有一个实例属性 this.successor ，表示在...

2020-03-09 21:08:37 107

原创 JS享元模式

享元模式内部状态与外部状态内部状态存储于对象内部。 内部状态可以被一些对象共享。 内部状态独立于具体的场景，通常不会改变。 外部状态取决于具体的场景，并根据场景而变化，外部状态不能被共享。内部状态与外部状态分离例子：通过plugin或flash两种方式上传文件l首先会获得需要的特定内部状态的对象，如果已在createdFlyWeightObjs对象属性中，则直接返回，否则ne...

2020-03-09 21:06:37 139

原创 JS模板方法模式

模板方法模式 ~~~~~~ 模板方法模式是一种典型的通过封装变化提高系统扩展性的设计模式。在传统的面向对象语言中，一个运用了模板方法模式的程序中，子类的方法种类和执行顺序都是不变的，所以我们把这部分逻辑抽象到父类的模板方法里面。而子类的方法具体怎么实现则是可...

2020-03-09 20:55:44 137

原创 JS组合模式

组合模式 ~~~~~~~ 组合模式将对象组合成树形结构，以表示“部分整体”的层次结构。除了用来表示树形结构之外，组合模式的另一个好处是通过对象的多态性表现，使得用户对单个对象和组合对象的使用具有一致性， &...

2020-03-09 20:53:29 155

原创 JS命令模式

命令模式 ~~~~~~~ 命令模式是最简单和优雅的模式之一，命令模式中的命令（command）指的是一个执行某些特定事情的指令。 ~~~~~~~&nb...

2020-03-09 20:49:07 170

原创 JS发布 — 订阅模式

发布 — 订阅模式 ~~~~~~~ 发布 — 订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在 JavaScript开发中，我们一般用事件模型来替代传统的发布 ...

2020-03-09 20:41:11 113

原创 JS迭代器模式

迭代器模式内部迭代器在调用的时候非常方便，外界不用关心迭代器内部的实现，跟迭代器的交互也仅仅是一次初始调用，但这也刚好是内部迭代器的缺点。如forEach(),外部迭代器增加了一些调用的复杂度，但相对也增强了迭代器的灵活性，我们可以手工控制迭代的过程或者顺序。可以参考一下es6的Iterator...

2020-03-09 20:15:16 110

原创 JS代理模式

代理模式代理模式的关键是，当客户不方便直接访问一个对象或者不满足需要的时候，提供一个替身对象来控制对这个对象的访问，客户实际上访问的是替身对象。替身对象对请求做出一些处理之后，再把请求转交给本体对象。虚拟代理把一些开销很大的对象，延迟到真正需要它的时候才去创建。单一职责原则指的是，就一个类（通常也包括对象和函数等）而言，应该仅有一个引起它变化的原因。如果一个对象承担了多项职责，就意味着这个对...

2020-03-09 20:11:06 100

原创 JS策略模式

策略模式策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。例子1：很多公司的年终奖是根据员工的工资基数和年底绩效情况来发放的。例如，绩效为 S的人年终奖有 4倍工资，绩效为 A的人年终奖有 3倍工资，而绩效为 B的人年终奖是 2倍工资。假设财务部要求我们提供一段代码，来方便他们计算员工的年终奖。var strategies = { "S": func...

2020-03-09 20:04:11 109

原创 JS单例模式

单例模式把判断单例的逻辑封装在 getSingle函数内部，创建对象的方法 fn 被当成参数动态传入 getSingle 函数：（想要获得特定的元素只需要传入对应的fn就可以了，而无需改变getSinglel函数）var getSingle = function(fn) { var result; return function() { return resul...

2020-03-09 20:02:31 120

原创设计原则与js编程技巧

依赖倒置原则高层模块不应该依赖低层模块，两者都应该依赖抽象抽象不应该依赖细节细节应该依赖抽象也可以说高层模块，低层模块，细节都应该依赖抽象每一个逻辑的实现都是由颗粒原子逻辑组成的，颗粒原子逻辑就是低层模块，而颗粒原子逻辑组成的模块就是高层模块。在java语言中，抽象就是接口或抽象类，两都都是不能直接被实例化的，细节就是实现类，实现接口或继承抽象类而产生的类就是细节，两者都...

2020-03-09 19:48:38 207

转载 git

工作原理 / 流程：Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库git使用教程

2020-02-19 22:13:01 108

原创 es6 Module

历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前，社区制定了一些模块加载方案，最主要...

2020-02-18 13:41:32 149

原创 js严格模式

严格模式ES6 的模块自动采用严格模式，不管你有没有在模块头部加上"use strict";。严格模式主要有以下限制。变量必须声明后再使用函数的参数不能有同名属性，否则报错不能使用with语句不能对只读属性赋值，否则报错不能使用前缀0表示八进制数，否则报错不能删除不可删除的属性，否则报错不能删除变量delete prop，会报错，只能删除属性delete global[prop]...

2020-02-17 22:17:08 429

原创 Node.js 模块加载

Node.js 模块类型在 Node.js 中，模块主要可以分为以下几种类型：核心模块：包含在 Node.js 源码中，被编译进 Node.js 可执行二进制文件 JavaScript 模块，也叫 native 模块，比如常用的 http, fs 等等C/C++ 模块，也叫 built-in 模块，一般我们不直接调用，而是在 native module 中调用，然后我们再 requi...

2020-02-17 21:54:48 308

原创 js遍历对象方法

属性的可枚举性对象的每个属性都有一个描述对象（Descriptor），用来控制该属性的行为。Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象。let obj = { foo: 123 };Object.getOwnPropertyDescriptor(obj, 'foo')// {// value: 123,// writable...

2020-02-16 22:56:53 184 1

原创 js数组遍历方法

for循环：使用评率最高，也是最基本的一种遍历方式let arr = ['a','b','c','d','e'];for (let i = 0, len = arr.length; i < len; i++) { console.log(i); // 0 1 2 3 4 console.log(arr[i]); //a b c d e}-forE...

2020-02-16 12:09:16 161

原创 redux

学习文档英文文档: https://redux.js.org/中文文档: http://www.redux.org.cn/Github: https://github.com/reactjs/reduxredux是什么?redux是一个独立专门用于做状态管理的JS库(不是react插件库)它可以用在react, angular, vue等项目中, 但基本与react配合使用作用...

2020-02-14 09:24:29 143

原创 react主要技术

组件间通信方式一: 通过props传递共同的数据放在父组件上, 特有的数据放在自己组件内部(state)通过props可以传递一般数据和函数数据, 只能一层一层传递一般数据–>父组件传递数据给子组件–>子组件读取数据函数数据–>子组件传递数据给父组件–>子组件调用函数方式二: 使用消息订阅(subscribe)-发布(publish)机制工具库: Pub...

2020-02-13 22:47:54 888

原创 react基础

react脚手架全局安装create-react-app工具:npm install create-react-app -g;创建你的项目:create-react-app [项目名]• npm start: 在开发模式下启动app，默认使用使用3000端口，启动后在浏览器中输入http://localhost:3000就能访问，如果应用发生了更改页面会自动刷新• npm test: 运行...

2020-02-13 11:57:53 137

原创 promise generator async

Promise状态的特点Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改变这个状态。Promise 对象只有：从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled 和 rejected ，状态就不会再...

2020-02-12 14:14:00 151

转载 h5 canvas

< canvas> 标签只有两个属性—— width和height。当没有设置宽度和高度的时候，canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小，与 < img> 元素不同，< canvas> 元素需要结束标签(< /canvas>)。如果结束标签不存在，则文档的其余部分会被认为是替代内容，将不会显示出来。v...

2020-02-09 15:34:06 343

原创手机制作全景图

工具：硬件：手机，手机云台软件：ps 、ptgui、 720yun.com教学视频全景图形态有两种1，2：1全景图2，6个正方形全景图#详情我们要做的是2：1全景图，基本流程：将手机拍摄的各方位的图片用ptgui拼接成一个2：1全景图，再上传给720云，将图合成一个球，而我们观察的位置就在球心，这样就可以看各个方位的景象了拍摄，用手机全方位拍摄，相邻左右上下的图片要有大约2...

2020-02-06 13:45:48 2914

原创 npm

如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级，命令如下：$ sudo npm install npm -g如果是 Window 系统使用以下命令即可：npm install npm -g使用淘宝镜像的命令：npm install -g cnpm --registry=https://registry.npm.taobao.org你可以使用以下命令来查看所有全局安...

2020-02-04 19:38:41 146

转载 border-radius

https://zhuanlan.zhihu.com/p/42114065

2020-02-03 11:20:20 118

原创 css学习记录

css透明兼容所有浏览器.demo{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }Inline-block和block区别主要是不换行，内容位置底部与同行内联元素底部平行Inline上下内容紧贴，padding border四周都可以设置 margi...

2020-01-27 15:16:11 125