xianjs616-优快云博客

原创 npmgyp错误

es\npm\bin\node-gyp-bin\\…\…\node_modules\node-gyp\bin\node-gyp.js" rebuild ) else (node “” rebuild )gyp info it worked if it ends with okgyp info using node-gyp@5.0.5gyp info using node@12.13.1 |...

2020-03-20 13:51:41 16157 5

原创 JavaScript面试题

1.大小写字母转换let str = `AbDaz世界你好@1qq`; // =>aBdconst lower2uUpper = (str) => { let result = []; for (let i = 0; i < str.length; i++) { let code = str.charCodeAt(i); i...

2020-03-15 21:15:42 278

原创普通函数与箭头函数的区别

普通函数与箭头函数的区别箭头函数let fun = () => { console.log('lalalala');}普通函数function fun() { console.log('lalla');}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候...

2020-03-15 20:58:14 288

原创 call、apply 的区别

call：第一个参数是为函数内部指定this指向，后续的参数则是函数执行时所需要的参数，一个一个传递。apply：第一个参数与call相同，为函数内部this指向，而函数的参数，则以数组的形式传递，作为apply第二参数。call 的性能更好，不过 lodash 里的源码当参数小于等于 3 时用 call，之后用 applycall模拟实现Function.prototype....

2020-03-15 20:49:20 233

接手前端新项目？这里有些注意点你可能需要留意一下前段时间加入公司内一个新开业务线的前端组，由于是新开的业务线，做的也是小程序这一块，所以几乎没有任何历史包袱，组内成员都是项目代码第一手产出者我加入的时机较晚，没有经历过最开始的初创阶段，不太清楚一开始的状况，不过听说是蛮折磨人的，需要踩坑无数，经常需要加班(虽然互联网行业加班本来就是常态，不过现在熬过初始阶段就好多了)，这让我即庆幸又遗憾，庆幸...

2020-03-14 23:01:38 1097

转载 vscode扩展之根据Vue模板自动生成Scss结构

某次小组内开周会，提到开发效率的问题，有个小伙伴提到写新页面的时候，template大概布局写完后，对着 template结构写 scss是件比较耗时耗力的事情，如果能作出一个自动依据 template结构生成 scss文件的 vscode插件就好了我当时也没在意，后来周会结束后觉得这事情可以做一下，于是抽空看了下 vscode扩展的开发文档，就上手 code了，做出来后效果还不错，最起码不用再...

2020-03-14 22:59:11 1178 4

原创浏览器模型

浏览器模型一.浏览器模型概述代码嵌入网页的方法script 元素嵌入代码defer 属性async 属性脚本的动态加载window.self，window.windowwindow.frames，window.lengthwindow.frameElementwindow.top，window.parentwindow.statuswindow.devicePixelRatio位置大小属性组件属性...

2020-03-14 10:35:52 2331 1

原创 JavaScript面向对象编程

JavaScript面向对象编程一.实例对象与 new 命令1.对象是什么2.构造函数3.new 命令基本用法[重点]new 命令的原理new.target4.Object.create() 创建实例对象二.this 关键字1.涵义2.实质3.使用场合4.使用注意点避免多层 this避免数组处理方法中的 this避免回调函数中的 this5.绑定 this 的方法Function.prototyp...

2020-03-14 10:26:52 335

原创 JavaScript异步编程

JavaScript异步编程一.概述1.单线程模型2.同步任务和异步任务3.任务队列和事件循环4.异步操作的模式回调函数事件监听发布/订阅5.异步操作的流程控制串行执行并行执行并行与串行的结合二.定时器1.setTimeout()2.setInterval()3.clearTimeout()，clearInterval()4.实例：debounce 函数5.运行机制6.setTimeout(f, ...

2020-03-14 10:16:41 247

原创 DOM编程

一.DOM概述1.DOMDOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。浏览器会根据 DOM 模型，将结构化文档（比如 HTML 和 XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和...

2020-03-14 10:08:30 1861

原创 Vue特训

Vue高级学习快速原型开发npm i -g @vue/cli npm i -g @vue/cli-service-global您可以*.vue使用vue serve和vue build命令只使用一个文件快速进行原型设计，但是它们需要先安装一个额外的全局插件：npm install -g @vue/cli-service-global组件组件基础知识组件分类由 vue-rou...

2020-02-10 21:37:20 1206

原创 Arch Linux控制台字符间距变大

安装玩manjaro更新完成终端字体间距变大，一下可以处理1.安装中文字体pacman -S wqy-zenhei ttf-fireflysung (flash乱码) —乱码的原因就是缺少中文字体的支持，下载文泉驿xx， OK了/etc/locale.gen 设置en_US.UTF8 UTF-8 zh_CN.UTF8 UTF-82.执行下面命令看看是否配置好了中文编码：locale...

2019-10-13 23:27:10 2492

原创 ubuntu 下goland 不能输入中文的解决办法

输入法：CentOS7自带ibus，如果你用的是fcitx请在对应的地方进行修改系统：CentOS7，这个方案应该适用于大多数Linux发行版本intelliJ goland中文输入法问题解决首先进入解压该软件的根目录下，进入bin文件夹中，找到启动该软件的goland.sh文件，使用gedit打开，或者使用vi命令打开，进入文档模式：在注释之后的首行添加：export XMODIFIE...

2019-10-05 22:46:59 5377 1

原创 Typora设置标题自动添加序号

随便复制一个css，改名为base.user.css，里面粘贴如下内容保存后重启Typora/** initialize css counter */#write { counter-reset: h1}h1 { counter-reset: h2}h2 { counter-reset: h3}h3 { counter-reset: h4...

2019-09-27 02:09:18 782

原创 debugger调试常用命令

step 快捷键：F9 单步执行step into 快捷键：F11 全称：step into next function单步执行，遇到子函数就进去继续单步执行step over 快捷键：F10 全称：step over next function单步执行，遇到子函数并不进去，将子函数执行完并将其作为一个单步step out 快捷键：Shift + F11 全称：step out of c...

2019-08-01 11:35:20 586

原创 yarn配置淘宝源

Yarn 淘宝源安装，分别复制粘贴以下代码行到黑窗口运行即可yarn config set registry https://registry.npm.taobao.org -gyarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g...

2019-07-15 00:09:23 3209

xianjs的博客