自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 【Array】只用5行代码,实现一个pullAllBy(两个对象数组的差集)

求两个数组的差集,大家都会写,今天心血来潮,想用最少的代码段来实现,一共只有5行代码。/** * @param {Array} array The array to modify. * @param {Array} values The values to remove. * @param {String} key The compare key invoked per element */pullAllBy(array, values, key) { const removeKeys =

2020-08-20 21:20:51 361

原创 【vue】手动实现vue的v-model语法糖,以及控制在输入法完成之后才更新model

前沿通过观察发现,中文输入完成之后,绑定的属性才更新;面临的问题:中文输入过程中,每按下键盘就会触发input事件,而我们需要捕获中文真正输入完成后的事件,从而更新双向绑定的属性。所以,今天的主是CompositionEvent ,它表示用户间接输入文本(如使用输入法)时发生的事件。composition event说明compositionstart输入法编辑器开始新的输入合成时会触发compositionupdate字符被输入到一段文字的时候(这些可见字符的输入可能需

2020-07-22 22:41:23 689

原创 【MathJS】入门mathjs最佳实践,快速解决前端在数学计算时出现的精度问题

前沿前端的小伙伴,在项目开发中,当你在进行一些基础的数学运算时,不可避免的就会遇到让人头疼的精度问题;为什么会出现精度问题,这里就不做展开了,本篇重点介绍解决精度问题。实际案例console.log(0.1 + 0.2 === 0.3) // falseconst a = 0.1 + 0.2; // 0.3000004...

2020-07-20 22:59:53 3799

原创 【ES5—面向对象】深入理解对象属性

对象是什么面向对象(Object-Oriented,OO)的语言都有一个标志,那就是都有类的概念,通过类创建任意具有相同属性和方法的对象。ES5并没有类的概念,所以它的对象也与基于类的语言中的对象有所不同。ECMAScript 的对象是无序属性的集合,想象成散列表:无非就是一组键值对,其中值可以是数据或函数。每个对象都是基于一个引用类型创建的,可以是原生类型(Array,Object,Dat...

2020-04-22 12:15:31 323

原创 【Angular】深入总结angular核心,都是干货

为什么写这篇文章:使用angular开发也有快2年的时间,突然有一天有人问我,你能不能给我简单讲一下angular框架?虽然每天都在使用,却不知如何表述,故决定写这样一篇文章。一句话知识点:Angular本身就是用 TypeScript 写成的,核心功能和可选功能作为一组 TypeScript库,根据需要导入到应用中;Angular 的基本构建块是NgModule(特性模块),为...

2020-04-01 22:46:53 1446

原创 【ES6+】Promise对象超实用上手指南

目的:提供了全新的异步编程的一种解决方案。不再使用传统的层层嵌套的回调函数和事件的方式(地狱回调),将异步的操作以同步操作的方式表达出来。简单释义:Promise是一个对象,可以理解为一个容器,保存着某个未来才会结束的事件的结果。从而可以获取异步操作的消息。提供了统一的API。特点:对象的状态不受外界影响;pending状态 --进行中fulfilled状态 --已成功rej...

2020-03-31 23:07:18 371

原创 【JS】this对象详解及案例分析

执行环境的解释执行环境(execution context)是JS中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象(variable object),环境中定义的所有变量和函数都保存在这个对象中。虽然编写代码无法访问这个对象,但解析器在处理数据时会在后台使用它。(全局执行环境、执行环境的执行与销毁)全局执行环境是最...

2019-06-17 14:38:06 279

原创 【CSS】彻底搞懂flex页面布局,附最佳实践代码

dasd

2019-06-13 22:49:18 2179

原创 base64串格式的图片压缩,base64与二进制流type[]互转

历史背景:最近项目与硬件设备进行联调,硬件服务返回的指纹图片是一个base64串,前端页面要做图片展示,同时后端要保存,因为太大,有160kb左右,一般情况下,logo头像上传,不超过10kb的才有base64可以,这里前端需要对图片进行压缩,以为我们后端也没有longText类型接收,而是type[]格式接受参数。这里我们的文件格式是图片哈!private mine = 'data:ima...

2019-06-06 13:14:01 1922

原创 【angular】ReactiveForms响应式表单验证实践(包含设置默认值及重置功能)

创建表单数据模型export class FormControlValidatorModel { name: string; // 姓名 age: string; // 年龄 hobbyList: string[]; // 爱好 sex: string; // 性别 constructor(data: any = {}) { this.name = data.nam...

2019-05-28 14:00:01 1553 2

原创 【angular】 封装组件的整体思路和实现的全过程,完成一个radio表单组件

要实现的效果html基本样式控制,事件,参数写进去<div [ngStyle]="style" [ngClass]="'app-radio app-widget'" [class]="styleClass"> <div class="app-helper-hidden-accessible"> <input #rb type="radio...

2019-05-27 15:14:38 1071

原创 【angular】手写一个超简易实用的AppInputSwitch滑块组件

效果图开发思路小球就是一个伪类即可实现;左右滑动效果、背景渐变等,实际就是一个动画,css实现;父组件提供一个change事件,可以理解为在值发生改变时的回调函数;html<div class="app-inputswitch" (click)="inClick()" [ngClass]="{'app-inputswitch-checked': value}"&g...

2019-05-22 14:50:50 374

原创 【angular】primeng源码分析, 自定义表单元素checkbox组件,实现ngModel双向数据绑定及FormControl表单验证功能(超实用)

背景:最近项目准备使用angular7,想快速入手,最好的方式就是自己动手封装一些常用的组件,在此可以直接参考primeng,重构一些常用的组件。目的:封装一个checkbox组件废话不多说,跟着下面的步骤,完整的跑通一个组件的开发。checkbox.component.html<div [ngStyle]="style" [ngClass]="'app-chkbox a...

2019-05-22 11:20:01 1384

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除