![](https://img-blog.csdnimg.cn/20210416094640362.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端日常学习以及问题记录
Fat_Shady_
这个作者很懒,什么都没留下…
展开
-
对时间格式字符串进行排序
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 · 1067 阅读 · 0 评论 -
解决同一行文字与图片不对齐问题
开发写样式时经常遇到这种问题:即同一个div内图片与其后的文字并不对齐,这时候一般想到的是使用定位,但定位并不好,在屏幕大小变化很大的时候样式会异常这时候就可以直接在图片的属性里加vertical-align: middle;即可对齐,效果如下:使用flex布局也能达到这种效果且更好兼容不同设备浏览器:在图片和文字的父盒子里display: flex; align-items: center;即可。附上flex的align-items属性在线演示链接...原创 2021-06-11 14:37:23 · 2290 阅读 · 0 评论 -
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 · 912 阅读 · 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 · 679 阅读 · 0 评论 -
Rxjs笔记
/** 一些过滤的操作符* take 是从数据流中选取最先发出的若干数据* takeLast 是从数据流中选取最后发出的若干数据* takeUntil 是从数据流中选取直到发生某种情况前发出的若干数据* first 是获得满足判断条件的第一个数据* last 是获得满足判断条件的最后一个数据* skip 是从数据流中忽略最先发出的若干数据* skipLast 是从数据流中忽略最后发出的若干数据*///冷Observable例子const source$ = interval(100)原创 2021-05-14 10:48:14 · 130 阅读 · 0 评论 -
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 · 716 阅读 · 0 评论 -
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 · 424 阅读 · 0 评论 -
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 · 147 阅读 · 0 评论 -
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 · 451 阅读 · 0 评论