- 博客(30)
- 收藏
- 关注
RSS订阅原创 Dom的位置、滚动等
Dom的位置、滚动等clientWidth/clientHeight： width+ paddingclientLeft/clientTop：表示内容区域的左上角相对于整个元素左上角的位置（包括边框）。(取决于边框的像数值？)clientX/clientY：点击位置距离当前body可视区域的x，y坐标offsetWidth/offsetHeight：实际获取的是盒模型(width+border + padding)offsetLeft/offsetTop： 相对于最近的祖先定...
2021-02-23 14:40:27
120
原创 git日常超实用命令合集
删除文件删除文件（文件还没有提交到暂存区，删除之后本地没有该文件，git也不追踪该文件） git rm 文件名 删除文件（git不继续追踪该文件，但仍存在于工作目录中）git rm --cached 文件名 删除文件（已上传到暂存区域，强制删除）git rm -f修改文件名字 git mv 文件原名 文件要修改的名历史记录最近两个commit并且展示修改的内容 git log -p -2 展示修改了哪些文件 git log --name-status 展示包...
2020-09-02 11:00:43
144
2
原创 后端返回文件流，前端下载
https://zhuanlan.zhihu.com/p/32909043https://blog.csdn.net/WU5229485/article/details/85219165export function exportExel(options: any) { fetch('/api/order/exportExcel') .then(res => res.b...
2020-04-20 14:34:48
846
原创 antd 表格头反选
onSelect: (changableRowKeys: string[]) => { let newSelectedRowKeys: string[]=[]; changableRowKeys.forEach(item => { if(!selectedRowKeys.includes(item)) { ...
2019-10-31 18:47:11
657
原创 get和post的区别
GET和POST的区别 GET：着重在于获取数据POST：着重在于发送数据当然上面都是字面意义的不同重点在下面！！1、GET在浏览器回退时是无害的，而POST会再次提交请求。2、GET产生的URL地址可以被Bookmark，而POST不可以。3、GET请求会被浏览器主动cache，而POST不会，除非手动设置。（cache缓存）4、GET请求只能进行url编码，而POST...
2019-09-07 11:24:11
126
原创 单页web应用（spa）内部路由原理
（用户只需要加载一次页面就可以不再请求，当点击其他子页面时只有相应url改变而不会重新加载）可以将路由的实现分为两部分1.更新URL页面不刷新2.监听URL的变化，执行页面替换逻辑两种实现方法1.history.pushState，replaceState等触发popState事件https://blog.csdn.net/cvper/article/details/794...
2019-09-06 15:25:10
309
2
原创 Promise封装ajax
var url = '/路径'; var params = { id: '123', name: 'Paul' }; //封装一个get请求方法 function getJson(url) { return new Promise(function(resolve,reject){ var XH...
2019-09-03 11:05:29
119
原创 递归的方法进行数组、对象的深拷贝
//使用递归的方法进行数组、对象的深拷贝 function deepClone(obj) { //判断要进行拷贝的是数组还是对象，是数组的话进行数组拷贝，是对象的话进行对象拷贝 var objClone = Array.isArray(obj) ? [] : {}; //进行深拷贝的不能是空 if(obj && typeo...
2019-08-29 16:39:09
581
原创 获取url参数并生成对象
function getQueryObject(url) { url = url == null ? window.location.href : url; var search = url.substring(url.lastIndexOf("?") + 1); var obj = {}; var reg ...
2019-08-29 16:37:56
316
原创 react注意事项
redux中间件的原理是什么？（redux-thunk源码，redux-saga）redux dispatch action—》store—》reducer—》改变store中间件指的是action和store之间 如果调用action.dispatch直接把action传给store（action只能是对象）中间件是的action可以是函数 action在到达store之前会经过中间件...
2019-08-28 10:17:01
189
原创 原生Javascript实现轮播图
<!DOCTYPE html><html><head> <title>myturn</title> <style> *{ margin: 0; padding: 0; } a { text-decoration: none; } .container { width: 60...
2019-08-17 15:04:27
110
2
原创 TCP和UDP的区别
UDP的主要特点1.UDP是无连接的。2.UDP使用尽最大努力交付，不保证可靠交付。3.UDP是面向报文的。4.UDP没有拥塞控制，当网络出现拥塞是源主机也不会降低放松速率。（适用于实时应用如视频会话，直播等）5.UDP支持一对一、一对多、多对一、多对多的交互通信。6.首部开销小，只有8个字节。TCP的首部有20个字节。TCP的主要特点1.TCP是面向连接的。2...
2019-08-05 14:29:04
90
原创 React面试重要知识点
1.React 中 keys 的作用是什么？keys是React中用来追踪列表中哪些元素被修改，被添加，被删除的辅助标识。我们需要保证每个元素的key值在同级元素中是唯一的，在React Diff算法中会借助key值来判断该元素是原来就有的还是新增的，从而避免不必要的元素重渲染。此外，React 还需要借助 Key 值来判断元素与本地状态的关联关系。2.调用 setState 之后发生...
2019-07-24 16:22:21
370
转载 ETag、Expires、Cache-Control
ETag，全称为：Entity Tag，意思是实体标签，从名字上看，是对于某种实体的一个标识。它属于HTTP协议的一部分，也就是所有的Web服务器都应该（也确实能）支持这个特性。它的作用是用一个特殊的字符串来标识某个资源的“版本”，客户端（浏览器）来请求的时候，可以比较，如果ETag一致，则表示该资源并没有修改过，客户端（浏览器）可以使用自己缓存的版本。响应标头 优势 和特点 ...
2019-07-23 16:02:44
440
转载 前端XSS攻击与CSRF攻击
转载请注明出处：unclekeith:前端安全之XSS转载请注明出处：unclekeith: 前端安全之CSRF攻击
2019-07-23 14:44:23
118
原创 相邻的两个inline-block节点出现间隔的原因以及解决方法
产生间隔的原因：元素被当成行内元素排版的时候，原来HTML代码中的回车换行被转成一个空白符，在字体不为0的情况下，空白符占据一定宽度，所以inline-block的元素之间就出现了空隙。这些元素之间的间距会随着字体的大小而变化，当行内元素font-size:16px时，间距为8px。<style> .baba { display: ...
2019-07-23 14:13:27
3935
1
原创 css实现水平垂直的几种方法
方法一、CSS3的flex布局：justify-content: center;实现水平居中； align-items: center;实现垂直居中；<style> .baba { width: 300px; height: 300px; ...
2019-07-23 11:32:35
671
原创 解决background中图片太大只显示一部分
div { background-image: url('路径'); background-repeat:no-repeat; background-size:100% 100%; -moz-background-size:100% 100%;}
2019-07-20 10:25:00
8168
1
原创 前端跨域的那些事儿
同源策略：三同：协议同，域名同，端口号同下表给出了相对http://a.xyz.com/dir/page.html同源检测的示例:URL 结果 原因 http://a.xyz.com/dir2/other.html 成功 http://a.xyz.com/dir/inner/another.html 成功 https://a.xy...
2019-07-19 14:17:12
125
转载 React中使用Mockjs进行接口数据模拟
https://blog.csdn.net/Chad97/article/details/90175950
2019-07-17 11:00:08
1054
原创 json.stringify()与json.parse()的区别
JSON.stringify()的作用是将JavaScript 值转换为 JSON 字符串，JSON.parse()可以将JSON字符串转为一个对象。简单点说，它们的作用是相对的，JSON.stringify()将对象a变成了字符串c，用JSON.parse()将字符串c还原成对象a。let arr = [1,2,3];JSON.stringify(arr);//'[1,2...
2019-07-16 16:13:30
132
原创 redux-immutable统一数据格式
一、使用命令安装 npm install redux-immutable --save二、之前在header的reducer.js里把header变成immutable对象之后，在组件里获取focused属性就得这样获取：focused:state.header.get('focused')state是一个js对象，state.header是一个immutable对象，所以调用...
2019-07-10 17:58:43
268
原创 React项目中中使用redux进行数据管理
一、使用cnpm install redux --save和cnpm install react-redux --save命令下载二、在src目录下创建store文件夹，再在store文件夹中创建index.js文件和reducer.js文件三、在刚刚创建好的index.js文件中引入import { createStore } from 'redux';import redu...
2019-07-10 11:20:31
664
1
原创 MomentJS计算两个时间的差值diff方法
两个日期/时间的时差：moment(endTime).diff(moment(startTime), 'years')moment(endTime).diff(moment(startTime), 'months')moment(endTime).diff(moment(startTime), 'days') // 开始时间和结束时间的时间差，以“天”为单位；endTime和s...
2019-07-08 19:03:41
38084
2
转载 前端HTTP部分
一次完整的HTTP事物流程（1）域名解析（2）发起TCP三次握手（3）建立TCP连接后发起http请求（4）服务器响应http请求，浏览器得到HTML代码（5）浏览器解析HTML代码，并请求HTML代码中的资源（6）浏览器对页面进行渲染呈现给用户（7）连接结束解析IP的过程（1）首先在本地域名服务器（最近一台的DNS服务器）中查询IP地址（2）如果没有找到，...
2019-07-04 11:22:43
76
原创 webpack4.x项目的创建
1.运行npm init -y快速初始化项目2.在项目根目录下创建src源代码目录和dist产品目录3.在src目录下创建index.html4.使用cnpm安装webpack，运行cnpm i webpack webpack-cli -D（全局运行npm i cnpm -g）5.创建webpack.config.js文件，//向外暴露一个打包的配置对象，因为webpack是基...
2019-07-03 09:59:47
78
原创 排序
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>sort</title></head><body><script type="text/javascript">//冒泡排序...
2019-05-26 13:04:38
71
转载 webpack学习笔记：安装webpack、webpack-dev-server、内存加载js和html文件、loader处理非js文件
https://www.cnblogs.com/wendj/p/10072375.html
2019-04-12 09:26:52
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人