- 博客(20)
- 收藏
- 关注
RSS订阅原创 关于团队代码规范化Husky+Lint-staged+ESLint+Prettier
如何实现前端团队代码规范化？手把手教程，看这一篇就够了！
2023-06-06 17:18:02
908
2
原创 Angular中的ControlValueAccessor用法 之 自定义组件关联formControlName
学习Angular中的ControlValueAccessor && 手把手教你自定义组件关联formControlName怎么写
2022-11-02 18:49:32
703
原创 vue中使用new Date()封装方法获取需要的某些时间格式xxxx-xx-xx
vue中，我们通过Vue.prototype封装方法供项目随时使用，具体见代码如下：传入时间转换为 xxxx-xx-xx 的时间格式 Vue.prototype.getCurrentDataStr = dateStr => { let date = new Date(dateStr); let y = date.getFullYear(); let m = date.getMonth() + 1; m = m < 10 ? '0' +
2021-01-28 10:20:37
7030
原创 moment()获取以天、周、月、季度、年为单位的具体时间
某些场景中，我们需要快速筛选以天、周、月、季度、年为条件的数据，并且需要传给后端要求的时间格式。对此，我们可以手写方法达到目的，除此之外还有一个快捷的方法，即moment。在前端许多组件库中，时间选择框大多数也是采用moment来获取时间，因此了解moment的一些基础方法也是非常必要的。模拟数据为，当前时间：2021.01.20（周三），本周一：2021.01.18，本周日：2021.01.24以“天”为单位的时间获取今天moment().startOf('days').format('Y
2021-01-27 18:06:40
5445
1
原创 angular中当ngModel遇上ngModelChange赋值延迟问题
开发过程中，我们有时候会遇到页面根据单选框的选择，而展示不同的界面的需求那么，这个时候我们就要用到 radio 标签了。<nz-radio-group (ngModelChange)="handleChange($event)" [(ngModel)]="type"> <label nz-radio nzValue="0">类型一</label> <label nz-radio nzValue="1">类型
2020-10-14 16:29:55
1898
4
原创 请确保 nzData 在其他数据相关的属性之前被初始化 Ant Design of Angular
在使用UI组件库Ant Design中遇到nzExpandAll不生效的问题，经过查阅文档，得知因此，当我们从后端请求过来数据后，我们需要保证 nzData 已经加载到页面中去，那么在angular中，我们可以接用 *ngIf <nz-tree *ngIf="filterNodes.length > 0" [nzData]="filterNodes" nzExpandAll ></nz-tree>至此，当dom元素呈
2020-09-25 14:54:36
993
1
原创 angular子组件接受参数时使用set、get
angular子组件中使用@Input来接受子组件，最常见的是“及获及用”，代码如下：父组件parent<app-child [name]="nameCon"></app-child>nameCon: 'Zita'子组件childimport { Input } from '@angular/core';@Input() name: string;但是，有的时候，我们希望对接收到参数进行一些处理后，再展示；或者只是想根据参数执行不同的方法；…而这些需求都是可
2020-08-24 14:08:41
4757
2
原创 angular之@ViewChild的使用
简单来说个人对@viewChild的理解就是：它是一个指代，可以通过这个指代，得到这个组件或者元素。并且我们可以使用得到的这个组件的值和方法。为了更直观的知道它是做什么，直接上代码通过@viewChild获取子组件，得到子组件的值、调用子组件的方法子组件childcontent:'Zita';changeChildCon() { this.content = 'Zita1111'}父组件parenthtml<app-child #ChildrenView></app
2020-08-24 11:30:15
4970
原创 实践Angular中Router路由跳转之navigateByUrl与navigate
开始进入实战前，我们先来看下官方文档中对navigateByUrl、navigate的介绍navigateByUrl() ：定义：基于所提供的 URL 进行导航，必须使用绝对路径参数：url（string | UrlReee ）、extras（一个包含一组属性的对象，它会修改导航策略）返回值：返回一个Promise。当导航成功时，它会解析成true；导航失败或者出错时，它会解析成falseps：对于navigateByUrl的用法和定义官方已经交代的很清楚了。但是，如果我们对其中的定义绝对路径和相
2020-08-21 18:37:18
14049
4
原创 Rxjs之interval、take制作倒计时效果
获取验证码按钮，一个耳熟能详的常见功能…之前一直是使用JS来实现的，那么最近接触了Rxjs,就跟着文档来实现一个简单的倒计时功能吧话不多说，直接上代码了…首先准备工作做好。引入所需的rxjs的方法、定义变量import { interval } from 'rxjs';import { take } from 'rxjs/operators';buttonText = '获取验证码';isDisabled = false; // 按钮是否灰显seconds = 60; // 倒计时开
2020-08-21 16:21:40
2021
原创 JavaScript中常用的四种数据类型检测方式
在日常开发中，经常使用typeof 判断某个变量或者表达式，属于哪种基本数据类型，instanceof 判断某种实例，属于哪种引用类型，Object.prototype.toString.call() 判断某个对象，属于某种内置类型，而近期接触到了constructor 知道了它也是一种常用的数据类型检测方式（原谅我知识面不宽广[手动飙泪]），出于好奇…So，总结一下它们四个在项目中的一些实战使用情况。开始前，我们首先回顾下存在于JavaScript中的9种数据类型基本数据类型：Number，
2020-08-11 18:30:19
174
原创 解决安卓机absolute布局的form弹框，在键盘弹出后内容被遮挡的问题
如图所示的一个中秋领月饼活动，其中弹框使用的absolute布局，其底部遮罩层区域使用fixed布局弹出框初始化展示的时候还是正常的，但是当我们开始填写信息后，IOS机型上边是正常的，但是在安卓机上整个弹出框会被向上顶起来以至于看不到收货人这个弹出框了，如下图所示：然后见了这些场景后，我分别打印了document.body.clientHeight // 375document.body.scrollHeight // 563那么，我想我找到原因了~~ios手机在键盘弹出后，页面高度不会
2020-08-10 15:22:18
693
原创 微信浏览器中audio标签的currentTime属性适配写法
在使用audio标签的时候，有时候我们的需求是使某首旋律从指定的时间开始播放，那么我们就用到了audio标签的currentTime属性，其中使用这个标签的h5页面在微信浏览器中都能够正常播放，但是被嵌套在app里后，只有安卓机能够正常赋值从而在指定的时间开始播放，Ios机不能够正常赋值So…看我如何解决，直接上代码~~~~首先判断机型isAndroid: function() { const u = navigator.userAgent; if (u.indexOf("Andr
2020-08-10 14:33:09
707
原创 解决App嵌套h5页面时audio标签不能自动播放问题
应公司需求，微信公众号中写了一个节日推广活动，需求就类似于一个微场景统计，某年某月某日与用户发生了点什么…emmmmmm。其中为了使氛围得到恰如其分的烘托，加入了音乐需求。并且为了节约app开发工程师的开发资源，他们需要嵌套我这个H5页面。那么问题来了~~这个页面在微信浏览器、安卓app中都能够自动播放音乐，但是在苹果app中就不能够自动播放。So…看我如何解决，直接上代码~~~~musicAutoplayIos () { wx.config({ // 微信配置信息
2020-08-10 14:26:47
1175
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人