从零开始,学习web前端
文章平均质量分 71
学习web前端
XeonYu
这个作者很懒,什么都没留下…
展开
-
对象数组根据对象的多个属性值去重示例
最近遇到了个需求,有一个对象数组,需要根据对象中的某几个字段做去重,也就是说,当指定的几个字段的值都相同时,视为重复数据。举个例子:[{"name":"yzq","age":20,"gender":true,"height":10},{"name":"yzq","age":20,"gender":false,"height":20},{"name":"xeon","age":20,"gender":true,"height":30},{"name":"xeon","age":20,"gender":tr原创 2021-06-11 21:23:36 · 3883 阅读 · 0 评论 -
Angular中使用Lodash的方法
Angular中使用Lodash原创 2020-12-05 18:52:55 · 1800 阅读 · 0 评论 -
前端优雅的处理接口返回Json数据中值为null的方案(页面绑值时无需写非空校验,基于TypeScript)
前端优雅的处理接口返回的Josn数据中有null值的情况,再也不用写一堆非空校验了原创 2020-12-05 17:05:36 · 6921 阅读 · 0 评论 -
使用Prettier配合TsLint/Eslint 统一前端代码格式化规则,保证代码质量
使用Prettier来统一代码格式化的格式和风格,便于管理原创 2020-11-11 09:41:19 · 2648 阅读 · 0 评论 -
Angular中请求blob数据以及显示blob失败并提示 sanitizing unsafe URL value blob的解决办法
Angular中请求blob数据的请求Angular中的网络请求非常简单,我们导入HttpClientModule后,在类构造函数中注入 HttpClient 后就可以使用其提供好的相关请求方法了,这里不再赘述了 constructor( private _httpClient: HttpClient, ) { }我们先来看一下 HttpClient 这个类的相关注释。HttpClient 是一个可注入的类,带有执行HTTP请求的方法。原创 2020-07-19 11:45:54 · 3407 阅读 · 0 评论 -
Angular中优雅的处理RxJs自动取消订阅的方式以免出现内存泄露以及多次调用的问题
Angular中深度集成了Rxjs,只要你使用Angular框架,你就不可避免的会接触到RxJs相关的知识。在Android开发中,绝大多数的Android开发者都用过RxJava、RxAndroid或RxKotlin相关库。因其强大的操作符 以及 方便的线程切换 给我们日常开发提供了极大的便利。但是,可能是前端并不像强类型语言那么严格,及时代码写的有点小问题,也是能照样运行,不仔细排查也发现不了什么影响。在最近接触的Angular项目中,发现前端的小伙伴们很少去了解RxJs的原理,导致写的项目中,原创 2020-07-19 13:11:55 · 4402 阅读 · 1 评论 -
Angular引入第三方库
如果我们想在Angular中使用第三方的库,比如jquery或bootstrap等,该如果做呢?首先我们先来看看package.json这个文件,在目录介绍那篇博客中我们已经知道,package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包,这些是Angular自带的,存放在node_modules目录中。需要注意的是: package.json中有原创 2017-05-05 20:31:29 · 27541 阅读 · 21 评论 -
Angular的启动过程
Angular项目的启动过程原创 2017-05-05 15:27:47 · 12872 阅读 · 6 评论 -
Angular项目目录结构详解
在上一篇博客中我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目,要想写项目,首先我们要先搞清楚项目的目录结构是怎样的,每个文件又有什么意义,文件中的代码又起到什么作用。原创 2017-05-05 11:34:39 · 43342 阅读 · 8 评论 -
Angular环境搭建
目前Angular的最新版本是Angular4.0,所以我们搭建的环境是4.0版本的。 Angular官方给我们提供了一个命令行工具就是Angular CLI,通过这个工具我们能很容易的创建Angular项目。后期对项目的管理及构建等都是使用这么命令行工具。1.安装nodejs 首先要安装nodejs,如果你的电脑已经装过了,最好确认是比较新的版本,否则可能会出问题。 没有安装的直接去node原创 2017-04-27 16:15:33 · 30383 阅读 · 12 评论 -
TypeScript学习笔记之 泛型
什么是泛型 泛型的本质是参数化类型,通俗的将就是所操作的数据类型被指定为一个参数,这种参数类型可以用在类、接口和方法的创建中,分别成为泛型类,泛型接口、泛型方法。 TypeScript中的泛型跟java中的泛型基本类似。泛型的基本使用 使用泛型的好处不仅能够检查类型,保证类型正确,而且能够提高代码的服用性。指定泛型类型一般用来表示,当然,T可以更改为其他值。/** * Created by原创 2017-01-17 11:59:39 · 5742 阅读 · 0 评论 -
TypeScript学习笔记之 接口(Interface)
在java中,接口是用来定义一些规范,使用这些接口,就必须实现接口中的方法,而且接口中的属性必须是常量。 javascript中是没有接口的概念的。 而TypeScript的核心之一就是类型检查。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约并让代码看起来更好理解。接口的简单使用 如下代码所示,我们需要给add函数中传入一个对象,如果不使用接口,原创 2017-01-12 15:42:04 · 20901 阅读 · 1 评论 -
TypeScript学习笔记之函数
函数是一组可以随时随地运行的语句。是 ECMAScript 的核心。和JavaScript一样,TypeScript函数可以创建有名字的函数和匿名函数。原创 2017-01-10 17:37:11 · 8051 阅读 · 1 评论 -
TypeScript学习笔记之 类
传统的JavaScript程序使用函数和基于原型(prototype)的继承来创建可重用的组件,但对于熟悉使用面向对象方式的程序员来讲就有些棘手,因为他们用的是基于类的继承并且对象是由类构建出来的。 从ECMAScript 2015,也就是ECMAScript 6开始,JavaScript程序员将能够使用基于类的面向对象的方式。 但是可能要等到下个版本的javascript发布发布才能使用原创 2017-01-09 17:42:32 · 19583 阅读 · 5 评论 -
TypeScript学习笔记之变量声明
var声明 在之前的javascript中,我们用var这个关键字来声明变量。 var声明可以在包含它的函数,模块,命名空间或全局作用域内部任何位置被访问。并且可以多次声明且不会报错。/** * Created by yzq on 2017/1/6. */var a;var a=1;var a="123"function test(isGo) { if (isGo){原创 2017-01-06 17:14:39 · 1684 阅读 · 0 评论 -
TypeScript学习笔记之基本类型
TypeScript基本类型原创 2017-01-06 11:57:17 · 3520 阅读 · 0 评论 -
TypeScript学习笔记之环境搭建
TypeScript 环境搭建原创 2017-01-05 13:37:31 · 1232 阅读 · 0 评论 -
从零开始,学习web前端之js高级
面向对象在学习js的面向对象的时候着实懵逼了,因为之前学过java,发现js的面向对象简直太扯淡了。但是没办法,还是要耐着性子学一学,不过有了ECMAScript6之后,相信以后学过强类型语言的同学再去学习js的面向对象会好一些。首先要明确的是,面向对象是一种解决问题的思路,是一种编程思想。原创 2017-04-26 15:12:36 · 2322 阅读 · 1 评论 -
从零开始学习WEB前端之数据交互(Ajax)
数据交互 ajax原创 2017-04-14 17:32:23 · 24983 阅读 · 4 评论 -
从零开始,学习web前端之CSS3
CSS3原创 2017-04-10 17:24:58 · 3323 阅读 · 2 评论 -
从零开始,学习web前端之HTML5
HTML5原创 2017-03-31 11:36:52 · 6831 阅读 · 0 评论 -
从零开始,学习web前端之jQuery
jQuery基础原创 2017-03-28 09:54:57 · 1809 阅读 · 1 评论 -
从零开始,学习web前端之js特效
js特效原创 2017-03-21 12:06:27 · 3182 阅读 · 0 评论 -
从零开始,学习web前端之DOM和BOM
js之DOM和BOM原创 2017-03-12 10:09:34 · 1267 阅读 · 0 评论 -
从零开始,学习web前端之js基础
js基础原创 2017-03-08 11:25:35 · 3228 阅读 · 0 评论 -
从零开始,学习web前端之css基础
css原创 2017-03-01 17:49:38 · 4189 阅读 · 0 评论 -
从零开始,学习web前端之HTML基础
web前端之html基础原创 2017-02-28 11:52:35 · 15239 阅读 · 9 评论