- 博客(13)
- 收藏
- 关注
RSS订阅原创 【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
363
原创 【vue】手动实现vue的v-model语法糖，以及控制在输入法完成之后才更新model
前沿通过观察发现，中文输入完成之后，绑定的属性才更新；面临的问题：中文输入过程中，每按下键盘就会触发input事件，而我们需要捕获中文真正输入完成后的事件，从而更新双向绑定的属性。所以，今天的主是CompositionEvent ，它表示用户间接输入文本（如使用输入法）时发生的事件。composition event说明compositionstart输入法编辑器开始新的输入合成时会触发compositionupdate字符被输入到一段文字的时候（这些可见字符的输入可能需
2020-07-22 22:41:23
691
原创 【MathJS】入门mathjs最佳实践，快速解决前端在数学计算时出现的精度问题
前沿前端的小伙伴，在项目开发中，当你在进行一些基础的数学运算时，不可避免的就会遇到让人头疼的精度问题；为什么会出现精度问题，这里就不做展开了，本篇重点介绍解决精度问题。实际案例console.log(0.1 + 0.2 === 0.3) // falseconst a = 0.1 + 0.2; // 0.3000004...
2020-07-20 22:59:53
3865
原创 【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
1452
原创 【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
原创 base64串格式的图片压缩，base64与二进制流type[]互转
历史背景：最近项目与硬件设备进行联调，硬件服务返回的指纹图片是一个base64串，前端页面要做图片展示，同时后端要保存，因为太大，有160kb左右，一般情况下，logo头像上传，不超过10kb的才有base64可以，这里前端需要对图片进行压缩，以为我们后端也没有longText类型接收，而是type[]格式接受参数。这里我们的文件格式是图片哈！private mine = 'data:ima...
2019-06-06 13:14:01
1928
原创 【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
1554
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
1072
原创 【angular】手写一个超简易实用的AppInputSwitch滑块组件
效果图开发思路小球就是一个伪类即可实现；左右滑动效果、背景渐变等，实际就是一个动画，css实现；父组件提供一个change事件，可以理解为在值发生改变时的回调函数；html<div class="app-inputswitch" (click)="inClick()" [ngClass]="{'app-inputswitch-checked': value}"&g...
2019-05-22 14:50:50
375
原创 【angular】primeng源码分析， 自定义表单元素checkbox组件，实现ngModel双向数据绑定及FormControl表单验证功能（超实用）
背景：最近项目准备使用angular7，想快速入手，最好的方式就是自己动手封装一些常用的组件，在此可以直接参考primeng，重构一些常用的组件。目的：封装一个checkbox组件废话不多说，跟着下面的步骤，完整的跑通一个组件的开发。checkbox.component.html<div [ngStyle]="style" [ngClass]="'app-chkbox a...
2019-05-22 11:20:01
1385
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人