F_san-CSDN博客

原创调用登录接口返回“参数错误”

问题React写后台管理时调用登录接口返回了“参数错误”。解决有返回数据证明接口已经调用成功，所以不用再检查。又看了遍自己的表单代码，对比了一下接口文档发现是传进去的参数名字和接口文档不一致用户名应该是:userName 但是这里我设置成了 username ，修改过后返回成功 <Form.Item label="用户名" //此处↓ name="userName" rules={[

2021-01-21 10:35:10 3383

单页面应用程序（SPA）我们通常所说的单页面应用程序通常通过前端框架（angular、react、vue）进行开发，单页面应用程序将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容，从而实现UI与用户的交互。由于避免了页面的重新加载，SPA 可以提供较为流畅的用户体验。一、优点1. 良好的交互体验单页应

2021-01-21 08:33:06 412

原创 error: failed to push some refs to ‘github.com:xxxxx.git‘

error: failed to push some refs to ‘github.com:xxxxx.git’问题使用git时，若在远程创建了一仓库，本地也创建了一个仓库。即本地仓库和远程仓库是两个独立仓库时，使用git push -u origin master 后会报如下错误：error: failed to push some refs to ‘github.com:F-san/manager-app.git’hint: Updates were rejected because the

2021-01-20 09:45:12 217

原创 VUE实现点击后按价格或名称排序

VUE实现点击后按价格或名称排序<template> <div class="hot"> <div class="hot-top"> <button :class="current == 'suiji' ? 'active' : ''" @click="doSuiji"> 随机 </button> <button :class="current == 'price' ? 'ac

2021-01-14 16:10:44 2102

原创 CSS常见的浏览器及其内核

CSS常见的浏览器及其内核参考：浏览器及其内核详情通用浏览器：浏览器内核兼容前缀IETrident-ms-EdgeChromiumGoogle ChromeBlink（Webkit分支）-webkie-Firefox 火狐Gecko-moz-Safari 苹果Webkit-webkie-国内浏览器：360、UC、QQ、2345等都为blink。360极速模式：谷歌内核；兼容：IE内核什么？Opera？真不熟:>

2021-01-14 15:49:59 291

原创由定时器引发的关于JS执行机制的详细了解

由定时器引发的关于JS执行机制的详细了解问题：若有多个计时器则与设置时间执行不同，为什么？初见这个问题，自然想到JS的执行机制以及同步与异步,深入了解之后，收获颇丰。下面简单总结一下。1.JS是单线程非阻塞语言。所谓线程，指的是进程中一个单一顺序的控制流，一个进程中可以并发多个线程，每条线程并行执行不同的任务。而进程是线程的容器。程序是指令、数据及其组织形式的描述，进程则是是程序的实体。阻塞和非阻塞则关注的是程序在等待调用结果（消息，返回值）时的状态.阻塞调用: 指调用结果返回之前，当前线程会被

2021-01-12 10:59:37 199

原创自学前端推荐的一篇指南——《JavaScript风格指南》

自学前端推荐的一篇指南——《JavaScript风格指南》前言：学前端马上已有小半年的时间。私以为前端的基础知识已经基本掌握，各种各样的东西也都大概接触过。但是自己敲代码时说不上放飞自我，但也基本随心所欲（当然注释什么的还是有好好加上，不然回头连自己都看不懂自己的代码www）。其实越学越觉得应该规范一下自己的代码并且养成一个好的习惯，但奈何这种东西是没人教的。于是，在一个夜黑风高的夜晚，我在github上挖到了这个仓库—JavaScript Style Guide。试着读了一下，真的收获满满。现在距我读完

2020-12-31 15:58:13 154

原创【前端面试】前端面试题反馈——（一）

移动端开发如何禁止双指缩放？头部添加<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no">px ，em， rem ，vw区别。px 具体的像素em相对于父元素rem相对于html根元素vw/vh 视口单位相对于屏幕可见区域？== 和 ===（数据类型）== 相等===全等，数据类型也相等。双等号会造成类型转换，推荐使.

2020-12-22 16:59:20 484

原创 VSCode保存后代码自动格式化

VSCode保存后代码自动格式化1.在VSCode中安装一个代码格式化插件。本人推荐的两款代码格式化插件：Prettier - Code formatter ，Beautify。2.设置默认格式化工具在任意一个代码界面右键，点击【格式化文档的方式】，选择一个方式。3.设置保存时格式化文件在设置中搜索【format on save】，找到后打勾。4.完成完成上述步骤，编辑代码后按crtl+s保存即可自动格式化。...

2020-12-15 16:25:35 1963

原创 CSS线性渐变（linear-gradient）浏览器兼容时角度的问题

练习CSS写美团移动端页面时，header部分为渐变色。background: linear-gradient(90deg, #ffd265, #ffbf2e);但是加入浏览器前缀后，并没有按照理想的角度渐变。 background: linear-gradient(90deg, #ffd265, #ffbf2e); background: -o-linear-gradient(90deg, #ffd265, #ffbf2e); background: -ms-linear.

2020-08-21 12:07:30 1036

原创【CSS小随笔】img将父元素撑大3px问题

1、原因img是内联块元素（inline-block)，在结束的时候，会在末尾加上一个空白符（匿名文本），这个文本外有一个匿名行级盒子，它默认的vertical-align是baseline的，因为baseline对齐的原因，这个匿名盒子就会下沉，往下撑开一些距离，把父元素撑高。.wrap{ background-color: red;}<div class="wrap"> <img src="../images/pic1.png" alt=""&

2020-08-15 09:28:19 1059

原创【CSS小随笔】高度塌陷及解决方法

1、产生原因父元素未设置高度，子元素浮动，脱离文档流，父元素高度变为0，影响下方标准流。.wrapper{ width: 300px; border: 2px solid #000;}.box{ width: 100px; height: 100px; background-color: teal; float: left;}<div class="wrapper"> <div class="box"></div>&lt

2020-08-13 17:35:03 164

F_san的博客