8 头名字W

尚未进行身份认证

我要认证

大鹏一日同风起,扶摇直上九万里

等级
TA的排名 3w+

如何在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

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

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

2020-07-19 20:22:47

你应该知道的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

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

怎么用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

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

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

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

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

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

angular公共组件的写法

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

2019-12-17 20:49:51

在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

判断javascript的数据类型

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

2019-12-17 18:47:46

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

怎么在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

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

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

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

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

2019-11-13 19:39:10

css锚点定位不准确问题

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

2019-11-12 09:07:58

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

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

2019-11-08 20:10:41

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。