![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
项目经验学习
文章平均质量分 65
项目中遇到的bug或趣点
老Chen先生
这个作者很懒,什么都没留下…
展开
-
JS学习笔记——数据未加载时,内容高度不确定的展开收起按钮显隐问题
今天同事问了我一个问题,有一个“展开—收起”的按钮,如果数据部分高度超过某个临界值,就展示这个按钮;如果数据部分高度没有超过某个临界高度,就不展示。但是最开始页面加载时,数据还没有请求回来,无法得知具体高度。而在日常开发中,我们也经常会遇到有些区块内容可以展开收起的需求,例如以下这两种:固定高度式:对于内容固定,高度固定的情况,很好实现,可以一开始就显示展开/收起按钮,点击切换区块的高度即可。非固定高度式:而对于内容多少不固定,最终高度也不一定的情况,则稍显复杂,难点在于:内容未超出规原创 2022-01-07 22:16:14 · 425 阅读 · 0 评论 -
VSCode 插件篇—— Settings Sync 同步你的 VSCode 用户配置
1、安装拓展 Settings Sync在 VSCode 拓展中搜索 Settings Sync 并安装,安装完成后,重启 VSCode2、设置 Github Person Access Token这一步需要你有一个 github 的账号,因为我们需要把配置上传到 github gist 上保存。有了 github 账号后,直接进入这个页面:https://github.com/settings/tokens,点击 generate new token。写入 token 的描述并勾选 gist原创 2022-01-19 17:21:30 · 819 阅读 · 0 评论 -
计算机相关知识——前端Base64编码解码的基础使用
1、前言在我之前的博客中,介绍有关ASCII的相关知识计算机相关知识——字符编码中ASCII、Unicode和UTF-8的相关知识也略微提及了Base64的概念,但没有细说,这期来简单聊聊Base64。2、为什么使用Base64我们知道,Ascii码的128~255之间的值是不可见字符。在网络上交换数据时,比如从A地传到B地,往往要经过多个路由设备,由于不同的设备对字符的处理方式有一些不同,这样那些不可见字符就有可能被处理错误,这是不利于传输的。所以就先把数据转为Base64编码,统统变成可见原创 2021-09-15 20:31:18 · 1739 阅读 · 0 评论 -
js学习笔记——关于对象内某属性更新,对象是否重新更新问题
1、问题描述今天在做项目过程中,处理一个对象时,遇到一个问题:页面渲染时要依赖于某个对象的属性,这个属性是个数组。最开始该数组为空,useEffect中请求完ajax后,拿到接口返回的数据,对该对象中的属性重新set,但是发现render函数中的数据仍然是空数组,对象好像并没有因此变化。所以想亲自尝试一下。2、更新对象的属性import React , {useState,useEffect} from 'react';const Demo = () => { const [arr,原创 2021-08-28 21:28:48 · 1061 阅读 · 0 评论 -
项目经验学习——在React的return里面使用switch-case语句
打发打发发原创 2021-10-15 15:28:53 · 2307 阅读 · 1 评论 -
JS学习笔记——前端下载普通excel文件和二进制文件的区别
1、前提这几天项目开发,有个需求点是有两个按钮点击事件,点击时分别需要下载和导出excel文件,两个都是GET接口请求方式,不过区别是:一个是后端直接给接口地址,前端不用传参数给后端,后端直接返回一个excel文件(这种是文件上传到资源服务器上,后端只保存了文件地址,前端拿到后端返回的文件地址直接下载)一个是后端给了接口地址,同时前端需要给后端传一些参数字段,后端返回的不是一个excel文件,而是返回二进制流,需要前端自己转换(这种是文件就存在后端服务器上(通常是临时根据前端参数动态生成,用完就删除原创 2021-09-07 10:47:30 · 1522 阅读 · 3 评论 -
技能经验拓展——利用fetch模拟ajax请求mock数据
在实际开发过程中,后端的接口往往不能及时部署在开发环境,所以需要我们搞一些mock数据,并且模拟Ajax请求数据,我们可以用fetch的形式来模拟。第一步:在public文件夹下面创建一个json文件,在里面模拟写接口返回的data数据,如图所示或者第二步:在组件中要使用Ajax请求数据的地方,用fetch来模拟请求//fetch里面直接是public里面你要请求的json文件名fetch('/manlist.json').then(response=>response.json())原创 2021-06-07 11:24:33 · 375 阅读 · 0 评论