- 博客(29)
- 收藏
- 关注
RSS订阅原创 Js各种位置区别
Js各种位置区别1、clientHeight：表示的是可视区域的高度，不包含border和滚动条；2、offsetHeight：表示的是可视区域的高度，包含了border和滚动条3、scrollHeight：表示了所有区域的高度，包含了因为滚动被隐藏的部分；4、clientTop：表示边框border的厚度，在未指定的情况下一般为05、srcollTop：滚动后被隐藏的高度，获取对象相对于由offsetParent属性指定的父坐标（css定位的元素或body元素）距离顶端的高度...
2020-09-25 10:26:17
303
原创 git相关
Git提交代码至线上：拉取线上代码： git pull提交代码至本地仓库，查看是否有需要合并的代码文件 git add .处理完合并代码之后提交备注： git commit -m “备注修改部分”git log 查看备注 //git add .log 暂存改动 //可以查看最近改动： git status备份完之后提交代码： git pushgit checkout：快速切换分支git branch：不带任何参数，就是看当前目录有多少分支创建分支： git checkout
2020-09-25 10:24:29
152
原创 promise
promise目的：1 避免回调地狱2 promise对象提供了简洁的API，使得控制异步操作更容易promise的三种状态：pendding: 正在请求reject： 失败resolved： 成功基础用法：const promise = new Promise(function(resolve,reject){if(reslove){}else{}}) resolve,reject函数：在异步状态pendding==》resolved回调成功时，通过调用resolved函数返回结果，
2020-09-25 10:18:11
146
原创 去重所用相关方法
----indexOf去重（String）！！！！：对大小写敏感如果要检索的字符串值没有出现，则该方法返回-1，否则返回大于-1的数字(索引的下标)subjectObject.indexOf(searchvalue，fromindex)searchvalue： 必须，规定需要检索的字符串值fromindex: 可选，规定在字符串中开始检索的位置。他的合法取值是0到stringObject.length-1。 省略则从字符串的首字符开始检索eg:判断Hello World中有没有 world、Wo
2020-09-25 10:14:37
136
原创 数组常用方法
1. find()与findIndex()find()方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。find()方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组。[1, 2, 5, -1, 9].find((n) => n < 0)//找出数组中第一个小于 0 的成员findIndex()方法的用法与find()
2020-09-25 10:09:09
136
原创 mac 端口被占用解决方法
mac 下端口号被占用的解决方式：查看端口号的进程情况： sudo lsof -I tcp:端口号kill掉被占用的端口进程： kill PID(每一个进程都有一个PID)不知道在哪里看到的，觉得好用就记录一下
2020-08-24 16:15:46
1104
原创 angular中@ViewChild 的三种常用方法
//--1------ 在angular中进行dom操作<div #dom>这是一个div</div> //放置一个锚点domimport { ElementRef, ViewChild } from '@angular/core';@ViewChild('dom',{static:true}), eleRef:ElementRef;//static-True表示在运行更改检测之前解析查询结果，false用于在更改检测后解析。默认为false。// dom 操作需要在
2020-08-04 17:20:43
3925
2
原创 ts中的泛型相关
-----ts中泛型、泛型方法、泛型类、泛型接口--------------------------------泛型解决了类、接口、方法的复用性，以及对不特定数据类型的支持（类型校验）泛型：在方法调用时，由程序员指定泛型具体是什么类型----eg//最小堆算法class Apple<T>{ //定义泛型类，在实例化的时候需要规定类型//这里是用来存放数组的 public lists:T[]=[]; //泛型数组 list(value:T){ //泛型参数 this.
2020-08-03 14:43:19
537
原创 ts中的接口相关
//接口：关键字：interface。 使用接口时必须实现接口里面的所有属性和方法，可以扩展自己是属性和方法--1 泛型接口 看泛型相关--2 类 类型接口,类扩展接口关键字： implement class People{ public name:string; eat(){ console.log("杂食动物"); } } class Fish implements People{ public name:st
2020-08-03 14:42:22
158
原创 ts中的类相关
//1-------规范类（将一个作为泛型规范，判断输入内容是否一致）class AA{ public name:string|undefined; public age:number|undefined; constructor( parmas:{ name:string|undefined, age:number|undefined } ){ this.name = parmas.name; this.age = parmas.a
2020-08-03 14:41:39
121
原创 ts中的装饰器
1、命名空间：---------- 命名空间：namespace 为防止不同程序员之间命名冲突，命名空间里面的类需要export之后外部才能使用。不同模块之间使用命名空间，namespace也需要被export，在对应使用的地方import它 在低版本中引入的方式是使用三个斜杠，然后写文件夹地址 ///<reference path="A.ts" />, ts3.0以后的版本通常用import引入 export namespace A{
2020-08-03 14:39:19
2400
原创 angular8中，用html2canvas+jspdf 实现页面下载pdf（解决了中文问题和页边距问题）
下载jspdf 和 html2canvas：npm install jspdf --savenpm install html2canvas --save在当前使用 的ts文件中引入import * as jsPdf from ‘jspdf’import html2canvas from ‘html2canvas’import { Component, OnInit ,Input, Query} from '@angular/core';//引入生成pdf的插件import * as jsP
2020-07-27 18:25:47
1394
原创 angular页面跳转时，用get传值和动态路由跳转传值
前提在把路由跳转路线写好const routes: Routes = [ { path: 'bottom',component:BottomMuduleComponent }, { path: 'header',component:HeaderModuleComponent }, { path: 'main',component:MainMoudleComponent }, { path: 'slidebar',component:Slideba
2020-07-23 10:46:43
238
原创 angular中rxjs针对异步数据流的编程以及Observable的工具方法，promise的异步数据编程
在angular中，通用的方法一般放置在services.ts文件中在service文件中封装和处理异步的方法，在当前组件的ts中调用并取值获取异步数据方法：1 通过回调函数获取异步方法中的值2 通过promise3 通过rxjs4 了解rxjs中的工具函数map 和 filterservices.ts:import { Injectable } from '@angular/core';import { Observable, observable } from 'rxjs'@Inj
2020-07-22 12:19:55
259
原创 angular表单实现双向数据绑定
注意：实现表单双向数据绑定，必须先引入FormsModule包HTML：<h2 >人员登记表</h2><ul> <li>姓名： <input type="text" [(ngModel)]="peopleInfo.userName"> </li> <li> 性别： <input type="radio" value="1" name="sex
2020-07-19 20:34:52
633
原创 angular中的 ngClass和ngStyle
ngClass测试：HTML文件：<div [ngClass]="{red: flag}" [ngClass]="{blue: !flag}"> ngClass 测试</div>在ts文件中定义flag：public flag:boolen = true在sass文件中.red: color: red.blue: color: blue解析： 表示在HTML文件中用flag的true和false值来改变该文字的颜色flag在ts文件中定义值。ngSt
2020-07-18 23:05:06
239
原创 angular脚手架中的各个文件是干什么用的？
angular脚手架中的全部文件：E2e： 端对端测试文件node_modules: 配置文件的文件包.editorconfig: 编辑器的配置文件.gitignore: 使用git忽略你不需要的文件angular.json: angular配置文件package.json: 1定义本项目名称和版本、2配置项目需要的各种依赖（node_modules里面包含的文件名称和版本.）README.md: 告知你运行的相关命令等tsConfig.json: typescript的配
2020-07-18 22:46:49
752
原创 angular8里面的*ngSwitch
ts文件：定义一个类型：orderStatuspubulc orderStatus:number = 1// 1表示已经支付 2 表示支付成功 3 表示已经发货 4 表示已经收获货 5 表示无效html文件：<span [*ngSwitch]="orderStatus"></span><p *ngSwitchCase="1"> 表示已支付</p><p *ngSwitchCase="2"> 表示支付成功 </p>
2020-07-18 22:37:08
2080
原创 mac 开启终端代理
mac打开终端代理1 打开终端代理 vim ~/.zshrc（如果没后.zshrc文件就自己新建一个）2 然后按 i 编辑一下命令终端设置代理-------------------------------polipo proxy on/off------------------------------function proxy_on() {# 配置http访问的export http_proxy=http://127.0.0.1:1087# 配置https访问的export
2020-07-17 09:58:54
2498
原创 getlab使用git拉取项目总是需要输入用户名和密码
项目：把终端ssh秘钥添加到gitlab里面，以后使用ssh链接从仓库拉取项目gitlab点击设置找到ssh秘钥，复制你在终端生成的秘钥添加上去1秘钥生成和查看ls ~/.ssh 查看秘钥是否存在2cat ~./ssh/id_rsa.pub 查看秘钥3复制以上秘钥内容到gitlab设置ssh界面添加4 终端灭有秘钥生成的话自己生成秘钥ssh-keygen -t rsa -C “邮箱” 生成秘钥ssh-keygen -t rsa -C “gutu0211@163.com”生成以后，跑以
2020-07-17 09:48:51
1962
原创 angular中的组件嵌套
1 创建3个包：header-modulemain-modulesliderbar-module2 在header-module创建三个组件header-centerheder-leftheader-right3 z将三个组件嵌套入header-module包里面1）：在header-module.modules.ts文件中引入三个组件，且在declarations中声明注意：exports：[放置外部需要调用的component文件]imports：[调用文件所需要的Modul
2020-07-16 18:37:47
1368
原创 通过字符串找字符索引，通过字符找字符索引值，截取字符串
<script type="text/javascript"> var str = "我中间a有个字母A"; /* 1给索引差字符charAt/charCodeAt 参数：字符索引位置 返回值：索引对应的字符，若参数不在0-str.length，改方法会返回一个空字符串、NaN */ console.log(str.charAt(3))//a 返回字符串...
2019-03-06 20:27:32
2907
原创 放假倒计时
**放假倒计时**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放假倒计时</title></head><body>
2019-03-06 14:09:17
562
原创 元素节点
/*父节点：parentNode用于关闭二维码用法：.parentNode调用者：子元素兼容性：兼容ie678*/var a = document.getElementById(“a”);a.onclick = function(){this.parentNode.style.display = “none”;}/-------------------------------...
2019-03-05 13:40:29
406
原创 函数中的升序降序问题：
/*1、函数中的升序降序问题：arr.sort()用法1：arr.sort(function(a,b){a-b})“升序”用法2：arr.sort(function(a,b){b-a})“降序”*/ var arr=[1,27,78,8765,7,8,8,4,4,5,1,5,4,85,788]; arr.sort(function(a,b){ return a-b; }); c...
2019-03-05 13:38:47
573
原创 封装一个方法，getElementsByClassName,兼容IE678，实现document.getElementByClassName("“”)一样的功能
封装思想过程：1、获取所有标签：documeent.getElementsByTagName("*")；2、定义一个存放元素节点的数组，[],索引从0开始；3、遍历这个数组，选取其中类名和参数相同的元素节点，把该节点放入新的数组中 <script> function getElementsByClassName(str){ //封装的方法名叫getElementsBy...
2019-03-04 20:01:21
466
原创 DOM节点,DOM节点的查、增、删、插、复制节点，设置节点属性
核心（ECMAScript）欧洲计算机制造商协会描述了就说、的语法和基本对象文档对象模型:Document Object model:DOM处理网页内容的方法和接口浏览器对象模型：Browser Object Model :BOM与浏览器交互的方法和接口DOM的组成（节点–node）整个文档就是一个节点；每一个html标签都是一个元素节点标签中的文字则疏忽文字节点标签的属性是属...
2019-03-04 19:48:38
381
原创 数组的增、删、改、连
**数组的增、删、接、变其中方法：2增3删1连2变** /* ***增：从数组的最后增加元素 方法名称：push();*** 功能：在数组的最前面增加一位元素 参数：数组 返回值：数组的长度 调用者：数组 打印结果：13 [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, "aaa"] */ var arryPush = [0,1...
2019-03-04 19:27:36
335
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人