自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

头名字W的博客

站在巨人的肩上才能看得更远

原创 如何在angular项目中使用Editor.md

editor.md是国内开源的一款在线Markdown编辑器,可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror、jQuery 和 Marked 构建。GitHub:https://github.com/pandao/editor.md安装依赖# npm npm install jquery # yarn yarn add jquery资源下载下载editor.md的的文件,并放置到assets文件夹中,如src/assets/editor.md/也可以通过 .

2020-07-19 21:42:27 224

原创 一种避免Switch语句的鲜为人知的方法

如何对代码执行这种友好操作。像我一样,你可能已经学会了避免在源代码中使用大量if语句。他们很难读;代码很难遵循,而且通常很难看。看一看:一堆丑陋的条件当然,这只是从真实应用程序的上下文中推断出的示例。试想一下,我们在语句内执行函数调用。也许还有其他条件检查。大多数编码员采用的解决方案是什么?让我们分析提供的示例。将表达式与一堆值进行比较,然后在其中一个为时执行一些代码true。你想到了吗?只需使用一条switch语句。一堆丑陋的条件我故意留下了break,即使在这里由于return

2020-07-19 20:22:47 195

原创 你应该知道的ES2020中的10个JavaScript新特性

npx是一个npm包执行器,npm 从5.2版开始,增加了 npx 命令。npx的作用在于提高从npm注册表使用软件包的体验。在npm的基础之上,npx让npm包中的命令行工具和其他可执行文件在使用上变得更加简单,极大地简化了使用npm时所需要的大量步骤。安装虽然在安装npm的时候会自带安装npx,但是它仍然可以手动安装。npm install -g npx避免模块的全局安装,直接使用npxnpx 还能避免全局安装的模块。在create-react-app的脚手架工具的使用指南中,建议我.

2020-06-29 18:11:55 1065

原创 windows下安装使用Chocolatey

Chocolatey是windows下的一种包管理器,它可以让我们体验到在linux系统下安装包一样方便快捷,可以用cmd和powershell安装。安装注意:下面方法都需要管理员权限下进行安装。cmd@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "[System.Net.ServicePo.

2020-06-19 19:52:48 1808

原创 怎么用npm安装yarn

用npm命令安装yarn执行命令:npm install -g yarn --registry=https://registry.npm.taobao.org配置安装源:yarn config set registry https://registry.npm.taobao.org -gyarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g...

2020-05-17 19:31:16 4030

原创 PowerShell yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。

在win10 下安装yarn后,在编辑器中检查yarn的安装的时候会出现:解决方法1:搜索powershell,以管理员方式运行powershell2:使用命令更改计算机的执行策略执行: set-ExecutionPolicy RemoteSigned参考文章:https://blog.csdn.net/Thinkingcao/article/details/105126761...

2020-05-17 19:26:14 4696

原创 angular 路由传参的方式

1. 路由文件引入// 第一步:引入Router对象import {ActivatedRoute, Router} from '@angular/router'; // 第二步:在构造函数中注入 constructor(private activateRoute: ActivatedRoute, private router: Router) { }传参的类型get跳转和动态路由两种方式来实现(主要是两类,主动传参和被动传参)实现传参前,我们需要先在app-routing.modul

2020-05-13 23:07:33 4245

原创 Angular复制功能--ngxClipboard

ngx-clipboard适用angular2及更高的版本,且从angualr 6.0.0版本开始不再依赖任何js文件。依赖条件Angularngx-clipboard2.x7.x.x4.x8.x.x5.x10.x.x9.x.x13.x.x安装方式npm安装npm install ngx-clipboard --saveyarn安...

2020-04-02 18:37:21 5995

原创 Angular报错-Can't bind to 'ngModel' since it isn't a known property of 'input'

原因:这是因为在angular中使用表单控件的时候需要先引入表单模块。解决办法:需要在app.module.ts(或者其他使用的子模块)中imports就行了。import { FormsModule } from '@angular/forms';@NgModule({ imports: [ ..., FormsModule, ],})...

2020-04-01 17:57:52 5083

原创 git上传代码报错-The file will have its original line endings in your working directory

