08 2021 档案
摘要：百分数转化为小数 function toPoint(percent){ var str=percent.replace("%",""); str= str/100; return str; } 小数转化为百分数 function toPercent(point){ var str=Number(po
阅读全文
摘要：1.什么是@input @input的作用是定义模块输入，是用来让父级组件向子组件传递内容。 2.@input用法 首先在子组件中将需要传递给父组件的变量用@input()修饰 需要在子组件ts文件import中还添加Input 实例: import {Component, Input, OnIni
阅读全文
摘要：两个浏览器窗口间通信 WebSocket 这个没有太多解释，WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。当然是有代价的，需要服务器来支持。 js语言，现在比较成熟稳定当然是 socket.io和ws. 也还有轻量级的ClusterWS。 你可以在Th
阅读全文
摘要：总结 forEach()可以做到的东西，map()也同样可以。反过来也是如此。 map()会分配内存空间存储新数组并返回，forEach()不会返回数据。 forEach()允许callback更改原始数组的元素。map()返回新的数组。 使用案例 制作一个数组的平方有如下一个数组 let arr
阅读全文
摘要：1. 两个标签的嵌套： <div class="element1"> <div class="child1"></div> </div> .element1{ width: 200px; height: 200px; background-color: lightpink; border-radiu
阅读全文
摘要：你是怎么理解算法的呢？ 简单说就是，同一个功能 别人写的代码跑起来占内存 100M，耗时 100 毫秒 你写的代码跑起来占内存 500M，耗时 1000 毫秒，甚至更多 所以 衡量代码好坏有两个非常重要的标准就是：运行时间和占用空间，就是我们后面要说到的时间复杂度和空间复杂度，也是学好算法的重要基石
阅读全文
摘要：一、路由传值 步骤1 路由传递参数 注意 一定是要传递 索引值 let key = index 这种情况是在浏览器中可以显示对应的参数 这种的是问号 localhost:8080/news?id=2&name=xiaoming <div class="z-shebei-box1 x-mysh-p"
阅读全文
摘要：1. 获得一个随机的布尔值（true/false） const randomBoolean = () => Math.random() >= 0.5; console.log(randomBoolean()); 2. 检查所提供的日期是否为工作日 getDay() 方法可返回一周（0~6）的某一天的
阅读全文
摘要：一句话来概括很简单，就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。 原来package.json文件只能锁定大版本，也就是版本号的第一位，并不能锁定后面的小版本，你每次npm install都是拉取的该大版本下的最新的版本，为了稳定性考
阅读全文
摘要：1、ngStyle 基本用法 1 <div [ngStyle]="{'background-color':'green'}"></<div> 判断添加 1 <div [ngStyle]="{'background-color':username 'zxc' ? 'green' : 'red' }">
阅读全文
摘要：Angular 中的 dom 操作（原生 js） ngAfterViewInit(){ var boxDom:any=document.getElementById('box'); boxDom.style.color='red'; } 对变量定义数据类型，防止编译报错 Angular 中的 dom
阅读全文
摘要：利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。 方法一： document.getElementById("EleId").style.visibility="hidden"; document.g
阅读全文
摘要：Angular组件之间不能互相调用方法，但是可以通过创建服务来实现公共方法的调用。 实现 创建服务命令 ng g service 服务路径/服务名 比如这里在app/services目录下创建storage服务 ng g service services/storage 在app.module.ts
阅读全文
摘要：我们可以通过以下三种方式来实现： 传递一个组件的引用给另一个组件 通过子组件发送EventEmitter和父组件通信 通过serive通信 1. 传递一个组件的引用给另一个组件 Demo1 模板引用变量 模板引用变量通常用来引用模板中的某个 DOM 元素，它还可以引用 Angular 组件或指令或W
阅读全文
摘要：什么是keep-alive 有时候我们不希望组件被重新渲染影响使用体验； 或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。 官网释义： <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和
阅读全文