2018年08月_墨染枫林

原创 JavaScript中的apply()和call()的区别

JavaScript中的Function对象都有一个apply()方法和一个call()方法，它们的语法分别为： /*apply()方法*/ function.apply(this, [argArray]) /*call()方法*/function.call(this, [arg1], [arg2],...[argN]);它们各自的定义：apply：调用一个对象的一个方法，用另...

2018-08-31 09:20:11 317

原创简单理解面向切面编程（AOP）

简单理解面向切面编程（AOP）　　AOP为Aspect Oriented Programming的缩写，意为：面向切面编程，通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。　　AOP与OOP是面向不同领域的两种设计思想。　　OOP（面向对象编程）针对业务处理过程的实体及其属性和行为进行抽象封装，以获得更加清晰高效的逻辑单元划分。　　AOP则是针对业务处理过程中...

2018-08-30 16:24:31 215 1

原创 WebStorm常用快捷键

WebStorm常用快捷键： alt+F2 可以选择打开的浏览器上下键移动选择 Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/*…*/ ） ctrl+shift+A 快速查找并使用编辑器所有功能（必记） ctrl+alt+s ...

2018-08-30 11:55:50 201

原创构造函数，原型对象，实例对象，原型链之间的关系

1.构造函数，原型对象，实例对象三者之间的关系每创建一个函数，该函数都会自动带有一个prototype属性。该属性是一个指针，指向一个对象，该对象称之为原型对象(后期我们可以使用这个原型对象帮助我们在js中实现继承)。原型对象上默认有一个属性constructor,该属性也是一个指针，指向其相关联的构造函数。通过调用构造函数产生的实例对象，都拥有一个内部属性，指向了原型对象。其实例对象...

2018-08-29 14:52:51 4206

原创原生JS forEach()和map()，jQuery$.each()和$.map()