原因是因为文件中换行符的差别导致的。这里需要知道CRLF和LF的区别:windows下的换行符是CRLF而Unix的换行符格式是LF。git默认支持LF。上面的报错的意思是会把CRLF(也就是回车换行)转换成Unix格式(LF),这些是转换文件格式的警告,不影响使用。一般commit代码时git会把CRLF转LF,pull代码时LF换CRLF。解决方案:git rm -r...

2020-04-01 17:49:11 3068

原创 angular公共组件的写法

angular的最大的优点便是它的组件化和模块化,本文要讲的是它的组件化:说到组件就必须说到组件通信,公共组件的通信方式就是父子组件通信.父子组件通信的三要素: input ,output和emit()@Input() 定义输入的变量@Output() 定义输出变量首先是子组件popup.html<div class="popup-wrapper"> <div ...

2019-12-17 20:49:51 5234

原创 在Deepin系统中安装Typora的方法

安装Typora方法一:使用以下命令,这样能避免由add-apt-repository导致的一系列问题,如下:# sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAEwget -qO - https://typora.io/linux/public-key.asc | sudo apt-k...

2019-12-17 19:11:08 4857

原创 判断javascript的数据类型

1. typeoftypeof 操作符返回变量或表达式的类型。语法: typeof arr;这种数据类型检测只对简单数据类型适用,对数组和对象不实用.2. instanceofinstanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上语法: obj instanceof Object;这种方式对检测对象的实例比...

2019-12-17 18:47:46 2667

原创 js获取当前是第几天,第几周

1. 计算当前是第几天let curDate = new Date();let date = new Date();// 设置本年的第一天date.setMonth(0);date.setDate(1);let dateGap = curDate.getTime() - data.getTime();let day = Math.ceil(dateGap / 24*60*60*10...

2019-12-13 20:15:45 2745

