- 博客(14)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 前端手写js面试题汇总
数组的flat()方法 在不知道数组是多少维度的情况下做到扁平化，只要将 Infinity 的参数传入。节流 throttle。防抖debounce。
2024-08-01 23:47:17
258
原创 react/cli里jsx代码自动补全设置
很多刚接触react的小白使用react/cli敲jsx代码时会遇到无代码提示的问题，大大降低了工作效率。
2022-05-09 21:26:11
525
原创 对时间格式字符串进行排序
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
1273
原创 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
1568
原创 改变state里对象数组的单个属性值
state结构如下： this.state = { formData: [ { id: 'height', placeholder: '请输入身高(cm)', value: '', title: '身高', type: 'number',
2021-07-05 11:08:19
1035
原创 解决同一行文字与图片不对齐问题
开发写样式时经常遇到这种问题：即同一个div内图片与其后的文字并不对齐，这时候一般想到的是使用定位，但定位并不好，在屏幕大小变化很大的时候样式会异常 这时候就可以直接在图片的属性里加vertical-align: middle;即可对齐，效果如下： 使用flex布局也能达到这种效果且更好兼容不同设备浏览器： 在图片和文字的父盒子里display: flex; align-items: center;即可。 附上flex的align-items属性在线演示链接 ...
2021-06-11 14:37:23
2912
原创 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
1144
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
869
原创 Rxjs笔记
/* * 一些过滤的操作符 * take 是从数据流中选取最先发出的若干数据 * takeLast 是从数据流中选取最后发出的若干数据 * takeUntil 是从数据流中选取直到发生某种情况前发出的若干数据 * first 是获得满足判断条件的第一个数据 * last 是获得满足判断条件的最后一个数据 * skip 是从数据流中忽略最先发出的若干数据 * skipLast 是从数据流中忽略最后发出的若干数据 */ //冷Observable例子 const source$ = interval(100)
2021-05-14 10:48:14
244
原创 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
851
原创 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
533
原创 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
228
原创 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
562
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人