- 博客(458)
- 收藏
- 关注
RSS订阅原创 提交代码时报错Enter passphrase for key ‘/Users/.ssh/id_rsa‘: [email protected]: Permission denied (pub
上传代码报错。
2023-06-25 17:51:10
295
原创 防抖与节流
/addEventListner第二个参数为函数，所以这里要返回一个函数return function(){}//节流：一段时间内，只执行一次某个操作；过了一段时间后，还有操作的话，继续执行新的操作。
2022-11-13 18:17:58
205
1
原创 水平垂直居中子元素宽高未知情况下 ，子元素不显示的原因
* 设置position:absolute产生了BFC，并且除了overflow其他产生BFC的条件会使得元素从。内部变为文本类元素，不设置宽高的时候其宽高由内容决定，所以div子元素里面写数字才会显示出来 */设置position:absolute产生了BFC，并且除了overflow其他产生BFC的条件会使得元素从。内部变为文本类元素，不设置宽高的时候其宽高由内容决定，所以div子元素里面写数字才会显示出来。
2022-11-03 12:14:13
215
翻译 top:0,left:0,right:0,bottom:0和width:100%和height:100有什么区别
通过设置top，left四属性为0居中元素的做法有个前置条件，就是需要居中的盒子必须有固定的宽高(px)，否则会失效。而设置top:0，left:0，right:0，bottom:0本质目的，是让子盒子四边与父容器间距为0，而子盒子没有明确宽高，自然被拉伸到完全填满父容器了。position定位属性大家都不会陌生，添加position属性的元素可以定位，而top，left，right，当父容器宽高不确定时，遮罩的宽高也无法确定，除了设置width:100%，height:100%
2022-11-03 12:04:18
1291
翻译 浅谈flex:1
第二个flex-shrink收缩规则，是当子容器的宽度相加大于父容器时，这时会产生一个缺少的空间，（子元素默认超出父容器是不会换行的，因为flex-wrap默认值为auto），因此按照flex-shrink的值，子容器会等比进行收缩。先说第一个flex-grow拉伸因子，当子容器的宽度相加小于父容器，就会产生剩余空间，那么剩余空间将会按照比例分给子容器。1、当flex的值为非负数字是，只有一个时，它就代表flex-grow，有两个就依次代表flex-grow和flex-shrink。
2022-11-01 18:08:58
208
原创 解决body设置height:100%无效问题
原因：你让div的height=“100%”，执行网页时，css先执行到，而整个网页中的内容还没有完全载入，是获取不到div外面的等的高度的，所以height="100%"也就不能如愿显示了。加上 body{height:100%} 就轻松解决啦，一开始就让body以100%显示，他的下级div自然就100%的，对于部分浏览器还需html,body{height:100%}height:100%;总结： 最好添加上 html,body{height:100%}
2022-10-31 17:46:30
2285
原创 弹性盒子justify-content和align-items的对齐方式
当flex-direction默认为：横向从左到右排列（左对齐）时，使用justify-content和align-items。
2022-09-21 17:15:49
757
原创 面试——html5和css3
1、cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。2、存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据，如会话标识。4、作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；cookie也是在所有同源窗口中都是共享的。
2022-09-16 23:49:06
95
原创 面试题——数组
为正数，那么后面的数在前；( Array.reduce(function)，reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。map( Array.map(function)，原数组的每一项执行函数后，返回一个新的数组。some( Array.some(function)，对数组中的每一项进行判断，若都不符合则返回false，否则返回true。filter ( .Array.filter(function)，过滤数组中，符合条件的元素并返回一个新的数组。
2022-08-22 18:31:20
202
原创 面试题——git
提交代码 git add . git commit -m “***” git push 本地分支名 远程分支名git clone 仓库地址 git branch查看本地仓库分支和远程仓库防止git remote add [名字] [url]添加远程版本库流程：1.git branch查看本地分支 git branch -r 查看自己给远程分支的命名/远程分支2.git pull 本地master分支进行一个更新3.创建并切换本地分支 git checkout -b dev-xi(现在远程没有这个分支
2022-06-30 18:01:50
147
原创 静态内存分配和动态内存分配小结
静态内存是由系统自动分配内存，由系统自动释放。静态内存是在栈中分配的，假如main函数调用另一个函数，那么就把被调用函数压到一个栈里面。执行这个被调函数就是使系统为这个函数分配的所有内存空间逐个出栈。出栈全部结束就是被调用函数执行完毕。出栈的顺序是先进后出，也就是先进栈的后执行，因为先进栈被压在下面，所以执行的永远是栈顶的内容。程序执行完毕的意思就是“栈里面所有的内容全部都出栈了”。出栈就是“释放”。栈顶全部出栈后原来位于栈顶就会成为栈顶，然后继续执行该栈定内容，继续出栈。整个程序全部执行完毕的意思就是“系
2022-06-04 16:19:26
646
原创 面试题总结
1.css中display的属性有几种，分别是什么4种 block inline-block inline none2.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt
2022-05-24 23:18:21
112
原创 前端学习——js——引用值，typeof 类型转换
@TOC1.引用值1.1数组length:数组的长度1.2对象2.typeof判断出的数据类型null是空对象数组也返回object3.类型转换1.强制类型转换如果是加就是字符串连接，乘是强制类型转换显示类型转换3.1 Numberundefined转换是NaN，看起来不像数字的无法转换的结果都是NaN3.2 parseInt转换为整型3.3parseFloat转换为浮点型3.4String转换为字符串3.5 toString转换为字符串注意 null
2022-05-22 15:12:18
403
原创 前端——js——条件语句和循环语句
for循环里面如果是；；就相当于while循环for(;;)=while()do…while循环是不管满不满足条件都会执行一遍
2022-05-22 10:34:08
160
原创 图片显示有间隔怎么处理
放多张图片时，图片与图片之间会有间隔这是因为img是行级块元素，有文本元素的特性，标签中间有间隔，将标签间隔删除，img挨着写就没有间隔了
2022-05-13 19:03:36
359
原创 css——absolute定位层模型
当设置position:absolute绝对定位，脱离原来的层面，脱离了原来位置定位relative保留原来位置
2022-05-13 15:45:00
318
原创 css——flex布局
父盒子设置flex布局后,子元素将不区分行内元素和块元素,此时所有子元素均可以设置宽高; 自适应缩放使用拉伸时子元素不能有高度
2022-05-11 18:55:22
142
原创 css——布局技巧
1.因为每个盒子有border1px浏览器在渲染时先找到第一个li，把样式执行一遍，再找到第二个li，再执行一遍样式，以此内推只能用相对定位，因为相对定位会占用原来的位置如果li都有定位如果给父元素添加text-align属性，父盒子里的所有行内元素和行内块元素都会水平居中...
2022-05-11 00:51:57
66
原创 CSS——定位
absolute可以任意调换参照物更灵活，而relative需要占位置，所以经常两个结合使用注意：fixed定位是固定于浏览器可视区位置，而不是文档document位置
2022-05-10 18:47:30
82
原创 css——浮动
如果只给粉色盒子加了浮动，而蓝色盒子没有加浮动，粉色盒子不再保留位置是空的，所以蓝色盒子会占到粉色盒子上都加了浮动的盒子按照盒子上沿对齐，p是块级元素，加了浮动之后变为行内块元素的特点，宽度根据内容决定标准流会 独占一行 ，所以后面的盒子不会占到前面盒子的位置，如果前面的盒子是浮动流，而后面的是标准流，会占它的位置为什么需要清除浮动？有时候不知道子元素高度多少，父元素不方便给高度，如果不给父元素加高度，父元素会根据子元素的高度为高度，但是浮动元素不占位置，父元素是标准流看不到子元素..
2022-05-10 17:57:15
151
原创 lodash的使用
Lodash是一个著名的javascript原生库，不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是，很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。Lodash使用了一个简单的 _ 符号，就像Jquery的 $ 一样，十分简洁。类似的还有Underscore.js和Lazy.js比如返回一个组成聚合的对象。.groupBy(collection, [iteratee=.identity])...
2022-05-01 17:58:30
1981
原创 JSON-server请求数据
const ajax = () => { //取数据 axios.get("/posts/2").then(res=>{ console.log(res.data); }) // 增 axios.post("/posts",{ title:"333", author:"xiaoming" }) //修改 会替换原来的 axios.put("/posts/1",{ title:"修改11111" }); .
2022-05-01 17:33:04
222
原创 react项目 Line 16:6: React Hook useEffect has a missing dependency: ‘props.match.params.id‘. Either
出现这个是需要在useEffect里将变量填写进参数里
2022-04-22 20:24:12
454
转载 React 使用import报Import in body of module；
原因使用import导入的组件，必须放置在业务逻辑的最前面。做过原生的APP开发，引入的类名必须放在所有代码的最前面，和这种情况以下。const声明的变量是属于业务逻辑里面的变量，所以应放在const前面...
2022-04-08 13:41:31
173
原创 受控组件和非受控组件与default
受控组件：外部状态改变也能受到影响非受控 外部状态改变只有第一次受到影响在使用antd时，有个属性是defaultSelectedKeys，home路径中选中菜单高亮，刷新也会高亮这个选中项，但是当我们更改路径为/，路径重定向到home，这时不会高亮，是因为此时是非受控组件，匹配到的路径为/，所以我们将default去除，发现还有个属性SelectedKeys，换成这个就变成了受控组件，能实现这个功能了默认有default属性会让组件变为非受控组件 去掉这个default就是受控组件...
2022-04-08 09:32:35
567
原创 项目中json-server的使用
json-server用于模拟后端数据，只需要一个json文件，就可以实现增删改查，搜索npm进入官网，在里面搜索json-server全局安装json-server,已经帮我们实现跨域了请求数据：就可以拿到数据啦通过id号拿到具体数据请求数据时再路径后面加id增加数据点击按钮之后可以看到多了条数据import React from "react";import axios from "axios";import { Button } from "antd";export .
2022-04-07 00:13:15
871
原创 react中onClick点击事件
react中onClick点击事件里的函数必须是箭头函数，不能在onClick{}括号里直接调用函数，不然相当于onClick{调用完的值}，根本不会有效了，所以有这几种写法1.2.3.
2022-04-06 16:03:01
5418
原创 项目中的反向代理
比如我们要向猫眼请求数据，猫眼是需要跨域的，请求网址是：https://i.maoyan.com/api/mmdb/movie/v3/list/hot.json?ct=%E6%9D%AD%E5%B7%9E&ci=50&channelId=4我们怎样拿到数据呢？需要配置反向代理1.下载axios并发起请求2.需要下载一个中间件，进入这个网站src文件夹下创建文件setupProxy.js复制这段代码下载中间件 开发环境下使用加dev修改粘贴过来的代码将App.js中发起请求网
2022-04-06 12:18:57
619
原创 module.css
怎样让样式只对自己的文件生效，需要写module.css的形式，且module.css只对类 class选择器生效，对标签选择器无效。如果Child的样式不这样写，它的样式会被App.css样式影响App.jsApp.cssChild.jsChild.module.css...
2022-04-06 11:36:52
768
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人