一、原生JS forEach()和map()共同点：1.都是循环遍历数组中的每一项。2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。3.匿名函数中的this都是指Window。4.只能遍历数组。1.forEach()没有返回值。var ary = [12,23,24,...

2018-08-29 08:53:49 946 1

原创 DOM对象、js对象、jQuery对象的区别

DOM对象和js对象以及jQuery对象的区别一、DOM对象文档对象模型简称DOM，是W3C组织推荐的处理可扩展置标语言的标准编程接口。DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。通过DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的...

2018-08-27 17:35:01 227

原创 jQuery中的"attr()"方法设置样式却没有效果

使用jQuery的同学可能会遇到这个问题，在页面上写的attr()方法却没有作用。先看一段jQuery官网的解释：.attr() versus .prop()jQuery 1.6 introduced the .prop() method for setting or getting properties on nodes and deprecated the use of .attr()...

2018-08-25 14:45:10 4313

原创 VS2017升级后生成解决方案报（ESlint）EXpected错

VS2017升级后生成解决方案报（ESlint）EXpected错；数量还特别大，解决办法：工具>选项>文本编辑器>JavaScript/TypeScript>Linting>常规>把启用ESLint前面的勾去掉即可解决...

2018-08-23 14:21:16 1869

原创 js和jQuery的入口函数

2018-08-23 13:51:59 2082

原创 ES6的新特性

ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0，ES6，正式名称是ECMAScript2015，但是ES6这个名称更加简洁。ES6已经不再是JavaScript最新的标准，但是它已经广泛用于编程实践中。　　ECMAScript和JavaScript到...

2018-08-23 08:49:00 172

原创 JavaScript中定时器使用

1 ，setTimeout()setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。var timerId = setTimeout(func|code, delay)上面代码中，setTimeout函数接受两个参数，第一个参数func|code是将要推迟执行的函数名或者一段代码，第二个参数delay是推...

2018-08-21 14:52:33 237

原创 ECMAScript和JavaScript的详解

一，ECMAScript和JavaScript的联系1、ECMAScript是JavaScript的规格，JavaScript是ECMAScript的一种实现，在日常场合，这两个词是可以互换的。JavaScript的创造者Netscape公司，将JavaScript提交给国际标准化组织ECMA，希望这种语言能够成为国际标准，后来ECMA发布标准文件的第一版（ECMA-262），规定了浏览...

2018-08-20 16:23:13 575

原创溢出的文字隐藏

word-break自动换行word-break：normal | break-all | keep-allnormal 使用浏览器默认的换行规则。break-all 允许在单词内换行。keep-all 只能在半角空格或连字符处换行。主要处理英文单词white-space 强制在一行内显示white-space：normal | nowrapwhite-spa...

2018-08-20 11:50:06 748

原创 CSS3 新增选择器

结构(位置)伪类选择器 :first-child :选取属于其父元素的首个子元素的指定选择器 :last-child :选取属于其父元素的最后一个子元素的指定选择器 :nth-child(n) ：匹配属于其父元素的第 N 个子元素，不论元素的类型 :nth-last-child(n) ：选择器匹配属于其元素的第 N 个子元素的每个元素，不论元素的类型，从最后一...

2018-08-18 12:00:49 822

原创 CSS 三大特性

我们学习CSS 必须掌握的三个特性分别是层叠，继承，优先级。CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。一般情况下，如果出现样...

2018-08-17 14:34:54 229

原创 CSS复合选择器

复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，交集选择器是并且的意思。即...又...的意思比如： p.one 选择的是：类名为 .one 的段落标签。用的相对来说比较少，不太建议使...

2018-08-17 14:21:15 10811 2

原创 CSS样式的引入方式及使用位置

CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。CSS可以写到那个位置？是不是一定写到html文件里面呢？不一定，通常有三种方式，内部样式表，行内式，外部样式表。内部样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：<head>...

2018-08-17 14:05:59 8265 3

原创 JS中的六大数据类型

js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null）,和一种复杂数据类型（Object）。typeof 操作符由于js中的变量是松散类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字.typeof 123　　 //Numbertypeof 'abc'　　//Stringt...

2018-08-17 11:11:52 187

先来一段官方的解释：Resizable-array implementation of the List interface. Implements all optional list operations, and permits all elements, including null. In addition to implementing the List interface, thi...

2018-08-12 11:33:42 128

原创 CSS的几种定位详解

CSS中的定位使用来布局的熟练应用对页面美化有很好的帮助，下面就进行详细介绍：定位分为静态定位，相对定位，绝对定位，固定定位这四种，定位有不同的参数，例如：left、right、top、bottom、z-index等。1、静态定位（static）一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层属于标准流。2、绝对定位（absolute）绝对定位的元素从文档流中拖出，使用...

2018-08-10 10:50:50 54861 4

原创 CSS Sprites精灵图的使用

CSS Sprite是什么？CSS Sprite直译为“CSS精灵”，也被称为通常被解释为“CSS图像拼合”或“CSS贴图定位”，是一种网页图片应用处理方式。其实就是把多张小图片整合到一张图片中去，再利用CSS的“background-image”，“background-repeat”，“background-position”进行背景定位，background-position可以用数字能...

2018-08-08 11:19:58 4487

原创 sublime 快捷键

选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行，继续操作则继续选择下一行，效果和Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。Ctrl+S...

2018-08-08 10:03:53 199

原创 VS2017安装插件SVN

材料VS安装程序。 VisualSVN安装程序。前期准备在代码管理的服务器上安装SVN server。在本机安装TortoiseSVN（也就是SVN的客户端，可在文件库中查看代码以及文档）。 Visual Studio安装SVN插件安装VisualSV...

2018-08-07 17:53:02 9847 2

原创 MySQL的优化建议

1、为查询缓存优化查询像 NOW() 和 RAND() 或是其它的诸如此类的SQL函数都不会开启查询缓存，谨慎使用 2、EXPLAIN 我们的SELECT查询(可以查看执行的行数)可以让我们找到潜在的性能问题 3、当只要一行数据时使用LIMIT 1MySQL数据库引擎会在查找到一条数据后停止搜索，而不是继续往后查询下一条符合条件的数据记录。 4、为...

2018-08-06 17:59:55 134

原创线程的阻塞、同异步、并行

1. 阻塞，非阻塞首先，阻塞这个词来自操作系统的线程/进程的状态模型中，如下图：一个线程/进程经历的5个状态，创建，就绪，运行，阻塞，终止。各个状态的转换条件如上图，其中有个阻塞状态，就是说当线程中调用某个函数，需要IO请求，或者暂时得不到竞争资源的，操作系统会把该线程阻塞起来，避免浪费CPU资源，等到得到了资源，再变成就绪状态，等待CPU调度运行。阻塞调用是指调用结果...

2018-08-06 13:44:06 254

原创进程和线程的理解

一、进程是cpu资源分配的最小单位，线程是cpu调度的最小单位。以前进程既是资源分配也是调度的最小单位，后来为了更合理的使用cpu(实际上是cpu性能越来越好)，才将资源分配和调度分开，就有了线程。线程是建立在进程的基础上的一次程序运行单位。进程是应用程序的执行实例。比如说，当你双击的Microsoft Word的图标，你就开始运行的Word的进程。线程是执行进程中的路径。另外，一个过程可...

2018-08-06 11:20:25 504

原创 CSS外边距合并和CSS清除浮动

外边距合并外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并（叠加）是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。当一个元素出现在另一个...

2018-08-06 10:14:10 1704

原创 Java类加载器与双亲委派模式的详解

类加载器--加载类的开放性类加载器（ClassLoader）是Java语言的一项创新，也是Java流行的一个重要原因。在类加载的第一阶段“加载”过程中，需要通过一个类的全限定名来获取定义此类的二进制字节流，完成这个动作的代码块就是类加载器。这一动作是放在Java虚拟机外部去实现的，以便让应用程序自己决定如何获取所需的类。虚拟机规范并没有指明二进制字节流要从一个Class文件获取，或者说根本...

2018-08-03 10:04:20 10098 9

原创 JS实现继承的几种方式

前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep ...

2018-08-02 17:49:57 466

原创 maven与 IDEA 结合

使用 IDEA 时，有的会自带的 Maven，有部分工具会需要你自己去集成，下面就整个集成过程分享一下。 1. 基础配置IDEA 中配置 Maven 的位置如图：指定 Maven home directory 为 E:\Java\apache-maven-3.3.9，即 Maven 所安装的位置。指定 User settings file 为 E:\Java\a...

2018-08-01 13:48:15 387

小马过河