SummerNH_6-CSDN博客

原创二栏布局以及三栏布局

二栏布局1、利用 calc 计算宽度的方法。.left { float: left; height: 50px; width: 200px; background-color: red;}.right { height: 50px; width: calc(100%-200px); ...

2018-09-19 11:39:04 346

转载理解js继承的6种方式

想要继承，就必须要提供个父类（继承谁，提供继承的属性）一、原型链继承重点：让新实例的原型等于父类的实例。特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！）缺点：1、新实例无法向父类构造函数传参。　　　2、继承单一。　　　3、所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原...

2018-09-06 10:43:44 378

转载正则表达式中?=和?:和?!的理解

要理解?=和?!，首先需要理解前瞻，后顾，负前瞻，负后顾四个概念：前瞻：exp1(?=exp2) 查找exp2前面的exp1后顾：(?<=exp2)exp1 查找exp2后面的exp1负前瞻：exp1(?!exp2) 查找后面不是exp2的exp1负后顾：(?<!=exp2)exp1 查找前面不是exp2的exp1举例："中国人".replace(/(?&...

2018-09-05 15:45:29 1000

原创正则表达式

简介正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给字符串定义一个规则，凡是符合规则的字符串，我们就认为它“匹配”了，否则，该字符串就是不合法的。为什么使用正则表达式？典型的搜索和替换操作要求您提供与预期的搜索结果匹配的确切文本。虽然这种技术对于对静态文本执行简单搜索和替换任务可能已经足够了，但它缺乏灵活性，若采用这种方法搜索动态文本，即使不是不可能，...

2018-09-05 10:01:10 298

原创原型与原型链的详细理解

js中的对象分为两种：普通对象object和函数对象function。 function fn1(){}; var fn2 = function(){}; var fn3 = new Function(); var fn4 = Function(); var obj1 = new fn1(); var obj2 = {}; var ob...

2018-08-30 22:02:49 3434

原创 Promise对象解析及其用法

PromisePromise的含义Promise是异步编程的一种解决方案，比传统的解决方案----回调函数和事件----更合理且更强大。所谓的Promise，简单来说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个一步操作）的结果。从语法上来说，promise是一个对象，从他可以获取异步操作的消息。Promise提供统一的API，各种异步操作都可以用同种的方法进行处理。有了Pro...

2018-08-30 17:01:51 15208

原创 JS浮点数精度丢失问题

由于计算机的二进制实现和位数限制，有些数无法有限表示。就像一些无理数不能有限表示，如圆周率 3.1415926...，1.3333... 等。JS 遵循 IEEE 754 规范，采用双精度存储（double precision），占用 64 bit。(1位用来表示符号位，11位用来表示指数，52位表示尾数）由于无论是采用了哪种表达方式进行怎样的计算，到了计算机的最底层，都是通过1和0...

2018-08-23 17:42:53 10201

原创 JavaScript那些你还不知道的事

1. [2,2,3].reduce(Math.pow,1) //1var total = Math.pow(1,2) //1 reduce 的第二个参数，2 数组的第一个元素total = Math.pow(total ,2) //2 数组的第二个元素total = Math.pow(total ,3) //3 数组的第三个元素retur...

2018-08-23 15:53:41 380

原创 Javascript类型转换的规则

概念Javascript(弱类型或者动态类型的语言)的变量是松散类型的，它可以存储Javascript支持的任何数据类型，其变量的类型可以在运行时被动态改变。看完示例不难理解。var n = 10;n = "hello word!";n = {};不难看出变量n的类型具有动态性，实际编程中，我们建议不要频繁改变变量的类型，因为这对调试没有好处。正因为Javascript中变量...

2018-08-23 15:47:57 421

原创常见的定位机制

定位方案是控制元素的布局，常见的有三种：普通流（normal flow）其实就是元素按照再HTML中的先后位置自上而下布局，在这个过程中，行内元素水平排列，直到当行被沾满然后换行，块级元素则会被渲染为完整的一个新行，除非另外制定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在HTML文档中的位置决定。浮动（float）在浮动布局中，元素首先按照普通流的位置...

2018-08-20 22:03:22 976

原创 BFC布局

BFC概念Formatting Context：指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。(Block formatting context) “块级格式化上下文”。它属于普通流。具有BFC特性的元素可以看做是隔离了的独立容器，容器里面的元素不会再布局上影响到外面的元素，并且BFC具有普通容器所没有的一些特性。（可以理解为...

2018-08-20 21:40:35 340

原创 Vue、AngularJs和React的区别

一、数据流数据绑定Angular使用双向绑定（界面的操作能实时反映到数据，数据的变更能实时展现到界面）实现原理$scope变量中使用脏值检查来实现。像ember.js是基于setter，getter的观测机制，每次你绑定一些东西到你的UI上时你就会往$watch队列里插入一条$watch。当浏览器接收到可以被angular context处理的事件时，$digest循环就会触发。这...

2018-08-20 17:18:27 4358 1

原创 CSS垂直居中的实现方式

1.使用绝对定位和负外边距对块级元素进行垂直居中<div id="box"> <div id="child">测试DIV</div></div><style type="text/css">#box { width: 300px; height: 300px; bac

2018-08-19 20:15:38 201

原创 JavaScript事件的三个阶段

事件的处理过程主要有三个阶段：捕获阶段，目标阶段，冒泡阶段；捕获阶段：当我们在 DOM 树的某个节点发生了一些操作（例如单击、鼠标移动上去），就会有一个事件发射过去。这个事件从 Window 发出，不断经过下级节点直到触发的目标节点。在到达目标节点之前的过程，就是捕获阶段（Capture Phase）。事件由页面元素接收，逐级向下，到具体的元素。目标阶段：当事件不断的传递直到目标节点的...

2018-08-13 11:41:41 5551

简介我们都知道JavaScript这个语言在执行的时候是采用单线程进行执行的，也就是说在同一时间只能做同一件事，这也和这门语言有很大的关系，采用同步执行的方式进行运行，如果出现阻塞，那么后面的代码就不会执行，HTML5则提出了webWorker标准，表示JavaScript允许有多个线程，但是子线程完全受主线程的控制，切子线程不能操作DOM,只有主线程可以操作DOM,所以主线程为主的单线程执行...

2018-08-13 11:29:03 396

原创 Cookie、session和localStorage、以及sessionStorage之间的区别

cookie：存储在用户本地终端上的数据主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。会话cookie一般不存储在硬盘而是保存在内存里，当然这个行为并不是规范规定的。若设置了过期时间，浏览器就会把cook...

2018-08-09 17:42:16 847

原创 mvc、mvp和mvvm的联系和区别

MVC（Model-View-Controller）MVC模式最初生根于服务器端的Web开发，后来渐渐能够胜任客户端Web开发，能够满足其复杂性和丰富性。MVC是Model-View-Controller的缩写，他将应用程序分为三个部分：（实际上后端开发过程中是v-c-m-c-v，v和m并没有关系，下图仅代表经典的mvc模型）Model:模型（用于封装与应用程序的业务逻辑相关的数据...

2018-08-08 17:42:59 263

原创 CSS3新特

CSS3选择器选择器示例示例说明CSS.class.intro选择所有class="intro"的元素1#id#firstname选择所有id="firstname"的元素1**选择所有元素2elementp选择所有<p>元素1element,elementdiv,p选择所有<div>元素和<p>元素1element elementdiv p选择<div&...

2018-07-11 22:16:57 369

原创 HTML5的十大特性

HTML5(1)语义标签HTML5赋予网页更好的意义和结构。HTML5增加了新的内容标签，这些标签带有一定的语义，使搜索引擎爬取你的网站信息更高效。标签描述 <hader></header> 定义了文档的头部区域 <footer></footer> 定义了文档的尾部区域<nav></nav>定义文档的导航 <sect...

2018-07-11 21:41:29 6003

原创基本排序（选择排序、直接插入排序、冒泡排序、快速排序）

选择排序原理：对于n个数，进行n-1次排序，每次扫描，找出最大（最小）放到数列的指定位置。代码：void select_sort(int arr[]){ int max,index; //最大值及其下标 for (int i=0; i<arr.length-1; i++){ max = arr[i]; ...

2018-06-05 21:28:19 2495 1

原创 javaScript中的迭代方法

var numbers=[1,2,3,4,5,4,3,2,1]1.for循环for ( var i=0 ; i < 10 ; i++){ }2.for/in循环for( x in persons){ System.out.println(x.name);}3.every():对于数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返...

2018-05-11 16:08:26 226

转载 JavaScript所有保留字

abstract delete goto null throws as do if package transient boolean ...

2018-04-27 20:17:05 1228

原创 Java Scanner类的使用(以及nextLine方法吞回车的解决方法）

创建Scanner对象的基本语法Scanner input = new Scanner(System.in);Scanner 类的 next() 与 nextLine() 方法获取输入的字符串String str1 = input.next();String str2 = input.nextLine();next() 与 nextLine() 区别next(): ...

2018-04-09 20:51:13 15963 3

原创数据类型的转换

一、js数据类型的转换1.把非数值转换为数值：Number()、parseInt()、parseFloat()。eg：[ Number() ] var num1=Number("00011"); //11 var num4=Number(true); //1 [ parseInt() ] var num1=parseInt("1234a"...

2018-04-03 18:36:23 835

原创初学vue出现空格警告的原因及其解决办法

初学vue自己新建一个vue项目来做学习demo。不过在编写代码时一直出现空格不规范的警告。严重影响初学者的热情。错误如下图所示。（这样的错误很多，但大概翻译成中文的意思都是说空格使用不规范。）这是因为你使用 ESLint，用来规范代码风格的。你的 Webpack 配置中大概是使用了 eslint-loader。在多人协作或大项目中推荐使用，不想要就在 webpack.config.js 中去掉。...

2018-03-08 20:31:00 11148

原创 failed to push some refs to 'git@github.com:' gitHub push错误的解决办法

问题：本地库缺少READ.md文件。READ.md文件很重要的。如果没有就新建一个。

2018-03-08 11:35:30 330

原创 github 常用命令及其使用说明

$ git看看系统有没有安装GitThe program 'git' is currently not installed. You can install it by typing:sudo apt-get install git //则没有安装git安装完成后，还需要最后一步设置，在命令行输入：设置用户名$ git config --global user.name "Your Name...

2018-03-08 11:21:47 649

原创数据结构-16枚硬币问题

数据结构-16枚硬币问题本题主要考查对图的结构和图的广度优先遍历操作的掌握。实现效果：什么是图？定义：图（Graph）是由顶点的有穷非空集合和顶点之间边的集合组成，通常表示为：G(V,E)，其中，G表示一个图，V是图G中顶点的集合，E是图G中边的集合。图又分为有向图、无向图，有向图即边为有向边的图，无向图即边没有方向的图。图的两种遍历（深度优先遍历、广度优先遍历）深度优先遍历：(Dept

2017-12-11 15:22:18 1863 1

SummerJX的博客