- 博客(36)
- 收藏
- 关注
RSS订阅原创 travis-ci的使用记录（针对语言js（node_js））
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等
2021-09-03 12:55:52
242
原创 service-worker系列
1. ServiceWorkerContainer service container 即navigator.serviceWorker对象 具有以下属性和方法 及事件一. 事件oncontrollerchange 事件， 触发时机： 当控制的sw脚本更新的时候触发onerror事件，当sw脚本传递信息失败时触发onmessage事件， 当service woker 工作scope是 通过postmessage传递信息触发二.方法register: 注册sw脚本 返回一个promis
2021-05-14 09:38:25
322
原创 tyepscipt与node结合，监听ts文件的改变，重新开启进程的两种方式
1.使用ts-node和nodemon结合 我的项目的里的配置需要安装的包 ts-node nodemonnodemon --watch "./src" --ext "ts, json, js" --exec "nodemon ./index.ts"2.使用ts-node-devts-node-dev ./index.ts 即可
2020-10-09 10:03:59
995
原创 nginx 自带的变量
$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 #当前请求的文档
2020-09-09 16:35:43
273
原创 js数组的reduce与reduceRight方法
数组由众多的实例方法，下面记录下reduce的使用方法arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])reduce方法接受两个参数，其中initialvalue不是必须的callback有四个参数其中accumulator，currentValue 是必须的accumulator为累加器 初始值initialvalue 如果没提供则是数组的第一个值 返回值是accumulat...
2020-06-06 15:43:15
376
原创 单页面与多页面的优缺点
单页面：优点：局部刷新，一次性加载css文件，更利于前后端分离缺点： 不利于seo（ssr）， 首屏加载慢（可以路由懒加载，分包），导航不能用
2020-06-06 15:26:52
351
原创 get与post的一些区别
记录一下： GET在浏览器回退时是无害的，而POST会再次提交请求。 GET产生的URL地址可以被Bookmark，而POST不可以。 GET请求会被浏览器主动cache，而POST不会，除非手动设置。 GET请求只能进行url编码，而POST支持多种编码方式。 GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。 GET请求在URL中传送的参数是有长度限制的，而POST么有。 对参数的数据类型，GET只接受ASCII
2020-06-06 15:21:38
89
原创 删除本地分支和远程分支的方法（后续继续补充相关知识）
1.删除本地分支git branch -D <branchname>2.删除远程分支git push origin -d <branchname>
2020-04-24 14:09:07
179
原创 获取浏览器的窗口的大小、浏览器视口的大小、页面的大小
浏览器的窗口： 打开浏览器时整个窗口的大小 随着用户的放大缩小而改变浏览器视口的大小： viewport就是视口的大小 随着用户的放大缩小而改变页面的大小： 页面的原始宽高 不会随着用户的操作而改变浏览器的窗口： 可通过window.outerWidth, window.outerHeight来获取浏览器视口的大小： // 需要判断浏览器使用的模式 if(do...
2020-04-11 18:54:41
602
原创 react学习- react.memo 与 react.pureComponent
react 三大流行框架之一 前段时间在公司用react写了个小活动 感觉有点迷糊 遂看了下源码和翻阅了一些资料React.Memo(component, is?) 两个参数，component参数react的元素组件 is可选的参数 比较函数它的用途是比较前一次的props 来决定是否渲染 也可以自定义比较函数来决定组件是否renderfunction is (old...
2020-04-10 18:47:07
529
原创 React 学习之路 - 周期函数
react 三大流行框架之一 前段时间在公司用react写了个小活动 感觉还有点迷糊 遂查阅资料理解清了react的周期函数的执行时机主要根据v16版本之后的 因为在后续的大更新里 componentWillMountcomponentWillReceiveProps componentWillUpdate 将被移除 然后用静态属性getDerivedStateFromProp...
2020-04-10 00:08:49
151
原创 webpack 常见插件(自己常用)
1.html-webpack-plugin 创建一个模板 并且是可配置的 html-webpack-plugin的配置方法 var htmlWebpackPlugin = require('html-webpack-plugin')new htmlWebpackPlugin({})
2020-04-04 18:36:37
393
原创 git vim模式
1.命令模式 输入i进入编辑模式 :w 进行保存 :q 退出vim模式 ：wq 或 ZZ 保存并退出 ：q退出不保存2.编辑模式 按esc键 回退到命令模式
2019-08-26 09:08:36
592
原创 git设置本地分支跟踪远程分支的几种方法
1. git checkout -b brach-name origin/branch-name2. git branch --set-upstream branch-name origin/branch-name3.git branch -u origin/branch-name
2019-08-24 15:58:37
3460
原创 sequelize 的op模块
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]...
2019-08-15 10:34:32
11706
转载 vue中使用vue-quill-editor富文本编辑器，自定义toolbar修改工具栏options
链接地址 https://blog.csdn.net/div_ma/article/details/79536634
2019-08-01 16:51:43
1728
原创 node 学习之路 --------- querystring模块
querystring模块总共有6个方法：分别为 decode encode escape unescape stringify parse其中 decode parse 一样 encode 与stringify 一样prase的参数是字符串 将‘&foo=''foo&bar='bar’ 序列化为 {foo:'foo',bar:'bar'}stringify 是...
2019-07-23 10:49:11
109
原创 axios配置请求头content-type
axios 使用 post 发送数据时，默认是直接把 json 放到请求体中提交到后端的。也就是说，我们的 Content-Type 变成了 application/json;charset=utf-8 ,这是axios默认的请求头content-type类型我们现在来说说post请求常见的数据格式（content-type） Content-Type: application/j...
2019-07-19 14:37:51
8111
2
原创 extract-text-webpack-plugin 插件在webpack打包时的问题
解决方法：cnpm installextract-text-webpack-plugin@next -D 就解决了，应该是最新更新的，依赖包发生了变化
2019-05-23 22:01:00
325
原创 js中的几种继承方法
在这之前先t讨论下js中的址传递和值传递：值传递主要针对基本类型除null外 number undefined boolean string址传递 ：针对复杂的类型数据 object array date function1.原型链继承 缺点：父实例与子实例共享了原型 方法 优点实现简单function person(name){ this.name=1}person.p...
2019-05-12 11:28:37
253
原创 js中的for..in for..of Object.keys()的区别
区别：for..in 遍历对象的可枚举属性包括自身属性与原型 的属性 Object.keys() 仅遍历对象自身的可枚举属性 for..of 是es6的新增的主要针对具有iterator接口的数据。例如array，set，map，var a = {b:1,c:2}for (let i in a){console.log(“键名...
2019-05-11 18:30:10
1302
原创 js中的typeof 与 instanceof
这两种方法主要判读基本类型和复杂类型的，js主要由六中基本类型：number string boolean null undefined symbol（es6新增的）使用typeof能够安全的操作基本数据除null之外（typeof null = “object”）复杂类型则需要用instanceoftypeof 处理复杂类型时仅有两种结果 ‘function’ ‘object’...
2019-05-11 18:16:10
159
原创 js 中bind方法源码解析
bind和apply、call方法一样都是改变调用者的this指向，唯一的区别就是bind（）方法不立即执行下边是源码解析Function.prototype.binds=function(ctx){ var contex = ctx if(contex == null) consloe.log(new Error('error')); else{ var args...
2019-05-11 17:52:21
1342
1
原创 js中的call方法源码解析
call（）方法的作用是改变函数里的this指向。例如：function func(){console.log(this.name)}var a ={ name : 'dudu'}func.call(a)//this指向对象 a此时输出 //dudu再看下面的代码//1var a = { name : 'dudu', fn : func...
2019-05-10 11:35:10
2318
6
原创 词法作用域和动态作用域
作用域分为词法作用域和动态作用域；而js采用的是词法作用域，即在函数定义的时候已经确定了它运行的作用域，函数运行在原始定义的作用域内而不是它的执行作用域内例如var value = 1;function aa(){var value = 2bb()}function bb(){console.log(value)//此时输出值为1}可以看出函数在定义时就已...
2019-05-09 16:30:27
169
原创 根据eslint的配置自动更新代码
{ "editor.tabSize": 2, "files.associations": { "*.vue": "vue" }, "eslint.autoFixOnSave": true, "eslint.options": { "extensions": [ ".js", ...
2019-04-07 14:43:19
830
原创 vue探索 ————八大周期钩子函数
首先是官方文档上的图解 下面是执行顺序1，beforeCreate（）：此钩子函数发生在实例创建之前，此时data，el，methods未初始化，观测数据和事件初始化完成，2，created（）：此钩子函数data，methods数据初始化；el未初始化3，beforemount（）：此钩子函数内就运用了dom虚拟技术 即是先占位置 数据不更新 （操作dom时拿不到数...
2018-12-23 11:41:41
932
原创 探索vue之旅————Vue.$nextTick()
最近学习vue的过程中遇到了nexttick（），在官方文档上没理解就查阅了一些资料，下面是我对vue.$nextTick()的一些理解。 引用知乎上的例子：//改变数据vm.message = 'changed'//想要立即使用更新后的DOM。这样不行，因为设置message后DOM还没有更新console.log(vm.$el.textContent) // 并不会得到'c...
2018-12-20 17:37:02
412
原创 JavaScript之单例模式
单例模式的概念顾名思义单例模式就是一个类中只有一个实例，在创建实例之前先判断是否有实例，如果已经有实例，直接返回。否则创建实例。这也确保了一个类只有一个实例。在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。单例模式的作用和注意事项模式作用：1、模块间通信2、系统中某个类的对象只能存在一个3、保护自己的属性和方法注意...
2018-07-29 10:03:22
137
原创 HTML5 drag拖放过程详析
1，，，首先你要确定拖动元素：即你要让他能够拖动设置 draggable=“true”；2，，，你要知道你要拖动什么：这时候ondragstart要上场了，用它来设置要拖动的东西（属性）ondragstart=“function（event）{ ev.dataTransfer.setData（“Text”，ev.target.id）;}”dataTransfer.setData（...
2018-06-17 15:49:40
277
原创 用原生js制作日历
先说说 我做这的过程吧。刚开始写真的烦，然后各种调试，寻找bug。最终老天不负有心人完成了制作。这是伴随着痛苦与喜悦的。（文采一塌糊涂就写到这吧^_^）下面说一说日历，日历的制作主要应用了js的Date对象（不太了解的可以去查阅一下），其中有个重要知识点就是新建new Date（）使时，把日子设为0；例如 var myDate=new Date（2018.7.0）；var myDate=myDat...
2018-06-14 10:46:27
5225
原创 简易计算器的制作
首先是显示页面的制作主要是css和HTML知识css： *{padding: 0; margin: 0;} table{ position: absolute; top:50%; left:50%; margin-top:-200px; margin-...
2018-06-10 14:05:26
1636
原创 利用css3与html5来制作3d爱心
首先：爱心的制作爱心的制作利用了css3的新增属性border-radius，border-radius的属性最多有8个值，例如：border-radius：10px 20px 30px 40px/10px 20px 30px 40px;斜杠之前代表上下左右的水平方向变化的圆角，之后代表上下左右的竖直方向变化的圆角，下面是一些例子：...
2018-06-09 13:18:29
2480
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人