- 博客(20)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 Vue props传入的function中的this指向问题
如果传入子组件的function是定义在methods中的方法，那么子组件调用此方法时方法内部依然是父组件的this。initMethodsfunction initMethods (vm: Component, methods: Object) { const props = vm.$options.props for (const key in methods) { // ...
2019-08-26 21:18:58
4570
原创 Canvas实现小球自由下落的效果
效果图### requestAnimationFrame利用这个API可以让动画在渲染时不那么卡顿，比setTimeOut以及setTimeInterval要好上不少。这里提供一个实现动画方法：[参考链接](https://fed.taobao.org/blog/2019/06/05/js-animation-base/) animate (time /* s */, callbac...
2019-08-24 18:02:49
1480
原创 在pm2中log4js不能正常工作的解决办法
因为pm2涉及到了多线程，所以log4js在写入日志文件的时候如果并发写入就会丢掉部分信息。这里收集了一些解决办法：If you’re running log4js in an application that uses node’s core cluster then log4js will transparently handle making sure the processes don...
2019-08-21 20:43:21
719
原创 在Docker中安装Git
在工作中使用了Docker，因为需要在Docker中安装一些依赖（比如pm2 install xxx），结果一直报错:很明显是docker中没有git环境。解决办法在网上找了很久，搜docker如何安装git结果搜出来的几乎全都是如何部署gitlab的，所以这里记录一下解决办法：https://stackoverflow.com/questions/55736391/apt-get-no...
2019-08-21 20:39:53
14875
3
原创 JSFuck
[][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+!+[]]][([][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[]...
2019-08-19 19:29:06
921
原创 LeetCode - 412. Fizz Buzz
/** * @param {number} n * @return {string[]} */var fizzBuzz = function(n) { let ret = []; while(n-- > 0) { let temp = String(n + 1); let is5 = false; let is3 = ...
2019-08-18 18:46:28
91
原创 js获取本地文件路径
自己想了好久也查了很多资料感觉在客户端获取用户的本地文件路径这个需求本身不是太合理。这里找到了一份相关资料，只适合低版本的浏览器。高版本的浏览器都因为安全问题禁止了这些用法。referencehttps://www.cnblogs.com/streamwang/p/8056301.html...
2019-08-17 16:09:56
28416
原创 CSS 实现自适应宽高的正圆
CSS 实现自适应宽高的正圆利用CSS伪元素增加父元素的高度，使其变成一个正方形代码<span class="circle-container"> <span class="circle"> {{number | filterNumber}} </span></span>.circle-container ...
2019-08-12 18:46:21
4856
1
原创 TS: the left-hand side of an arithmetic operation must be of type 'any'
在改造js为ts时需要这样的ts错误： getMagnitude(number1: Number, number2: Number) { if (number1 < 0 || number2 < 0) { return } if (number1 < number2) {...
2019-08-12 12:47:19
6408
原创 正则表达式的‘前瞻后顾’
正则表达式的‘前瞻后顾’正则匹配的顺序是从左到右，所以这里定义的前就是还没有被匹配的字符在前。“AB"也就是A”=>B，A的前面是B，B的后面是A前瞻前瞻分成前瞻和负前瞻。前瞻的意思就是匹配是向前看，这里举一个例子：let str = 'AI in BAIDU';str.match(/AI(?=DU)/); //匹配到BAIDU中的AI//正则的意思就是匹配AI前面是DU的AI...
2019-08-09 12:41:56
1422
原创 JS二元组和对象的互换
二元组和对象的互换之前在工作中有遇到这样的场景，将一个二元组转换成对象，二元组数据格式如下：let tuple = [['key1', 'value1'], ['key2', 'value2']];//需要转换成这样的对象let obj = { 'key1': 'value1', 'key2': 'value2',}隐隐约约记得有一个方法可以直接转成对象的，不过没想起来，所以...
2019-08-08 09:41:44
640
原创 Mac OS以及Linux创建命令别名
Mac OS创建命令别名修改~/.bash_profile添加 alias ll=‘ls -alh’注意等号两边没有空格source ~/.bash_profile 使别名生效Linux配置文件为~/.bashrc其他相同添加统一的配置文件新建~/.bash_aliases文件名可自定义修改~/.bash_aliasesalias_setting =...
2019-08-08 09:40:39
285
原创 JS：对函数柯里化的应用场景的简单理解
早就听说过函数柯里化的概念，但是一直没有明白它能够用在哪里。一个简单的函数柯里化的例子：const add = (a, b) => b => a + b缓存参数（固定参数）假如有这样一个函数：const editFile = (type, file, content) => { if(type === 'xxxx') { //do somethings.. }...
2019-08-08 09:39:06
1042
原创 Vue为什么选择不检测数组的变动的原因分析
Vue在文档中这样写道：由于 JavaScript 的限制，Vue 不能检测以下数组的变动：当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = newLength本文试着对1,2点作出解释。关于第一点，如果indexOfItem是存在于数组中且有确定的值的，那么Vu...
2019-08-07 23:08:11
736
原创 chrome: 利用谷歌插件解决复制文本时出现小尾巴的问题
在CSDN和简书或者其他什么网站里，复制量超过一定的字符就会给复制的文本增加尾巴，用以添加来源声明。当然我支持这一做法，但是老是遇到这些尾巴也挺烦人的，刚好最近在学做chrome插件就试试拦截这些尾巴。利用content-script进行inject js，添加对应的copy事件，用在捕获阶段并阻止冒泡。由于我们的代码注入是在document_end阶段，所以我们add的listener会先于原...
2019-08-04 22:11:53
864
原创 【待解决】一道斐波那契数列的题
一道斐波那契数列考察了很多地方，但是我搞不定。题目题解（未解决）（1）第100项是： 354224848179262000000const fib = n => { let f1 = 1; let f2 = 1; while(--n > 0){ f1 = f1 + f2; f2 = f1 - f2; } return f2};...
2019-08-04 21:22:03
144
原创 let $ = document.querySelector; Uncaught TypeError: Illegal invocation
为了方便调用querySelector方法，我很自然的写下来这样的代码：let $ = document.querySelector;$('a'); // Uncaught TypeError: Illegal invocation然后就报错了。参考了一些文章之后发现这就是this指向的问题，querySelector的内部实现依赖于（this）document，因此我们手动绑定一下就好...
2019-08-04 17:34:40
475
原创 chrome: 谷歌插件给页面注入JS报错
注意content-scirpt.js的注入时间教程可能时间比较久远了，在实践过程中仍然存在一些问题。通过教程里的步骤向页面内注入js一直报错：根据报错提示想到document.head是不是还没有创建出来，以至于这个返回了Null，然后突然就想起来了在manifest.json中定义了content-script.js的运行时间在document_start，这里我们需要修改为docume...
2019-08-04 16:55:06
2596
原创 Chrome: 谷歌插件自定义右键菜单
之前在网上找了一篇教程，发现这里面的代码不太好使了，报错：Unchecked runtime.lastError: Extensions using event pages must pass an id parameter to chrome.contextMenus.create这里记录自己实践过的可以运行起来的代码。在background.js中编写添加菜单代码：chrome.cont...
2019-08-04 16:22:21
5606
原创 Git提交大文件
问题最近提交commit的时候发现提交不了大文件，超出了100M的限制，后来我把文件删除了再次commit还是有问题。因为没有revert，之前的commit还在，因此push的时候也会带着上一次的commit，就算第二次commit删除了大文件也无济于事。解决办法解决办法也很简单，根据官网文档提示的那样进行操作就好了：git lfs installgit lfs track “*....
2019-08-03 09:39:26
460
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人