冒泡排序

Bubble sort

  1. function bubleSort(){
  2.     var array=[1,8,9,3,2,5,4];
  3.     console.log('冒泡排序前',array);
  4.     for(var i=1;i<array.length-1;i++){
  5.         for(var j=1;j<array.length-1;j++){
  6.             if(array[j]>array[j+1]){
  7.                 //针对整型，效率高
  8.                 // array[j]^=array[j+1];
  9.                 // array[j+1]=array[j];
  10.                 // array[j]=array[j+1];
  11.                 var temp=array[j];
  12.                 array[j]=array[j+1];
  13.                 array[j+1]=temp;
  14.             }
  15.         }
  16.     }
  17.     console.log('冒泡排序后',array);
  18. }
  19. bubleSort();

去重

unique

  1. function unique(array){
  2.     var temp=[];
  3.     for(var i=0;i<array.length;i++){
  4.         if(temp.indexOf(array[i])==-1){
  5.             temp.push(array[i]);
  6.         }
  7.     }
  8.     console.log('去重后的数组',temp);
  9. }
  10. var array=[1,2,1,2,1,2];
  11. unique(array);
  1. var array=[1,2,1,2,1,2];
  2. array=Array.from(new Set(array));
  3. console.log(array);
  1. //斐波那契数列
  2. function Fibonacci(n){
  3.   if(n<=1){return 1;}
  4.   return Fibonacci(n-1)+Fibonacci(n-2);
  5. }
  1. //水平竖直居中
  2.  <title>父元素给定宽高的居中</title>
  3.     <style>
  4.     .box-all{
  5.         display: flex;
  6.         width: 200px;
  7.         height: 200px;
  8.         justify-content:center;
  9.         align-items: center;
  10.         border:1px solid red;
  11.     }
  12.     .box{
  13.         width:50px;
  14.         height: 50px;
  15.         border:1px solid blue;
  16.     }
  17.     </style>
  18. </head>
  19. <body>
  20.     <div class="box-all">
  21.         <div class="box"></div>
  22.     </div>
  23. </body>
  24. //父元素未给定宽高的居中
  25.  <title>父元素未给定宽高的居中</title>
  26.     <style>
  27.     .box{
  28.         width: 200px;
  29.         height: 200px;
  30.         border: 1px solid red;
  31.         background-color: red;
  32.         top:50%;
  33.         left: 50%;
  34.         transform: translate(-50%,-50%);
  35.         position:absolute;
  36.     }
  37.     </style>
  38. </head>
  39. <body>
  41.         <div class="box"></div>
  42. </body>
  44.     position:absolute;//相对定位，相对于body或父标签定位
  45.     position:fixed;//固定定位，和absolute类似，相对于浏览器窗口定位
  46.     position:relative;//相对定位。定义网页布局标签按照left，right,bottom,top四种方式定位，但不发声重叠，即忽略z-index的影响。
  47.     position:static;//默认值，按照原来方式定位
  48.     float:none;//默认值，网页布局以流动方式显示，不浮动
  49.     float:left;//定义网页布局标签以左浮动的方式脱离流动布局，使其后面的的标签环绕在其右侧
  50.     float:right;//定义网页布局标签以右侧浮动的方式脱离流动布局，使其后面的标签环绕在其左侧
  52.     React：组件的生命周期
  53.     在组件的整个生命周期中，随着组件的props或者state发生改变，其DOM表现也会相应的变化，一个组件就是一个状态机
  54.     一个组件的生命周期分为三个部分，实例化，存在期和销毁期
  55.     1.实例化：组件在客户端被实例化，第一次被调用，1.getDefaultProps 2.getInitialState3.componentWillMount4.render5.componentDidMount[不会在服务端渲染过程中调用]
  56.     2.存在期：当组件已经渲染好用户可以与它进行交互 依次会被调用：1.componentWillReceiveProps，2. shouldComponentUpdate 3.componentWillUpdate4.render5. componentDidUpdate
  57.     3.销毁期：componentWillUnmount
  58.     相关详细内容链接：https://segmentfault.com/a/1190000004168886?utm_source=tag-newest
  59.     axios和fetch的区别
  60.     ```js
  61.     axios({
  62.     method:"post",
  63.     url:"/user/1234",
  64.     data:{
  65.         firstName:'aa',
  66.         lastName:'bb'
  67.     }
  68. })
  69. .then(function(response){
  70.     console.log(response);
  71. })
  72. .catch(function(error){
  73.     console.log(error);
  74. })

axios是对XMLHttpRequest的封装，从Node.js中发出http请求

支持promiseAPI，拦截请求和响应，转换请求和响应数据，取消请求

自动转换JSON数据，客户端防止CSRF/XSRF

  1. fetch
  2. try{
  3.     let response=await fetch(url);
  4.     let data=response.json();
  5.     console.log(data)
  6. }catch(e){
  7.     console.log('oppos,error')
  8. }

符合关注分离，没有将输入输出和事件用来跟踪的状态混杂在一个对象里

更加底层，提供的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

管理路由状态等等

  1. 未完，待续，不定时添加...

for master的更多相关文章

  1. xamarin MasterDetailPage点击Master时卡顿现象

    在很多项目中经常会使用到MasterDetailPage的布局方式,而且一般做为主页面来开发,在开发中,发现一个并不算Bug的问题,但是却发生了,以此记录下来,方便大家探讨. 现象是这样的,我开发了一 ...

  2. backup3：master 数据库的备份和还原

    在SQL Server 中,master 数据库记录系统级别的元数据,例如,logon accounts, endpoints, linked servers, and system configur ...

  3. 当master down掉后，pt-heartbeat不断重试会导致内存缓慢增长

    最近同事反映,在使用pt-heartbeat监控主从复制延迟的过程中,如果master down掉了,则pt-heartbeat则会连接失败,但会不断重试. 重试本无可厚非,毕竟从使用者的角度来说,希 ...

  4. Win10 UWP开发系列：实现Master/Detail布局

    在开发XX新闻的过程中,UI部分使用了Master/Detail(大纲/细节)布局样式.Win10系统中的邮件App就是这种样式,左侧一个列表,右侧是详情页面.关于这种 样式的说明可参看MSDN文档: ...

  5. 记处理线上记录垃圾日志 The view 'Error' or its master was not found

    最近监控线上日志,网站是ASP.NET MVC 开发的,发现不少错误日志都记录同样的内容: The view 'Error' or its master was not found or no vie ...

  6. SQL Server 中master..spt_values的应用

    今天在做数据分析报表的时候遇到一个这样的问题. 表结构如下.部门编码.部门名称.部门人员ID(中间用逗号分割) 我想通过和人员表链接,查询出一个新的数据集,查询出的结果集格式如下:人员信息(ID或者姓 ...

  7. POJ 2251 Dungeon Master（3D迷宫 bfs）

    传送门 Dungeon Master Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 28416   Accepted: 11 ...

  8. Greenplum记录（一）：主体结构、master、segments节点、interconnect、performance monitor

    结构:Client--master host--interconnect--segment host 每个节点都是单独的PG数据库,要获得最佳的性能需要对每个节点进行独立优化. master上不包含任 ...

  9. 对日期 ，和 master.dbo.spt_values 表操作

    if object_id('tempdb..#xs') is not null drop table #xs; ), date datetime, sale float) insert into #x ...

  10. MySQL延迟复制--percona-toolkit和MASTER TO MASTER_DELAY

    为了数据的安全,有的时候数据库需要延迟备份,这里说下两种延迟备份的方法. 一.借助工具. 实现环境: 192.168.189.143 (mysql主库) 192.168.189.144 (mysql备 ...

随机推荐

  1. React.js 入门与实战之开发适配PC端及移动端新闻头条平台课程上线了

    原文发表于我的技术博客 我在慕课网的「React.js 入门与实战之开发适配PC端及移动端新闻头条平台」课程已经上线了,文章中是目前整个课程的大纲,以后此课程还会保持持续更新,此大纲文档也会保持更新, ...

  2. Mysql基于GTID复制模式-运维小结 (完整篇)

    先来看mysql5.6主从同步操作时遇到的一个报错:mysql> change master to master_host='192.168.10.59',master_user='repli' ...

  3. JackSon学习笔记(一)

    概述 Jackson框架是基于Java平台的一套数据处理工具,被称为“最好的Java Json解析器”. Jackson框架包含了3个核心库:streaming,databind,annotation ...

  4. 第三次作业 （一）----------------------Visual Studio 2015的安装及单元测试

    这是第三周的第一个作业,Visual Studio 2015的安装及单元测试. 我的电脑之前安装过Visual Studio 2015,但是在安装过程中我从来没有留意过各种注意事项,所集正好借此作业的 ...

  5. UML类图及类与类之间的关系

    原文地址:http://www.uml.org.cn/oobject/201211231.asp 类图用于描述系统中所包含的类以及它们之间的相互关系,帮助人们简化对系统的理解,它是系统分析和设计阶段的 ...

  6. spring 整合

    <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.sp ...

  7. Docker(十四)-Docker四种网络模式

    Docker 安装时会自动在 host 上创建三个网络,我们可用 docker network ls 命令查看: none模式,使用--net=none指定,该模式关闭了容器的网络功能. host模式 ...

  8. Windows 下面 winrar 压缩简单记录

    1. 最高压缩比率 原始文件大小: 2.06g(3000余个文件) 压缩后文件大小:475m 压缩耗时:  210s 压缩率:22% 2. 较高压缩比率 压缩后文件大小:700 m 压缩率:32% 3 ...

  9. Qt__QWidget::update()与Qwidget::repaint()的区别

    QT事件的产生 1.操作系统产生 操作系统将获取的事件,比如鼠标按键,键盘按键等keyPressEvent,keyReleaseEvent,mousePressEvent,mouseReleaseEv ...

  10. PSP（5.11——5.17）以及周记录

    1.PSP 5.11 14:30 20:00 130 200 Cordova A Y min 5.12 9:00 14:00 100 200 Cordova A Y min 5.13 13:30 15 ...