- 博客(14)
- 问答 (2)
- 收藏
- 关注
原创 前端手写js面试题汇总
数组的flat()方法 在不知道数组是多少维度的情况下做到扁平化,只要将 Infinity 的参数传入。节流 throttle。防抖debounce。
2024-08-01 23:47:17
140
原创 react/cli里jsx代码自动补全设置
很多刚接触react的小白使用react/cli敲jsx代码时会遇到无代码提示的问题,大大降低了工作效率。
2022-05-09 21:26:11
429
原创 对时间格式字符串进行排序
arr: [ {time: '2021/08/10 20:18'}, {time: '2021/08/10 05:18'}, {time: '2021/07/10 14:18'}, {time: '2021/08/13 14:05'}, {time: '2021/08/01 20:18'}, {time: '2021/09/10 20:18'}, {time: '2021/09/05 20:18'},]现在需要对这个数组按时间升序排列,即最近的时间显示在最后。// 实现如下:ar
2021-08-30 18:23:37
1063
原创 angular中iframe的使用
<iframe [src]="iframeUrl" class="Iframe" width="300px" height="500px" style="padding: 0" scrolling="no" frameborder="0"> <p>当前浏览器不支持iframe</p></iframe>通过[src]绑定路径,再在ts文件里将路径地址转化为安全路径:export cla
2021-08-02 15:43:15
1271
原创 改变state里对象数组的单个属性值
state结构如下:this.state = { formData: [ { id: 'height', placeholder: '请输入身高(cm)', value: '', title: '身高', type: 'number',
2021-07-05 11:08:19
868
原创 解决同一行文字与图片不对齐问题
开发写样式时经常遇到这种问题:即同一个div内图片与其后的文字并不对齐,这时候一般想到的是使用定位,但定位并不好,在屏幕大小变化很大的时候样式会异常这时候就可以直接在图片的属性里加vertical-align: middle;即可对齐,效果如下:使用flex布局也能达到这种效果且更好兼容不同设备浏览器:在图片和文字的父盒子里display: flex; align-items: center;即可。附上flex的align-items属性在线演示链接...
2021-06-11 14:37:23
2277
原创 Taro列表渲染及页面路由传参
首先在构造函数中写入数据constructor(props) { super(props) this.state = { arr: [{ name: 'zzq', age: 18 }, { name: 'asd', age: 12 }, { name: 'cxvbx', age: 22 }] } }页面渲染
2021-05-27 17:11:09
907
1
原创 改变最后一个元素的样式
需求在列表渲染出的每一行加上下划线 但最后一个没有<View className='menu-list'> {arr.map(item => <View className='item' key={item.id} onClick={this.gotoDetail.bind(this, item.id)}> {item.id}. {item.title} <View className='check'> .
2021-05-25 18:12:51
676
原创 Rxjs笔记
/** 一些过滤的操作符* take 是从数据流中选取最先发出的若干数据* takeLast 是从数据流中选取最后发出的若干数据* takeUntil 是从数据流中选取直到发生某种情况前发出的若干数据* first 是获得满足判断条件的第一个数据* last 是获得满足判断条件的最后一个数据* skip 是从数据流中忽略最先发出的若干数据* skipLast 是从数据流中忽略最后发出的若干数据*///冷Observable例子const source$ = interval(100)
2021-05-14 10:48:14
128
原创 Angular/cli中网络请求HTTPClient的使用
基本使用1.安装angular脚手架工具2.创建一个组件3.在app.component.html中写上这个组件使其显示出来4.在app.modules.ts里引入需要的模块5.在httpstudy.component.ts里引入6.在httpstudy.component.html页面拿数据7.搭建一个建议后台提供数据1.安装angular脚手架工具具体参照官方文档2.创建一个组件ng g c components/httpstudy //表示在src/app目录下新建components
2021-04-28 15:19:50
699
原创 For...in遍历和for...of的用法
for…in循环 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)遍历数组var a=[1,2,3];for(let i in a){ console.log(i);//0 1 2 console.log(a[i]);//1 2 3}遍历对象数组let arr = [ { name: '张三', age: 18, isFat: true }, { name: '李四', age: 78, isFat: false }, { name: '王五',
2021-04-16 14:30:38
423
原创 git提交代码日常操作
提交到gitlab先执行lint-fix规范代码,再 git checkout xxx 切换到自己的分支git add *,再git stash ,再切换到要合并的分支 git checkout xxxx(如:develop),在这个分支上git pull ,再在自己分支上 git stash pop,再 git merge develop 合并这两个分支,再git add * ,git commit -m “xxx”,再git push origin <本地分支名>:<
2021-04-16 10:49:48
145
原创 Angular中实现点击span切换当前的样式
Angular中实现点击span切换当前的样式要求实现要求点击当前span显示背景颜色,未点击的变成原来的样子。<div class="box"> <div class="chart-title" *ngFor="let trendChart of trendCharts"> <span id="name" (click)="(showChart)">{{ trendChart.name }}</span>
2021-04-15 17:51:24
448
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人