for master
冒泡排序
Bubble sort
function bubleSort(){
var array=[1,8,9,3,2,5,4];
console.log('冒泡排序前',array);
for(var i=1;i<array.length-1;i++){
for(var j=1;j<array.length-1;j++){
if(array[j]>array[j+1]){
//针对整型，效率高
// array[j]^=array[j+1];
// array[j+1]=array[j];
// array[j]=array[j+1];
var temp=array[j];
array[j]=array[j+1];
array[j+1]=temp;
}
}
}
console.log('冒泡排序后',array);
}
bubleSort();
去重
unique
function unique(array){
var temp=[];
for(var i=0;i<array.length;i++){
if(temp.indexOf(array[i])==-1){
temp.push(array[i]);
}
}
console.log('去重后的数组',temp);
}
var array=[1,2,1,2,1,2];
unique(array);
var array=[1,2,1,2,1,2];
array=Array.from(new Set(array));
console.log(array);
//斐波那契数列
function Fibonacci(n){
if(n<=1){return 1;}
return Fibonacci(n-1)+Fibonacci(n-2);
}
//水平竖直居中
<title>父元素给定宽高的居中</title>
<style>
.box-all{
display: flex;
width: 200px;
height: 200px;
justify-content:center;
align-items: center;
border:1px solid red;
}
.box{
width:50px;
height: 50px;
border:1px solid blue;
}
</style>
</head>
<body>
<div class="box-all">
<div class="box"></div>
</div>
</body>
//父元素未给定宽高的居中
<title>父元素未给定宽高的居中</title>
<style>
.box{
width: 200px;
height: 200px;
border: 1px solid red;
background-color: red;
top:50%;
left: 50%;
transform: translate(-50%,-50%);
position:absolute;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
position:absolute;//相对定位，相对于body或父标签定位
position:fixed;//固定定位，和absolute类似，相对于浏览器窗口定位
position:relative;//相对定位。定义网页布局标签按照left，right,bottom,top四种方式定位，但不发声重叠，即忽略z-index的影响。
position:static;//默认值，按照原来方式定位
float:none;//默认值，网页布局以流动方式显示，不浮动
float:left;//定义网页布局标签以左浮动的方式脱离流动布局，使其后面的的标签环绕在其右侧
float:right;//定义网页布局标签以右侧浮动的方式脱离流动布局，使其后面的标签环绕在其左侧
React：组件的生命周期
在组件的整个生命周期中，随着组件的props或者state发生改变，其DOM表现也会相应的变化，一个组件就是一个状态机
一个组件的生命周期分为三个部分，实例化，存在期和销毁期
1.实例化：组件在客户端被实例化，第一次被调用，1.getDefaultProps 2.getInitialState3.componentWillMount4.render5.componentDidMount[不会在服务端渲染过程中调用]
2.存在期：当组件已经渲染好用户可以与它进行交互 依次会被调用：1.componentWillReceiveProps，2. shouldComponentUpdate 3.componentWillUpdate4.render5. componentDidUpdate
3.销毁期：componentWillUnmount
相关详细内容链接：https://segmentfault.com/a/1190000004168886?utm_source=tag-newest
axios和fetch的区别
```js
axios({
method:"post",
url:"/user/1234",
data:{
firstName:'aa',
lastName:'bb'
}
})
.then(function(response){
console.log(response);
})
.catch(function(error){
console.log(error);
})
axios是对XMLHttpRequest的封装，从Node.js中发出http请求
支持promiseAPI，拦截请求和响应，转换请求和响应数据，取消请求
自动转换JSON数据，客户端防止CSRF/XSRF
fetch
try{
let response=await fetch(url);
let data=response.json();
console.log(data)
}catch(e){
console.log('oppos,error')
}
符合关注分离，没有将输入输出和事件用来跟踪的状态混杂在一个对象里
更加底层，提供的API丰富
脱离了XHR，是ES规范里新的实现方式
1）fetch只对网络请求报错，对400，500，都当作成功的请求，需要封装去处理
2）fetch默认不会带cookie，需要添加配置项
3）fetch不支持abort不支持超时控制，使用settimeout及promise.reject的实现的超时控制并不能阻止请求过程继续在后台运行，造成了浪费
4）fetch没有办法原生检测请求的进度，而XHR可以
React之context
官方所提到Context可以用来进行跨组件的数据通信。事实上，很多优秀的React组件都通过Context来完成自己的功能，比如react-redux的，
就是通过Context提供一个全局态的store，拖拽组件react-dnd，通过Context在组件中分发DOM的Drag和Drop事件，路由组件react-router通过Context
管理路由状态等等
未完，待续，不定时添加...for master的更多相关文章
- xamarin MasterDetailPage点击Master时卡顿现象
在很多项目中经常会使用到MasterDetailPage的布局方式,而且一般做为主页面来开发,在开发中,发现一个并不算Bug的问题,但是却发生了,以此记录下来,方便大家探讨. 现象是这样的,我开发了一 ...
- backup3：master 数据库的备份和还原
在SQL Server 中,master 数据库记录系统级别的元数据,例如,logon accounts, endpoints, linked servers, and system configur ...
- 当master down掉后，pt-heartbeat不断重试会导致内存缓慢增长
最近同事反映,在使用pt-heartbeat监控主从复制延迟的过程中,如果master down掉了,则pt-heartbeat则会连接失败,但会不断重试. 重试本无可厚非,毕竟从使用者的角度来说,希 ...
- Win10 UWP开发系列：实现Master/Detail布局
在开发XX新闻的过程中,UI部分使用了Master/Detail(大纲/细节)布局样式.Win10系统中的邮件App就是这种样式,左侧一个列表,右侧是详情页面.关于这种 样式的说明可参看MSDN文档: ...
- 记处理线上记录垃圾日志 The view 'Error' or its master was not found
最近监控线上日志,网站是ASP.NET MVC 开发的,发现不少错误日志都记录同样的内容: The view 'Error' or its master was not found or no vie ...
- SQL Server 中master..spt_values的应用
今天在做数据分析报表的时候遇到一个这样的问题. 表结构如下.部门编码.部门名称.部门人员ID(中间用逗号分割) 我想通过和人员表链接,查询出一个新的数据集,查询出的结果集格式如下:人员信息(ID或者姓 ...
- POJ 2251 Dungeon Master（3D迷宫 bfs）
传送门 Dungeon Master Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 28416 Accepted: 11 ...
- Greenplum记录（一）：主体结构、master、segments节点、interconnect、performance monitor
结构:Client--master host--interconnect--segment host 每个节点都是单独的PG数据库,要获得最佳的性能需要对每个节点进行独立优化. master上不包含任 ...
- 对日期 ，和 master.dbo.spt_values 表操作
if object_id('tempdb..#xs') is not null drop table #xs; ), date datetime, sale float) insert into #x ...
- MySQL延迟复制--percona-toolkit和MASTER TO MASTER_DELAY
为了数据的安全,有的时候数据库需要延迟备份,这里说下两种延迟备份的方法. 一.借助工具. 实现环境: 192.168.189.143 (mysql主库) 192.168.189.144 (mysql备 ...
随机推荐
- 容斥原理I
普利斯记号 以下以"人"代指受条件约束的元素. \(K(x)\)表示刚好\(x\)人满足条件的方案数. \(S(x)\)表示至少\(x\)人满足条件的方案数. \(C(x)\)表示 ...
- UVA - 116 Unidirectional TSP 多段图的最短路 dp
题意 略 分析 因为字典序最小,所以从后面的列递推,每次对上一列的三个方向的行排序就能确保,数字之和最小DP就完事了 代码 因为有个地方数组名next和里面本身的某个东西冲突了,所以编译错了,后来改成 ...
- 读《移山之道-VSTS软件开发指南》
首先,我选择<移山之道>有几个原因.第一,书的名字给我一种新鲜感,而不是像另外两本书那么平常:第二,作者邹欣是老师推荐的,看一看他的书或许能让我发现老师对他推崇备至的原因,而实际上,读完这 ...
- sql server选取第m行到第n行的元组
现在有一个表Questioin,主码是qid,要求选择第m行到第n行的元组 //方法一:效率最低 //错误:如果n<m,将选取前n条数据,如果n>=m,将选取从m+1开始的n条数据 sel ...
- linux第四次读书笔记
第四章:进程调度 一.多任务 1.非抢占式多任务 进程会一直执行直到自己主动停止运行(这一步骤称为让步) 2.抢占式多任务 Linux/Unix使用的是抢占式的方式:强制的挂起进程的动作就叫做抢占.进 ...
- 《Linux内核设计与实现》第十八章学习笔记
第十八章 调试 [学习时间:1小时 总结博客时间:1小时15分] [学习内容:出现bug的原因.内核调试器gdb.使用Git进行二分查找] 内核级开发的调试工作远比用户级开发艰难,它带来的风险比用户级 ...
- 解决AJAX session跨域失效
1.想实现的功能是登录时有个验证码,这个验证码后台提供,然后放在session中,前台把用户输入的验证码通过AJAX发给后台,后台把session中的验证码取出来然后比较不同,一样则通过. 问题出现在 ...
- 第三个Sprint ------第十天
上传到Github github 地址:https://github.com/be821/MyCat 百度云盘: 链接: http://pan.baidu.com/s/1hrxL6lu 密码: k9t ...
- HDOJ2009_求数列的和
简单的考察对浮点数使用的水题 HDOJ2009_求数列的和 #include<iostream> #include<stdio.h> #include<stdlib.h& ...
- PHP微信支付案例收录
微信支付API 文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1&index=1# TP 微信 + 支 ...