原创 怎么在vscode上直接运行typescript文件

  首先安装nodejs和code run(详情请见https://blog.csdn.net/YeShenLiaoSuiFeng/article/details/80585595),但是要直接运行ts文件还需要安装typescript和ts-node插件,全局安装即可.npm install -g typescriptnpm install -g ts-node安装完成后就可以不用手动去...

2019-12-13 18:38:38 3286

原创 js获取数组最后一个数据的方法

1.根据数组长度var arr = [1,2,3];let last = arr[arr.length-1]; // 32.使用数组方法slice(-1)当使用负数作为参数时就表示从数组末尾开始计数。而当省略第二个可选参数时,表示一直复制到数组末尾。所以在数组上使用slice(-1)就可以获取数组的最后一个元素了。(注:-1 指最后一个元素,-2 指倒数第二个元素);v...

2019-12-04 20:56:54 1688

原创 Node版本管理工具--nvm

nvm 官网官网地址:https://github.com/creationix/nvm安装curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash 按照官网代码执行and adds the source line to your profile (~/.bash_prof...

2019-12-02 21:03:06 939

原创 修改默认浏览器滚动条样式

滚动条各个属性:::-webkit-scrollbar :滚动条整体部分,其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button :滚动条两端的按钮。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。 ::-webkit-scrollbar-track :外层轨道。可以用display...

2019-11-13 19:48:22 801

原创 css锚点定位不准确问题

现象:当顶部导航栏固定时,点击锚点,会跳转到锚点以下。#top{position: fixed;height: 100px;top:0;left:0;z-index: 100;}问题原因 点击超链接之后,跳到的锚点位置向下的偏移量就是fixed的头部的高度。 问题解决1、设置所有锚点处的样式css padding-top:100px; marg...

2019-11-12 09:16:15 1670

原创 angular 中请求接口 ,返回码是200 ,但是回调走的是error

  一般出现这种问题,一定要检查请求头里面的Content-Type,因为你的请求是成功的,但是代码没有走success的回调,说明你的接受类型和返回的数据类型不一致.默认angular HttpClient请求的是json数据类型,但后台返回如果返回的是其他类型那么就出现这种现象了,所以我们在http.get()的方法中加入参数{‘responseType’:'text'}.也可以直接...

2019-11-08 20:18:20 1410

原创 Angular 拖拽功能之cdk-- drag-drop

Angualr drag-drop里面的功能能让我们非常方便的处理页面上视图的拖拽(自由拖拽、列表排序拖拽、列表之间拖拽)问题。官网:https://material.angular.io/cdk/drag-drop/examples。首先使用之前使用之前一定要先在当前组件的modules中导入DragDropModule 模块。(也适用于子模块)。app.modules.ts导入...

2019-11-05 00:32:10 2292 1

转载 Alpha测试、Beta测试和验收测试的含义与区别

Alpha测试、Beta测试和验收测试的含义与区别

2019-10-15 19:09:11 938

原创 linux下VSCode提示Visual Studio Code is unable to watch for file changes in this large workspace

出现这种提示,是超出VSCode文件监控数量了.一. 检查现有文件监控数目cat /proc/sys/fs/inotify/max_user_watches上述命令在我的机器上显示的结果是:8192,这是Ubuntu 16.04系统的默认值。二. 修改文件监控数目综合考虑实际需监控文件的数目和内存消耗情况,我将新的文件监控数目设置为:81920,即原来监控数目的10倍。我使用vi对配...

2019-09-24 21:50:15 1562

原创 Gitee上传代码 提示remote Incorrect username or password ( access token )

这个是第一次在使用Git进行项目代码提交的最后一步操作的时候,出现了一个问题:用户名或密码不正确(访问令牌)出现这种现象是因为之push代码的时候windows弹出一个用户名密码输入框,用户名输出了的缘故。这里的用户名其实就是你的gitee账号。解决办法是:打开电脑的控制面板–>用户账户–>管理Windows凭据 找到管理Windows凭证:下面就...

2019-09-24 01:16:29 127576 9

原创 在Angular项目中使用less

第一种情况是新建项目的时候:可以使用angular的脚手架,然后选择样式类型为less文件新建第二种情况,也是我要说明的是已有的项目,怎么添加less:1. 将*.css文件以及引用处的后缀名改为.less;2.在angular.json文件的schematics中添加如下配置:"schematics": { "@schematics/angular:component...

2019-09-11 19:38:44 1383

原创 CSS中父级的hover改变子元素和样式

思想: 选择器类似DOM元素选择器,+表示下一级元素,>表示子元素 空格 代表后代元素<div class='student'><div class="name"></div></div>.student { color: #ffffff;}.student:hover { color: #000000}.student...

2019-09-05 22:08:10 4948

原创 js中的时区问题

js中如果只考虑本时区的话那就不会有这个问题,但是一旦项目考虑全球化的运作那么就要考虑这个问题。为什么会出现这个问题?究其原因,程序并非直接使用new Date()取的客户端操作系统的时间,而是服务器的时间(Linux事先与某一台时间服务器校对过时间--为本时区时间)。而产生问题的根源在于,服务器将它当前时间转成毫秒数后传递给客户端,客户端显示的时候没有进行时差修正。需要了解的知识格林...

2018-12-21 23:01:49 3013

原创 JavaScript中的switch...case..语句

switch...case...语句通常作为if...else if... 语句的另一种表现形式 ,要比if语句多种值的判断要更加直观。switch...case...中的case的值有两种形式:1、case是字符串类型switch(text) { case 'one': console.log('one'); break; default: ...

2018-12-21 22:32:29 1002

原创 javascript中的转义符问题

JavaScript中总会遇到字符转义的问题,但是怎么才能做到呢?你可以在 JavaScript 中使用反斜杠来向文本字符串添加特殊字符。反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。var txt="We are the so-called \"Vikings\" from the north."// We are the so-called "Vikings"...

2018-12-21 22:15:43 822

原创 Echarts之symbolSize的大小设置

symbolSize number, Array, Function[ default: 4 ]标记的大小,可以设置成诸如 10 这样单一的数字,也可以用数组分开表示宽和高,例如 [20, 10] 表示标记宽为20,高为10。如果需要每个数据的图形大小不一样,可以设置为如下格式的回调函数:(value: Array|number, params: Object) => nu...

2018-09-17 22:41:07 17612 2

原创 VS Code中设置大小写转换功能

VS Code 中没有像webstrom中的大小写的快捷键的设置,要实现这样的功能只能进行设置:在vscode左下角的设置选项中,选中键盘快捷键一项,然后在搜索栏下面打开keybings.json的链接,修改keybings.json 添加配置// Place your key bindings in this file to overwrite the defaults[ { ...

2018-09-10 18:58:27 10817

原创 js中如何跳出forEach循环?

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。forEach()使用三个参数调用该 函数:数组元素、元素的索引和数组本身。注意: forEach() 对于空数组是不会执行回调函数的。array.forEach(function(currentValue, index, arr), thisValue)。回到本文的主题,js中forEach中一般是没办法终...

2018-08-21 00:08:58 9169

原创 vscode怎么设置空格缩进

点击“文件”==>“首选项”==>“设置”, 然后在头部搜索栏搜索“editor.taSize”,就可以看到图左边的设置了 ,负责一份,注意需要“editor.detectIndentation”设置成false(这个属性不设置有可能文件就会按照左边的初试设置来),设置如下:"editor.detectIndentation": false,  "editor.tabSize": 2...

2018-06-20 18:48:47 6198

原创 css盒模型之box-sizing

box-sizing 属性允许你以某种方式定义某些元素,以适应指定区域。box-sizing: content-box|border-box|inheritcontent-box:指容器的边框的线的宽度不算在容器的宽高里面,在容器外绘制边框。border-box:将容器的边框算在容器内,实际容器的宽高需要减去边框的宽度。inherit:  继承父级的属性。div.container {width:...

2018-06-19 19:01:04 858

转载 CSS自动换行、强制不换行、强制断行、超出显示省略号【转】

在表格中常常会遇到字体换行或者超出隐藏的问题,那么那是如何实现的呢?强制不换行      white-space: nowrap自动换行          word-wrap:break-word强制英文单词断行  word-break:break-all*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。超出显示省略号  (需要给容器设置宽度)div {width: 200px;tex...

2018-06-15 18:07:07 1736

原创 vscode更新之后rg.exe占用cpu过高

文件->首选项->设置,然后搜索“search.followSymlinks”改为falsesearch.followSymlinks是指控制是否在搜索中跟踪符号链接。search.followSymlinks: false 修复启动vscode后 rg.exe程序占用内存过大的问题。 // 控制是否在搜索中跟踪符号链接。 // 修复编辑器内存占用过大的问题 "search.fo...

2018-06-08 00:45:33 5069

原创 VS Code中怎么运行js文件

在VS Code中有一个插件——code runner,可以安装后直接运行在node 环境中,然后在vscode中输出文件的结果。在test.js文件里面右键选择Run Code或者编辑器右上角的方形运行按钮来运行文件,结果在输出一栏输出。...

2018-06-05 19:00:58 35048 8

原创 JavaScript中的break和continue的非常规用法

 break 语句它常用的用法是跳出 switch() 语句。var day;switch (new Date().getDay()) {    case 0:        day = "Sunday";        break;    case 1:        day = "Monday";        break;}在标签引用中使用 break 语句,用于跳出代码块:var cars...

2018-06-04 19:15:38 897

原创 如何在node中使用最新的ES6语法(1)

一般 Node.js 使用 ES6 最新的特性, 那么就需要使用 Babel。简单介绍下ECMASCRIPT(JS)语法提案流程:一种新的语法从提案到变成正式标准,需要经历五个阶段。每个阶段的变动都需要由 TC39 委员会批准。Stage 0 - Strawman(展示阶段)Stage 1 - Proposal(征求意见阶段)Stage 2 - Draft(草案阶段)Stage 3 - Candi...

2018-06-04 16:34:11 1364

原创 JavaScript中的get和set方法讲解

js中对象中属性有时候可以看到get和set前缀,它们有什么用?get其实就是对象的属性值的返回值的方法,那么set就是属性值的修改方法。一般对象内部的私有属性命名都会加上前缀“_”,如”_name”var obj = {    _price: 10,    get price() { return this._price },    set price(val) { this._price = ...

2018-06-01 18:12:38 5421

提示
确定要删除当前文章?
取消 删除