随笔分类 - web 前端
把打码中所遇到的前端bug进行记录，以其为后事之师
摘要：1.简单属性指令的创建 @Directive 装饰器类似于@Component 先创建选择器 select 创造函数里的实参为DOM元素值 directive 和 component 在ngMoudule 里声明在一起 2.获取元素属性值 @Attribute 在constructor获取属性值的参
阅读全文
摘要：0.表单相应模块的引入 import { FormsModule } @angular/forms 1.事件绑定 以html的常用事件名如：mouseover,click包含在（）中的形式定为事件绑定，（keyup.enter）是可过滤的按键事件 模板变量：例如$event，事件中使用的值，
阅读全文
摘要：1.什么是数据绑定，怎么实现 就是实现数据和html模板之前的联通，就叫数据绑定。 数据绑定分为单向数据绑定和双向数据绑定：单向数据绑定和双向数据绑定 可通过"[]"，"()"来实现分别实现绑定属性值和方法来实现单向数据绑定 可通"([])"来实现双向数据绑定，一般应用于表单输入和其他用户输入 2.
阅读全文
摘要：1.项目的目录层级是什么样的 分为内外结构，外结构:关于项目的文件：package.json,package-lock.json,tconfig.json,angular.json,gitignore,ReadMe.txt,e2e,src 内结构，则是src里面的结构，包括app源码目录；a
阅读全文
摘要：1.split // split(separator, limit) separator为分隔符；limit为已经有 limit 个元素时停止分割 const str = 'The quick brown fox jumps over the lazy dog.'; const words = st
阅读全文
摘要：1.indexOf() // indexOf(searchElement(要查询的元素), fromIndex(起始位置)) let uint8 = new Uint8Array([2, 5, 9]); uint8.indexOf(2); // 0 2.forEach() // forEach(ca
阅读全文
摘要：1.angular.json 和 package.json 配置部分详解 angular.json 是angular 项目的一些默认的配置，包括不限于运行命令、打包配置、unit test 配置 package.json 是node 项目的npm 包管理文件，但其中会涉及到一些angualr
阅读全文
摘要：函数 函数声明 function sayHello(){ return "Hello JavaScript!!" } 函数表达式 let sayHello = function() { return "Hello JavaScript!!" } 函数、变量提升： 函数和变量都会被提升，且函数会被优先
阅读全文
摘要：@NgModule({ declarations: [], //属于当前模块的组件、指令及管道 imports: [], //当前模板所依赖的项，即外部模块（包括httpModule、路由等） export:[],//声明出应用给其他的module使用 providers: [], //注入服务到当
阅读全文
摘要：指导链接：angular-Standalone-guide 1.概述：standalone 时在angular 14版本引入的特性，作用是可以让组件、指令和管道独立。以后就可以独立的直接被引入其他组件，而不依赖 ngmodule 来引入，也可以在路由中实现组件的懒加载。 1.1定义一个standal
阅读全文
摘要：1.创建新项目-angular-cli 的升级 1.1 装载指定版本的(未安装angular-cli) npm install -g @angualr/cli@version 1.2 已经安装angular-cli版本 npm uninstall -g @angular/cli //先卸载老
阅读全文
摘要：js的内部代码执行是单线程的,这就意味着js代码如果不做特殊处理，所有的代码执行顺序都是同步的，即从头到尾执行。但是，随着前端功能的越来越多样化，为了节省时间，提高效率，便需要使用异步，即多线程执行。所以，前端的伪多线程，异步解决方案应运而生。从最早的回调函数，到Promise,再到Generato
阅读全文
摘要：Why Routing 1. 通过 Url 表示应用的状态 2. 让应用变得可以link,即 直接通过 url 来链接到某个指定的页面 3. 可用通过用户角色来确定是否可以访问该页面 4. *可通过路由来模块化加载应用* Configuring Routes Auto create ：可以通过ang
阅读全文
摘要：学好angular,就要了解清楚以下的概念，现只是一下粗疏的关键词： 1.路由2.表单3.安全4.HttpClient5.测试6.动画 **以上为和其他前端框架共有** 7.服务8.模块9.依赖注入10.TypeScript11.Rxjs ****以上是angular框架特有****
阅读全文
摘要：1. oberable error处理的unit test 当正常的subscribe处理完成之后，在同一个it测试集里再重新构造函数： 构造新的error值: //注意import import { Observable, of } from "rxjs"; let errorConfig = n
阅读全文
摘要：1.angular 中普通service在unit test中的例子. import 导入 > 声明 >TestBed.config providers >BeforeEach中TestBed.get创造 >在测试用例中spyOn使用 2.ActivatedRoute在unit test中例子 源t
阅读全文
摘要：1. Error: F:\workspace\vmcu-estimator-client\src\environments\environment.ts is missing from the TypeScript compilation. Please make sure it is in you
阅读全文
摘要：之前写过无数次get和post请求，但实际上不是很明了他们之前的区别，只是大概知道类型的区别，携带参数不同，以及携带参数大小的不同，今儿突然发现好像不是那么简单，研究一下。 get和post最明显的区别就是，get把参数写在url种，而post则是把参数写在request body种，并且他们的大小
阅读全文
摘要：人总要坚持一些什么，故从今儿始，咱也开始写博客，不为成为大神，不为成为分享大师，只为让自己快活有成就感一些 1.sublime的安装 登录sublime官网 ： http://www.sublimetext.com/ 点击Download后，就可以看到各个版本的sublime了，根据自己的环境进行下
阅读全文
浙公网安备 33010602011771号