![](https://img-blog.csdnimg.cn/20190903211402474.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
经(cǎi)验(kēng)总结
luanxiyuan
这个作者很懒,什么都没留下…
展开
-
package.json文件里的dependencies和devDependencies有什么区别
里那些依赖:angular/XXXX,core-js,reflect-metadata,rxjs,systemjs,zone.js,angular2-in-memory-web-api,bootstrap 则是我们整个项目运行时候就需要的,因此放在。举个上面中代码的栗子,依赖concurrently,lite-server,typescript和typings只是我们在开发中需要使用的包,上线以后项目的运行就不需要了,因此就放在。是用于在开发环境下依赖的模块,而。从名字我们就可以看出,转载 2023-11-16 10:57:12 · 384 阅读 · 0 评论 -
VS Code中如何直接运行ts文件
VS Code中如何直接运行ts文件原创 2023-03-09 16:09:39 · 2116 阅读 · 0 评论 -
ng:无法加载文件 D:\Program Files\nodejs\node_global\ng.ps1,因为在此系统上禁止运行脚本
ng:无法加载文件 D:\Program Files\nodejs\node_global\ng.ps1,因为在此系统上禁止运行脚本原创 2023-02-21 11:45:58 · 430 阅读 · 0 评论 -
Git push报错DeployKey does not support push code
Getee push报错DeployKey does not support push code原创 2023-02-21 09:41:24 · 926 阅读 · 0 评论 -
Node.js安装配置及Angular CLI的安装
Node JS安装和配置原创 2023-02-20 08:44:51 · 1613 阅读 · 0 评论 -
Json对象获取属性的点和中括号的区别
Json对象获取属性的点和中括号的区别原创 2023-02-13 02:10:00 · 159 阅读 · 0 评论 -
如何实现两个笔记本电脑间的文件传输
如何实现两个笔记本电脑间快速传输文件原创 2023-02-04 03:16:47 · 1396 阅读 · 0 评论 -
Git安装,配置及Gitee项目代码pull到本地
Git安装,配置及Gitee项目代码pull到本地原创 2023-02-03 18:51:27 · 2425 阅读 · 1 评论 -
Refused to execute inline script because it violates the following Content Security Policy directive
问题描述:在popup.html页面中使用JavaScript脚本报错,错误详情如下:Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:". Either the 'unsafe-inline' keyword, a has原创 2022-02-08 16:18:55 · 25133 阅读 · 0 评论 -
Android Studio Http Proxy设置
与这个问题相同的是另一个报错:”unable to access android sdk add-on list“国内有很多代理可以设置,下面这个亲测有效”mirrors.neusoft.edu.cn:80“,输入完成后点击左下方的”Check Connection“,然后输入”http://baidu.com“, 测试结果为successful即表示连接没问题。另需要注意的是Android SDK的路径一些要求:1. 不能与系统同一个盘符2. 路径中不能报错空格下面原创 2021-11-22 19:37:57 · 13677 阅读 · 1 评论 -
Remote debug Android devices
https://developer.chrome.com/docs/devtools/remote-debugging/Remote debug live content on an Android device from your Windows, Mac, or Linux computer. This tutorial teaches you how to:Set up your Android device for remote debugging, and discover it from转载 2021-06-23 17:04:28 · 370 阅读 · 0 评论 -
escape, encodeURI, encodeURIComponent的区别
首先从定义上区分一下(注意粗体字部分)escape()除了 ASCII 字母、数字和特定的符号外,对传进来的字符串全部进行转义编码,因此如果想对URL编码,最好不要使用此方法。对应unescape。encodeURI() 用于编码整个URI,因为URI中的合法字符(包括特殊字符,英文半角标点符号)都不会被编码转换。对应decodeURI。encodeURIComponent方法在编码单个URIComponent(指请求参数)应当是最常用的,可以将参数中的中文、特殊字符进行转义,而不会影响整个U原创 2021-05-26 17:11:31 · 119 阅读 · 0 评论 -
git无法生成ssh密钥的解决方案及Bitbucket的ssh配置步骤
先说问题背景我电脑上安装的Git路径在:C:\Program Files\GitWP环境变量Path设置的是:C:\Program Files\GitWP\bin,这个路径下有这几个文件我想要通过>ssh-keygen生成密钥然后配置到bitbucker,于是git bash进到路径C:\Program Files\GitWP\bin,执行>ssh-keygen,没反应解决方案问题的原因是C:\Program Files\GitWP\bin下面没有ssh-keygen,所原创 2021-04-07 17:18:46 · 4193 阅读 · 0 评论 -
Git提交总提示输入用户名密码并弹出CredentialHelperSelector窗口怎么办?
先说问题背景我是用VSCode开发,整合了已经安装好的git用来pull和push代码,但是每次pull和pushcode的时候都让我输入密码并提示如下CredentialHelperSelector窗口。1. 每次都要输入用户名密码的解决办法先按提示输入用户名和密码,接着执行>git config --global credential.helper store2. 每次都提示CredentialHelperSelector窗口的解决办法以前我总是点击"store"选..原创 2021-04-07 16:54:37 · 16116 阅读 · 6 评论 -
npm 遇到 write access的问题
问题描述今天在使用npm install -g语法的时候,总是出错。日志文件显示对npm-modules下的子文件夹没有写的权限(在安装modules的时候会创建这个模块的文件夹)。情况如下:npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules/webpack/node_modules/loader-utilsnpm WARN checkPermissions Missing write .原创 2020-08-14 16:10:39 · 1068 阅读 · 0 评论 -
在github上托管网站: gh-pages
通过gh-pages分支,可以在GitHub上创建一个可以预览的网站,进行网站托管。以下为步骤总结 在GitHub上新建一个repository目录 在本地相应的文件目录打开命令行窗口或者git bash窗口 初始化git ,创建一个git文件 git init 添加文件到git仓储 git add . 添加备注: git commit -m "first commit" 关联路径: git remote add origi...原创 2020-08-09 11:35:13 · 1307 阅读 · 0 评论 -
git rebase master
通过Git座版本管理,开发之前需要在master分支下面切一个新的分支,之后的开发全部都在这个分支上进行。假设开发过程需要一个月,一个月过后,master分支整合了好多其他同事们提交的代码。如何把他们的代码整合到我们自己的开发分支上面呢。这就会用到git rebase。操作步骤1. 先保证本地的开发分支和master分支都是最新的code2. 切换到你现在开发的分支,在git命令中输入:...原创 2020-02-24 16:10:38 · 7675 阅读 · 6 评论 -
Git的add、commit、push命令
简单的代码提交流程git status 查看工作区代码相对于暂存区的差别git add . 将当前目录下修改的所有代码从工作区添加到暂存区 . 代表当前目录git commit -m ‘注释’ 将缓存区内容添加到本地仓库git push origin master 将本地版本库推送到远程服务器,origin是远程主机,master表示是远程服务器上的master分支,分支名是可以修改的...原创 2020-02-24 15:56:01 · 1043 阅读 · 0 评论 -
git rebase将多次的commit记录合并为一个
1. 背景一个repo通常是由一个team中的多个人共同维护,如果需要增加新feature,那么就是一个feature分支了。由于开发中各种修改,本feature分支多次commit。最后提交master后,会看到乱七八糟的所有增量修改历史。其实对别人来说,我们的改动应该就是增加或者删除,给别人看开发过程的增量反而太乱。于是我们可以将feature分支的提交合并后然后再merge到主干这样看起...原创 2020-02-24 01:27:50 · 2022 阅读 · 0 评论 -
git账号的密码修改后,SourceTree 提示Authentication failed
背景:公司的git密码跟电脑开机密码一致,每三个月要更换开机密码,以保证安全。经过:一个月黑风高的晚上过后,我来到公司,提示我需要更改开机密码,我就改了。我想要从sourcecode下面拉取代码,提示我Authentication failed于是开始了寻找解决方案的旅程,此处省略3个字。原因分析:开机密码更改后,意味着git账号密码随之发生改变,可是对于sour...原创 2020-01-03 11:39:27 · 878 阅读 · 0 评论 -
Rxjs常用的管道操作符
map switchMap mergeMapmep 类似于 Array.prototype.map()switchMap switchMap 会停止发出先前发出的内部 Observable 并开始发出新的内部 Observable 的值。(可以停止上一次发出的ajax)mergeMap 将每个值映射到Observable,必须返回一个Observablescan 和 reduce...原创 2019-12-13 15:16:49 · 887 阅读 · 0 评论 -
ES6学习之 - ESLint 的使用
ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。首先,安装 ESLint。进入到当前project目录下://全局安装$ npm i -g eslint//针对workspace安装$npm i eslint然后初始化eslint://如果全局安装,执行:$eslint --init//如果是workspace范围,...原创 2019-12-10 11:00:54 · 529 阅读 · 0 评论 -
ES6学习之 - 编程风格 ※
块级作用域(1)let 取代 varES6 提出了两个新的声明变量的命令:let和const。其中,let完全可以取代var,因为两者语义相同,而且let没有副作用。'use strict';if (true) { let x = 'hello';}for (let i = 0; i < 10; i++) { console.log(i);}上面代码如...原创 2019-12-10 11:00:04 · 109 阅读 · 0 评论 -
产品、应用的性能测试指标
RT - Response Time响应时间响应时间是指系统对请求作出响应的时间。直观上看,这个指标与人对软件性能的主观感受是非常一致的,因为它完整地记录了整个计算机系统处理请求的时间。由于一个系统通常会提供许多功能,而不同功能的处理逻辑也千差万别,因而不同功能的响应时间也不尽相同,甚至同一功能在不同输入数据的情况下响应时间也不相同。所以,在讨论一个系统的响应时间时,人们通常是指该系统所有功能...原创 2019-12-10 09:55:58 · 775 阅读 · 0 评论 -
ES6学习之 - Module加载的实现
浏览器加载传统方法HTML 网页中,浏览器通过<script>标签加载 JavaScript 脚本。<!-- 页面内嵌的脚本 --><script type="application/javascript"> // module code</script><!-- 外部脚本 --><script type...原创 2019-12-09 18:49:13 · 213 阅读 · 0 评论 -
ES6学习之 - Module的语法
概述历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这方面的支持都没有,这对开发大型的、复杂的项目形成了巨大障碍。ES6 模块的设计思想是尽量的静态化,使得...原创 2019-12-09 15:29:04 · 161 阅读 · 0 评论 -
ES5引入的严格模式
ES5引入的严格模式主要有以下限制。变量必须声明后再使用 函数的参数不能有同名属性,否则报错 不能使用with语句 不能对只读属性赋值,否则报错 不能使用前缀 0 表示八进制数,否则报错 不能删除不可删除的属性,否则报错 不能删除变量delete prop,会报错,只能删除属性delete global[prop] eval不会在它的外层作用域引入变量 eval和argumen...原创 2019-12-09 11:52:33 · 135 阅读 · 0 评论 -
ES6学习之 - Class继承
1. 简介Class 可以通过extends关键字实现继承,这比 ES5 的通过修改原型链实现继承,要清晰和方便很多。class Point {}class ColorPoint extends Point {}上面代码定义了一个ColorPoint类,该类通过extends关键字,继承了Point类的所有属性和方法。但是由于没有部署任何代码,所以这两个类完全一样,等于复制...原创 2019-12-05 15:04:05 · 123 阅读 · 0 评论 -
ES6学习之 - Class基础
1. 类的由来JavaScript 语言中,生成实例对象的传统方法是通过构造函数。下面是一个例子。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};va...原创 2019-12-03 16:23:03 · 114 阅读 · 0 评论 -
Scss支持多主题切换的方案实现
概述通过改变 body[data-theme='variable'],实现一键切换主题。代码主题文件定义_themes.scss$themes: ( default: ( /* font-size */ font-size-default: 14px, font-size-lg: 16px, font-size-sm: 12px, ...原创 2019-12-01 18:21:01 · 4144 阅读 · 0 评论 -
ES6学习之 - 数据结构Map
1. 含义和基本用法JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。const data = {};const element = document.getElementById('myDiv');data[element] = 'metadata';data['[object HT...原创 2019-11-27 15:38:36 · 400 阅读 · 0 评论 -
ES6学习之 - 数据结构Set
1. 基本用法ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成 Set 数据结构。Set函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。// 例一const set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3...原创 2019-11-27 12:01:10 · 153 阅读 · 0 评论 -
ES6学习之 - 新数据类型Symbol
1. 概述ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin 模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 J...原创 2019-11-27 10:44:49 · 132 阅读 · 0 评论 -
ES6学习之 - 对象的新增方法
1. Object.is()ES5 比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0。JavaScript 缺乏一种运算,在所有环境中,只要两个值是一样的,它们就应该相等。ES6 提出“Same-value equality”(同值相等)算法,用来解决这个问题。Object.is...原创 2019-11-26 18:55:37 · 181 阅读 · 0 评论 -
ES6学习之 - Array数组的新增方法
1. Array.from()Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。下面是一个类似数组的对象,Array.from将它转为真正的数组。let arrayLike = { '0': 'a', '1': 'b', ...原创 2019-11-26 14:16:43 · 455 阅读 · 0 评论 -
ES6学习之 - 箭头函数
基本用法ES6 允许使用“箭头”(=>)定义函数。=>前面是参数,后面是方法体var f = v => v;// 等同于var f = function (v) { return v;};如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function ()...原创 2019-11-25 17:17:59 · 317 阅读 · 0 评论 -
ES6学习之 - rest参数和扩展运算符...
rest参数 ...ES6 引入 rest 参数(形式为...变量名),用于获取函数的多余参数,这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组,该变量将多余的参数放入数组中。function add(...values) { let sum = 0; for (var val of values) { sum += val; }...原创 2019-11-25 17:04:12 · 221 阅读 · 0 评论 -
ES6学习之 - 常用的操作字符串的新方法
includes(), startsWith(), endsWith()传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。includes():返回布尔值,表示是否找到了参数字符串。 startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。 endsWith():返回布尔值,表示参数字...原创 2019-11-25 14:30:43 · 137 阅读 · 0 评论 -
ES6学习之 - 模板字符串
传统的 JavaScript 语言,输出模板通常是这样写的(下面使用了 jQuery 的方法)。$('#result').append( 'There are <b>' + basket.count + '</b> ' + 'items in your basket, ' + '<em>' + basket.onSale + '</e...原创 2019-11-25 14:18:04 · 201 阅读 · 0 评论 -
VSCode如何直接运行js文件
最近在学习ES6,想要在VSCode里面直接运行js文件,经过一番查找发现有一个插件可以直接运行:插件叫做Code Runner,在插件里面查找到并安装:这个插件提供了一个可以让js直接运行在node环境的支持,所以执行node **.js即可运行该js文件:...原创 2019-11-25 11:49:14 · 26729 阅读 · 8 评论