![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 86
前端
weixin_43571751
这个作者很懒,什么都没留下…
展开
-
Angular 表单
Angular 表单表单响应式表单获取表单控件的值修改表单控件的值响应式表单中的数据流视图--->模型模型--->视图把表单控件分组保存表单数据创建嵌套的表单组更新部分数据模型使用 FormBuilder 服务生成控件表单官方文档Angular 提供了两种不同的方法来通过表单处理用户输入:响应式表单和模板驱动表单。 两者都从视图中捕获用户输入事件、验证用户输入、创建表单模型、修改数据模型,并提供跟踪这些更改的途径。响应式表单:复用性更强。它们提供对底层表单 API 的直接访问,并且在视图原创 2021-11-28 12:21:31 · 2094 阅读 · 0 评论 -
Angular 路由
概念在单页应用中,可以通过显示或隐藏与特定组件相对应的部分来更改用户看到的内容,而不用去服务器获取新页面。用户执行应用程序任务时,他们需要在定义好的不同视图之间移动。要处理从一个视图到下一个视图的导航,需要使用 Angular Router。 Router 会通过将浏览器 URL 解释为更改视图的操作指令来启用导航。官方文档基本配置创建2个组件:ng g c route-study/crisis-list ; ng g c route-study/hero-list在app.moudl原创 2021-10-17 22:04:41 · 518 阅读 · 0 评论 -
Angular---rxjs
Rxjs简介RxJS是一个主要用于处理异步程序的函数式编程库,可以把 RxJS 想成处理 异步行为 的 Lodash。常见的异步行为ajax,定时器,事件常见的 优化异步回调的方式Promise,async/await,rxjs函数式编程是一种编程思想的,就像面向过程、面向对象一样 比如:const result = (5 + 6) - 2 * 3;函数式的写法:const add = (a, b) => a + bconst mul = (a, b) => a * b原创 2021-10-16 23:42:05 · 437 阅读 · 0 评论 -
TS 学习笔记
TS开发环境搭建安装node.js;使用npm 全局安装 ts: npm i -g typescript ;创建一个ts文件,编辑好之后,使用tsc命令对文件进行编译:tsc xxx.ts,会生成同名的js文件。TS基本类型类型声明:通过类型声明指定TS中变量(形参、返回值)的类型,当为变量赋值时,TS编译器会自动检查变量是否符合定义的类型。语法:let 变量:类型;let 变量:类型 = 值;function fn(参数: 类型, 参数:类型): 返回值类型 { ..原创 2021-05-15 09:32:40 · 805 阅读 · 2 评论 -
Angular 学习笔记
Angular 学习笔记环境搭建环境搭建安装npm,通过npm或cnpm安装angular。npm install -g @angualr/cli 或 npm install -g @angualr/cli原创 2021-04-28 00:10:49 · 1648 阅读 · 0 评论 -
VScode前端开发环境搭建
Vscode下载安装包下载地址 选择windows版本下载,国内网络下载很慢,在浏览器中找到下载内容,然后使用迅雷下载,很快就可以下载完成。配置中文环境在扩展应用中下载中文语言包:[Ctrl + Shift + P] 输入language,配置语言环境:选择zh-cn,重启后生效。node.js下载下载路径下完并安装后,通过npm -v 和node -v 查询验证:npm和cnpm配置...原创 2021-04-27 23:47:10 · 685 阅读 · 0 评论 -
ES6-ES11 学习笔记
ES6-ES11 学习笔记概述什么是 ECMAScriptES6新特性1. let关键字不允许重复声明块儿级作用域(局部变量)不存在变量提升不影响作用域链let应用使用var创建变量使用let创建变量2. const关键字声明必须赋初始值不允许重复声明值不允许修改块儿级作用域(局部变量)3. 变量和对象的结构赋值什么是解构赋值4. 模板字符串字符串中可以出现换行符可以使用 ${xxx} 形式引用变量5. 简化对象和函数写法6. 箭头函数箭头函数定义箭头函数的特点箭头函数的应用需求1需求27. ES6中函数参原创 2021-04-26 01:05:06 · 618 阅读 · 0 评论 -
AngularJS 进阶
AngularJS 进阶依赖注入依赖注入方式内部创建依赖;通过全局变量进行引用;在需要的地方通过参数进行传递。前两种方式都不是很好,因为都需要依赖硬编码,使得修改、测试的时候会很麻烦。第三种方式是最好的实现方式,因为它不必在组件中主动查找和获取依赖,而是由外界传入。AngularJS注入内容(服务)到函数中都是通过函数参数的方法,有三种方式:推断式注入声明;显示注入声明;行内注入声明;推断式注入声明直接将要注入内容的名字写在函数参数中,名字必须准确。建议:不要使用这种方式原创 2020-08-18 00:03:16 · 139 阅读 · 0 评论 -
AngularJS 学习笔记
AngularJS的基本概念模块什么是模块模块是一个存放应用各个部件的容器。例如:controller、directives、filters、services。AngularJS主要是使用模块声明的方式启动应用的,类似于main方法作用。定义模块引入angular.min.js后,就会在全局变量中注册一个angular全局变量。然后可以使用angular.module(“模块名”, [其他模块1, 其他模块2,其他模块3…]);// 定义模块var app = angular.module(原创 2020-08-15 23:32:55 · 206 阅读 · 0 评论 -
javascript 学习笔记
javascript 学习笔记Promise介绍promise使用Promise的三种状态Promise链式调用Promise.allPromise介绍ES6中一个非常重要和好用的特性就是Promise,Promise是异步编程的一种解决方案。一种很常见的场景应该就是网络请求了。我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像简单的3+4=7一样将结果返回。所以往往会传入另外一...原创 2020-04-25 10:44:09 · 80 阅读 · 0 评论 -
Vue CLI、Vue Router、Vuex学习笔记
Vue CLI介绍CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架。Vue CLI是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。前提Vue.js官方脚手架工具就使用了webpack模板对所有的资源会压缩等优化操作,它在开发过程中提供了一套完整的功能,能够使得我们开发过程中变...原创 2020-04-19 23:24:15 · 320 阅读 · 0 评论 -
webpack学习笔记
webpackwebpack是一个JavaScript应用的静态打包工具。模块化目前前端使用的一些模块化方案有:AMD、CMD、CommonJS、ES6。在ES6之前,要想进行模块化开发,就必须借助于其他的工具,并且开发完成后还需要处理模块间的各种依赖,并且将其进行打包整合。webpack其中一个核心就是让我们进行模块化开发,并且会帮我们处理好模块间的依赖关系。不仅仅是Js,项目的css...原创 2020-04-19 00:48:26 · 131 阅读 · 0 评论 -
Vue.js学习笔记
Vue.js学习笔记安装与部署创建第一个Vue应用数据Vue提供的方法生命周期模板语法文本方式输出原始HTML属性Attribute使用 JavaScript 表达式指令指令参数动态参数(2.6.0新增)对动态参数的值的约束指令缩写如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚...原创 2020-04-05 11:59:46 · 504 阅读 · 0 评论