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备 ...
随机推荐
- Linux下批量ping某个网段ip的脚本
比如现在需要对172.16.50.0/24网段的ip进行检查,检查哪些ip现在被占用,哪些ip没有被占用,可以通过ping命令来检查,脚本如下: [root@uatdns01 opt]# vim /o ...
- rrd文件及rrd文件与实际数据的对比研究。
一,什么是rrd文件? 所 谓的“Round Robin” 其实是一种存储数据的方式,使用固定大小的空间来存储数据,并有一个指针指向最新的数据的位置.我们可以把用于存储数据的数据库的空间看成一个圆,上 ...
- require.ensure的用法;异步加载-代码分割;
webpack异步加载的原理 webpack ensure相信大家都听过.有人称它为异步加载,也有人说做代码切割,那这 个家伙到底是用来干嘛的?其实说白了,它就是把js模块给独立导出一个.js文件的, ...
- python-深浅copy-18
# 赋值运算l1 = [1,2,3]l2 = l1l1.append('a')print(l1,l2) # [1, 2, 3, 'a'] [1, 2, 3, 'a'] #copyl1 = [1,2,3 ...
- Linux内核读书笔记第三周 调试
内核调试的难点在于它不能像用户态程序调试那样打断点,随时暂停查看各个变量的状态. 也不能像用户态程序那样崩溃后迅速的重启,恢复初始状态. 用户态程序和内核交互,用户态程序的各种状态,错误等可以由内核来 ...
- b总结
Beta 答辩总结 评审表 组名 格式 内容 ppt 演讲 答辩 总计 天机组 15 15 13 15 14 72 PMS 16 16 15 16 16 79 日不落战队 16 17 17 17 17 ...
- Alpha 答辩总结模板
Alpha 答辩总结模板 每个小组提供一篇总结博客(组内共享,每个人都发布),包含: 本组(组名)所有成员(短学号,名,标注组长)(1分) 组内各成员贡献比例,如不提供,取平均分后组长得分减50% G ...
- 编写一个shell脚本来编译并运行java代码
概述 编译和运行java分别要用到javac命令和java命令,虽然可以使用IDE(比如eclipse,InteliJ,NetBean...),按一下快捷键就可以实现编译并运行,但是,在之前还要配置一 ...
- HDU 2011 多项式求和
http://acm.hdu.edu.cn/showproblem.php?pid=2011 Problem Description 多项式的描述如下:1 - 1/2 + 1/3 - 1/4 + 1/ ...
- Tools （StExBar vs Cmder）which can switch to command line window on context menu in windows OS
https://tools.stefankueng.com/StExBar.html https://github.com/cmderdev/cmder