无骛-CSDN博客

原创基于 GitLab CI/CD 的自动化构建、发布实践

什么是 Gitlab CI/CD持续集成 CI（Continuous Integration）：在源代码变更后，触发自动检测、构建和测试的过程。在代码提交后，会自动进行构建和测试，并反馈结果。当结果符合预期时，再将代码集成到主干。持续集成的目标是快速确保当前变更是可用的。持续交付 CD（Continuous Delivery）:是基于持续集成基础上，将集成后的代码自动化部署到各个环境测试，确定可以发布生产版本。持续部署 CD（Continuous Deployment）:是基于持续交付的基础上，

2021-02-05 13:58:49 4583

原创 umi区块的使用实践

umi区块全局安装 umi --> npm i -g umi（不全局安装可使用 npx 命令进行执行）umi block list 可查看区块列表(如果没有全局安装umi,则可使用 npx umi block list查看)npx umi block add ant-design-pro/xxx 可安装区块单个区块的安装可在区块仓库中查找下载区块的地址区块仓库：https://github.com/ant-design/pro-blocks安装：umi block

2021-01-28 19:00:34 2793 3

原创实现一个redux

大纲1、store、state、action、store.dispatch、reducer的概念2、redux 单向数据流流程说明3、实现一个 redux4、中间件日志打印及异步调用实现代码地址： https://github.com/huangwenjuning/offer-coming-soon/tree/master/redux基础概念store整个项目只能有一个 store，store 可以看做是一个数据容器，用于保存数据。redux 提供了 createStore 方法用于生

2021-01-06 20:27:14 321

原创 webpack 基本配置

大纲：1、webpack 是什么，为什么需要webpack2、模块化3、webpack的基本配置webpack是什么我们先引入一段官网的解释本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。理解一下，那就是 webpack 是一个打包模块化 J

2020-12-30 17:01:41 310

原创常见web攻击手段及防御措施

CSRF 攻击：跨站请求伪造跨站请求伪造 CSRF (Cross-site request forgery)，是一种挟制用户在当前已登录的 Web 应用程序上执行非本意操作的攻击方法。它利用用户已经登录的身份信息，在用户无感的情况下，以用户的名义完成操作。攻击流程一次 CSRF 攻击发生的过程可能是这样：我们来简述一下图示流程： A. 用户 A 登录购物网站 http://www.example.shop，并获取到 cookie。 B. 攻击者事先知道该购物网站

2020-12-30 11:11:42 1417 2

原创 Chrome控制台技巧篇

1、Resume/pause script execution 恢复或暂停脚本执行2、step over next function call 跨过，遇到函数时会跳过该函数，直接执行下一步。3、step into next function call 跨入，遇到函数时会进入函数，执行函数内代码。4、step out of current function 跳出当前执行函数5、dea...

2020-11-14 16:16:17 1465

原创初探websocket - 学笔记及小demo

1、了解WebSocket - 什么是WebSocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 - 特点 &

2020-11-14 14:17:18 196

原创数组方法学习笔记

1、Array.from()定义：从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。语法：Array.from(arrayLike[, mapFn[, thisArg]])参数：arrayLike —— 想要转换成数组的伪数组对象或可迭代对象。mapFn(可选) —— 如果指定了该参数，新数组中的每个元素会执行该回调函数。thisArg(可选) _ 可选参数，用于指定执行回调函数mapFn时的this对象。返回值：一个新的数组实例。兼容性：IE不兼容实例：Array.from(

2020-11-06 11:09:30 270 1

原创 JavaScript学习之对象

一、理解对象ECMAScript 中有两种属性：数据属性和访问器属性1、数据属性数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有4个描述其行为的特性：[[Configurable]]: (可配置)表示能够通过delete删除属性，从而重新定义属性，表示能够修改属性的特性，或能否把属性修改为访问器属性。即用来表示当前属性是否能够被更改。默认值： true[[Enumerable]]: (可枚举)表示能否通过for-in循环返回属性。默认值： true[[Writa

2020-07-16 18:35:48 162

原创 JavaScript学习之模拟实现new操作符

模拟实现new之前我们首先要了解new操作符做了什么，先上mdn上的定义：new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作：1、创建一个空的简单JavaScript对象（即{}）；2、链接该对象（即设置该对象的构造函数）到另一个对象；3、将步骤1新创建的对象作为this的上下文，如果该函数没有返回对象，则返回this。空有定义还是无法完全了解new操作符究竟会有哪些表现，下面我们一步一步来探索它~一、探索new操作符的具体表现

2020-06-17 19:57:20 327 1

原创 javascript-questions做题知识点记录帖 - 仅供学习使用

题目来源：https://github.com/lydiahallie/javascript-questions题目中文翻译地址1、What's the output?+true;!'Lydia';A: 1 and falseB: false and NaNC: false and falseAnswerAnswer: A，一元加号会尝试将boolean类型转换为数字类型。 true被转换为1，false被转换为0。2、Which one is true?const bird =

2020-06-12 18:16:35 697 1

原创 Typescript学习笔记及注意事项

一、基本1、Tuple 元组元组类型允许表示一个已知元素数量和类型的数组。越界访问时会使用已定义类型的联合类型。let tuple: [string, number];tuple = ['tuple', 100]; // 赋值时需要提供所有元组类型中指定的项。tuple[2] = 'Jane'; // OKtuple[3] = 3; // OK2、enum 枚举enum类型是对JavaScript标准数据类型的补充enum Color { Red, Green, Yellow, Blu

2020-06-08 09:43:08 302

原创【'live-server' 不是内部或外部命令，也不是可运行的程序或批处理文件】报错解决方案

1、live-server安装npm install -g live-server 2、运行live-server,结果报错。3、解决方案解决步骤一：（1）配置nodeJs环境变量，找到nodeJs安装目录（2）打开环境变量配置（3）按步骤进行编辑，配置正确nodejs路径（注意需使用英文字符）（4）打开cmd,运行node -v，显示版本信息，配置成功解决步骤二：...

2020-04-21 11:46:04 2622

原创浅谈HTTP缓存

写在前面：最近学习了修言同学的小册，受益良多。对于HTTP缓存这一块，经过资料查询和思考，也有了自己的一些思考认识，希望分享出来与大家一起讨论和成长。内容概述什么是缓存及缓存的优点缓存的处理步骤强缓存和协商缓存缓存决策总结与思考一、缓存及其优点缓存缓存是一种可以自动保存常见资源副本并可以在下一次请求中直接使用副本而非再次获取的技术。也就是说，当我们首次进行资源请求之...

2018-12-18 10:35:02 243

原创小程序实战 -- 仿网易蜗牛读书

最近一段时间在学习怎么写小程序，然后自己利用课外时间，也撸了一个。一直都很喜欢网易蜗牛读书这款App，对于喜爱的事物总是情不自禁的，于是就仿照网易蜗牛读书的App简单做了这款小程序。项目地址：杳杳飞花/Reading项目预览：项目准备：大家若是感兴趣，可以跟着我一起来做哟_☟ 蓝体点击就能跳转到相应页面进行下载或者查看教程1、微信开发者工具他能帮助我们快速的进行小程序的开发。...

2018-12-18 10:26:00 524

qq_36737839的博客