Fat_Shady_的博客

前端手写js面试题汇总

Fat_Shady_ — Thu, 01 Aug 2024 23:47:17 +0800

数组的flat()方法在不知道数组是多少维度的情况下做到扁平化，只要将 Infinity 的参数传入。节流 throttle。防抖debounce。

【JS 递归转树形结构数组】

Fat_Shady_ — Mon, 29 Jul 2024 14:36:53 +0800

【代码】【JS 递归转树形结构数组】

react/cli里jsx代码自动补全设置

Fat_Shady_ — Mon, 09 May 2022 21:26:11 +0800

很多刚接触react的小白使用react/cli敲jsx代码时会遇到无代码提示的问题，大大降低了工作效率。

对时间格式字符串进行排序

Fat_Shady_ — Mon, 30 Aug 2021 18:23:37 +0800

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

angular中iframe的使用

Fat_Shady_ — Mon, 02 Aug 2021 15:43:15 +0800

当前浏览器不支持iframe

通过[src]绑定路径，再在ts文件里将路径地址转化为安全路径： export cla

改变state里对象数组的单个属性值

Fat_Shady_ — Mon, 05 Jul 2021 11:08:19 +0800

state结构如下： this.state = { formData: [ { id: 'height', placeholder: '请输入身高(cm)', value: '', title: '身高', type: 'number',

解决同一行文字与图片不对齐问题

Fat_Shady_ — Fri, 11 Jun 2021 14:37:23 +0800

开发写样式时经常遇到这种问题：即同一个div内图片与其后的文字并不对齐，这时候一般想到的是使用定位，但定位并不好，在屏幕大小变化很大的时候样式会异常这时候就可以直接在图片的属性里加vertical-align: middle;即可对齐，效果如下：使用flex布局也能达到这种效果且更好兼容不同设备浏览器：在图片和文字的父盒子里display: flex; align-items: center;即可。附上flex的align-items属性在线演示链接 ...

Taro列表渲染及页面路由传参

Fat_Shady_ — Thu, 27 May 2021 17:11:09 +0800

首先在构造函数中写入数据 constructor(props) { super(props) this.state = { arr: [{ name: 'zzq', age: 18 }, { name: 'asd', age: 12 }, { name: 'cxvbx', age: 22 }] } } 页面渲染

改变最后一个元素的样式

Fat_Shady_ — Tue, 25 May 2021 18:12:51 +0800

需求在列表渲染出的每一行加上下划线但最后一个没有 {arr.map(item => {item.id}. {item.title} .

Rxjs笔记

Fat_Shady_ — Fri, 14 May 2021 10:48:14 +0800

/* * 一些过滤的操作符 * take 是从数据流中选取最先发出的若干数据 * takeLast 是从数据流中选取最后发出的若干数据 * takeUntil 是从数据流中选取直到发生某种情况前发出的若干数据 * first 是获得满足判断条件的第一个数据 * last 是获得满足判断条件的最后一个数据 * skip 是从数据流中忽略最先发出的若干数据 * skipLast 是从数据流中忽略最后发出的若干数据 */ //冷Observable例子 const source$ = interval(100)

Angular/cli中网络请求HTTPClient的使用

Fat_Shady_ — Wed, 28 Apr 2021 15:19:50 +0800

基本使用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

For...in遍历和for...of的用法

Fat_Shady_ — Fri, 16 Apr 2021 14:30:38 +0800

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: '王五',

git提交代码日常操作

Fat_Shady_ — Fri, 16 Apr 2021 10:49:48 +0800

提交到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 <本地分支名>:<

Angular中实现点击span切换当前的样式

Fat_Shady_ — Thu, 15 Apr 2021 17:51:24 +0800

Angular中实现点击span切换当前的样式要求实现要求点击当前span显示背景颜色，未点击的变成原来的样子。