- 博客(65)
- 收藏
- 关注
RSS订阅原创 windows下通过Chocolatey安装node.js
首先确认电脑提前安装了Chocolatey，如果没有安装先看Chocolatey安装教程安装后运行命令确认：C:\WINDOWS\system32> choco我这里得到的版本回复：Chocolatey v0.10.15确认安装完成。搜索node.js版本choco search node.js可以列出相关的资源。nodejs-lts 14.15.3 [Approved]nodejs 15.5.0 [Approved]visualstudio2017-workload-no
2021-01-04 19:42:57
2690
原创 react项目运行出现进度卡住，Would you like to run the app on another port instead?
在运行dva项目时可能出现端口被占用的情况，然后会出现如下提示：然后输入y后，项目启动的进度会卡住，这种情况一般除了查看3000端口的占用情况然后杀掉进程，前端最常用的处理的办法是直接改下package.json文件的start的配置："scripts": { "start": "set PORT=3000&&roadhog server", "build": "roadhog build", "lint": "eslint --ext .js src test
2020-10-18 17:54:08
3983
1
原创 如何在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
1758
原创 一种避免Switch语句的鲜为人知的方法
如何对代码执行这种友好操作。像我一样，你可能已经学会了避免在源代码中使用大量if语句。他们很难读；代码很难遵循，而且通常很难看。看一看：一堆丑陋的条件当然，这只是从真实应用程序的上下文中推断出的示例。试想一下，我们在语句内执行函数调用。也许还有其他条件检查。大多数编码员采用的解决方案是什么？让我们分析提供的示例。将表达式与一堆值进行比较，然后在其中一个为时执行一些代码true。你想到了吗？只需使用一条switch语句。一堆丑陋的条件我故意留下了break，即使在这里由于return
2020-07-19 20:22:47
1163
原创 你应该知道的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
1812
原创 Chocolatey—windows下最好用的包管理器安装使用
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
3051
原创 怎么用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
5141
原创 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
12786
1
原创 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
5093
原创 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
8052
原创 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
5833
原创 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
9410
2
原创 angular公共组件的写法
angular的最大的优点便是它的组件化和模块化，本文要讲的是它的组件化:说到组件就必须说到组件通信，公共组件的通信方式就是父子组件通信．父子组件通信的三要素： input ,output和emit()@Input() 定义输入的变量@Output() 定义输出变量首先是子组件popup.html<div class="popup-wrapper"> <div ...
2019-12-17 20:49:51
6606
1
原创 在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
5572
原创 判断javascript的数据类型
1. typeoftypeof 操作符返回变量或表达式的类型。语法： typeof arr;这种数据类型检测只对简单数据类型适用，对数组和对象不实用．2. instanceofinstanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上语法： obj instanceof Object;这种方式对检测对象的实例比...
2019-12-17 18:47:46
3078
原创 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
5149
原创 怎么在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
7561
1
原创 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
9405
原创 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
2116
原创 修改默认浏览器滚动条样式
滚动条各个属性：::-webkit-scrollbar ：滚动条整体部分，其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button ：滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。 ::-webkit-scrollbar-track ：外层轨道。可以用display...
2019-11-13 19:48:22
1292
原创 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
4619
原创 angular 中请求接口 ，返回码是200 ，但是回调走的是error
一般出现这种问题，一定要检查请求头里面的Content-Type，因为你的请求是成功的，但是代码没有走success的回调，说明你的接受类型和返回的数据类型不一致．默认angular HttpClient请求的是json数据类型，但后台返回如果返回的是其他类型那么就出现这种现象了，所以我们在http.get()的方法中加入参数｛‘responseType’:'text'｝．也可以直接...
2019-11-08 20:18:20
3003
原创 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
8654
2
原创 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
2885
原创 Gitee上传代码 提示remote Incorrect username or password ( access token )
这个是第一次在使用Git进行项目代码提交的最后一步操作的时候，出现了一个问题：用户名或密码不正确（访问令牌）出现这种现象是因为之push代码的时候windows弹出一个用户名密码输入框，用户名输出了的缘故。这里的用户名其实就是你的gitee账号。解决办法是：打开电脑的控制面板–>用户账户–>管理Windows凭据 找到管理Windows凭证：下面就...
2019-09-24 01:16:29
364170
65
原创 在Angular项目中使用less
第一种情况是新建项目的时候:可以使用angular的脚手架,然后选择样式类型为less文件新建第二种情况,也是我要说明的是已有的项目,怎么添加less:1. 将*.css文件以及引用处的后缀名改为.less;2.在angular.json文件的schematics中添加如下配置："schematics": { "@schematics/angular:component...
2019-09-11 19:38:44
2860
原创 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
12313
原创 js中的时区问题
js中如果只考虑本时区的话那就不会有这个问题，但是一旦项目考虑全球化的运作那么就要考虑这个问题。为什么会出现这个问题？究其原因，程序并非直接使用new Date()取的客户端操作系统的时间，而是服务器的时间(Linux事先与某一台时间服务器校对过时间--为本时区时间)。而产生问题的根源在于，服务器将它当前时间转成毫秒数后传递给客户端，客户端显示的时候没有进行时差修正。需要了解的知识格林...
2018-12-21 23:01:49
4503
原创 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
1664
原创 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
1463
原创 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
39994
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
14709
原创 js中如何跳出forEach循环？
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。forEach（）使用三个参数调用该 函数：数组元素、元素的索引和数组本身。注意: forEach() 对于空数组是不会执行回调函数的。array.forEach(function(currentValue, index, arr), thisValue)。回到本文的主题，js中forEach中一般是没办法终...
2018-08-21 00:08:58
14684
原创 vscode怎么设置空格缩进
点击“文件”==>“首选项”==>“设置”， 然后在头部搜索栏搜索“editor.taSize”，就可以看到图左边的设置了 ，负责一份，注意需要“editor.detectIndentation”设置成false（这个属性不设置有可能文件就会按照左边的初试设置来），设置如下："editor.detectIndentation": false, "editor.tabSize": 2...
2018-06-20 18:48:47
7535
原创 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
1332
转载 CSS自动换行、强制不换行、强制断行、超出显示省略号【转】
在表格中常常会遇到字体换行或者超出隐藏的问题，那么那是如何实现的呢？强制不换行 white-space: nowrap自动换行 word-wrap:break-word强制英文单词断行 word-break:break-all*注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。超出显示省略号 （需要给容器设置宽度）div {width: 200px;tex...
2018-06-15 18:07:07
2511
原创 vscode更新之后rg.exe占用cpu过高
文件->首选项->设置，然后搜索“search.followSymlinks”改为falsesearch.followSymlinks是指控制是否在搜索中跟踪符号链接。search.followSymlinks: false 修复启动vscode后 rg.exe程序占用内存过大的问题。 // 控制是否在搜索中跟踪符号链接。 // 修复编辑器内存占用过大的问题 "search.fo...
2018-06-08 00:45:33
6348
原创 VS Code中怎么运行js文件
在VS Code中有一个插件——code runner，可以安装后直接运行在node 环境中，然后在vscode中输出文件的结果。在test.js文件里面右键选择Run Code或者编辑器右上角的方形运行按钮来运行文件，结果在输出一栏输出。...
2018-06-05 19:00:58
57515
12
原创 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
1347
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人