d649237053的博客

travis-ci的使用记录（针对语言js（node_js））

d649237053 — Fri, 03 Sep 2021 12:55:52 +0800

travis-ci自动化集成、构建部署工具。 yml配置文件的一些记录： 1.和gitlab-ci配置类似都有stages和job的概念 travis的jobs 每个jobs都有两个必然配置 install阶段和script阶段如果不配置会有默认的install: npm install; script: npm test; 如果有配置默认会覆盖默认配置，也可以修改默认配置 2.每个jobs可选的deploy阶段 deploy主要是部署一些项目比如使用git、npm、 maven、ssh等

service-worker系列

d649237053 — Fri, 14 May 2021 09:38:25 +0800

1. ServiceWorkerContainer service container 即navigator.serviceWorker对象具有以下属性和方法及事件一. 事件 oncontrollerchange 事件，触发时机：当控制的sw脚本更新的时候触发 onerror事件，当sw脚本传递信息失败时触发 onmessage事件，当service woker 工作scope是通过postmessage传递信息触发二.方法 register: 注册sw脚本返回一个promis

tyepscipt与node结合，监听ts文件的改变，重新开启进程的两种方式

d649237053 — Fri, 09 Oct 2020 10:03:59 +0800

1.使用ts-node和nodemon结合我的项目的里的配置需要安装的包 ts-node nodemon nodemon --watch "./src" --ext "ts, json, js" --exec "nodemon ./index.ts" 2.使用ts-node-dev ts-node-dev ./index.ts 即可

nginx 自带的变量

d649237053 — Wed, 09 Sep 2020 16:35:43 +0800

$args #请求中的参数值 $query_string #同 $args $arg_NAME #GET请求中NAME的值 $is_args #如果请求中有参数，值为"?"，否则为空字符串 $uri #请求中的当前URI(不带请求参数，参数位于$args)，可以不同于浏览器传递的$request_uri的值，它可以通过内部重定向，或者使用index指令进行修改，$uri不包含主机名，如"/foo/bar.html"。 $document_uri #同 $uri $document_root #当前请求的文档

js数组的reduce与reduceRight方法

d649237053 — Sat, 06 Jun 2020 15:43:15 +0800

数组由众多的实例方法，下面记录下reduce的使用方法 arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue]) reduce方法接受两个参数，其中initialvalue不是必须的 callback有四个参数其中accumulator，currentValue 是必须的accumulator为累加器初始值initialvalue 如果没提供则是数组的第一个值返回值是accumulat...

单页面与多页面的优缺点

d649237053 — Sat, 06 Jun 2020 15:26:52 +0800

单页面：优点：局部刷新，一次性加载css文件，更利于前后端分离缺点：不利于seo（ssr），首屏加载慢（可以路由懒加载，分包），导航不能用

get与post的一些区别

d649237053 — Sat, 06 Jun 2020 15:21:38 +0800

记录一下： GET在浏览器回退时是无害的，而POST会再次提交请求。 GET产生的URL地址可以被Bookmark，而POST不可以。 GET请求会被浏览器主动cache，而POST不会，除非手动设置。 GET请求只能进行url编码，而POST支持多种编码方式。 GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。 GET请求在URL中传送的参数是有长度限制的，而POST么有。对参数的数据类型，GET只接受ASCII

删除本地分支和远程分支的方法（后续继续补充相关知识）

d649237053 — Fri, 24 Apr 2020 14:09:07 +0800

1.删除本地分支 git branch -D 2.删除远程分支 git push origin -d

vscode 使用oh-my-zsh 美化终端

d649237053 — Wed, 22 Apr 2020 20:34:02 +0800

链接地址：https://www.ioiox.com/archives/34.html

获取浏览器的窗口的大小、浏览器视口的大小、页面的大小

d649237053 — Sat, 11 Apr 2020 18:54:41 +0800

浏览器的窗口：打开浏览器时整个窗口的大小随着用户的放大缩小而改变浏览器视口的大小： viewport就是视口的大小随着用户的放大缩小而改变页面的大小：页面的原始宽高不会随着用户的操作而改变浏览器的窗口：可通过window.outerWidth, window.outerHeight来获取浏览器视口的大小： // 需要判断浏览器使用的模式 if(do...

react学习- react.memo 与 react.pureComponent

d649237053 — Fri, 10 Apr 2020 18:47:07 +0800

react 三大流行框架之一前段时间在公司用react写了个小活动感觉有点迷糊遂看了下源码和翻阅了一些资料 React.Memo(component, is?) 两个参数，component参数react的元素组件 is可选的参数比较函数它的用途是比较前一次的props 来决定是否渲染也可以自定义比较函数来决定组件是否render function is (old...

React 学习之路 - 周期函数

d649237053 — Fri, 10 Apr 2020 00:08:49 +0800

react 三大流行框架之一前段时间在公司用react写了个小活动感觉还有点迷糊遂查阅资料理解清了react的周期函数的执行时机主要根据v16版本之后的因为在后续的大更新里 componentWillMountcomponentWillReceiveProps componentWillUpdate 将被移除然后用静态属性getDerivedStateFromProp...

webpack 常见插件(自己常用)

d649237053 — Sat, 04 Apr 2020 18:36:37 +0800

1.html-webpack-plugin 创建一个模板并且是可配置的 html-webpack-plugin的配置方法 var htmlWebpackPlugin = require('html-webpack-plugin') new htmlWebpackPlugin({})

git vim模式

d649237053 — Mon, 26 Aug 2019 09:08:36 +0800

1.命令模式输入i进入编辑模式 :w 进行保存 :q 退出vim模式：wq 或 ZZ 保存并退出：q退出不保存 2.编辑模式按esc键回退到命令模式

git设置本地分支跟踪远程分支的几种方法

d649237053 — Sat, 24 Aug 2019 15:58:37 +0800

1. git checkout -b brach-name origin/branch-name 2. git branch --set-upstream branch-name origin/branch-name 3.git branch -u origin/branch-name

sequelize 的op模块

d649237053 — Thu, 15 Aug 2019 10:34:32 +0800

const Op = Sequelize.Op [Op.and]: {a: 5} // 且 (a = 5) [Op.or]: [{a: 5}, {a: 6}] // (a = 5 或 a = 6) [Op.gt]: 6, // id > 6 [Op.gte]: 6, // id >= 6 [Op.lt]...

vue中使用vue-quill-editor富文本编辑器，自定义toolbar修改工具栏options

d649237053 — Thu, 01 Aug 2019 16:51:43 +0800

链接地址 https://blog.youkuaiyun.com/div_ma/article/details/79536634

mysql的类型比较

d649237053 — Tue, 30 Jul 2019 17:32:35 +0800

转载地址：https://blog.youkuaiyun.com/youcijibi/article/details/80673811

node 学习之路 --------- querystring模块

d649237053 — Tue, 23 Jul 2019 10:49:11 +0800

querystring模块总共有6个方法：分别为 decode encode escape unescape stringify parse 其中 decode parse 一样 encode 与stringify 一样 prase的参数是字符串将‘&foo=''foo&bar='bar’ 序列化为 {foo:'foo',bar:'bar'} stringify 是...

axios配置请求头content-type

d649237053 — Fri, 19 Jul 2019 14:37:51 +0800

axios 使用 post 发送数据时，默认是直接把 json 放到请求体中提交到后端的。也就是说，我们的 Content-Type 变成了 application/json;charset=utf-8 ,这是axios默认的请求头content-type类型我们现在来说说post请求常见的数据格式（content-type） Content-Type: application/j...