2018年05月_慕斯蓉城

转载 JS原型与原型链终极详解_proto_、prototype及constructor

一. 普通对象与函数对象 JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object ，Function 是JS自带的函数对象。下面举例说明 function f1(){}; var f2 = function(){}; var f3 = new Function('str','console.log(str)'); var o3 = new f1(); va...

2018-05-16 18:19:48 250

转载排序图解：js排序算法实现

1.插入排序最普通的排序算法，从数组下标1开始每增1项排序一次，越往后遍历次数越多；原理图：sort1.png代码：// 插入排序从下标1开始每增1项排序一次，越往后遍历次数越多function sort1(array) { var len = array.length, i, j, tmp, result; // 设置数组副本 result = array.s...

2018-05-10 16:24:30 312 1

转载 js面向对象之对象创建篇

创建对象的方式 1. Object构造函数或者对象字面量创建当对象 2. 构造函数创建对象 3. 工厂模式 4. 原型模式 5. 原型和构造函数组合模式 6. 动态原型模式 7. 寄生构造函数模式 8. 稳妥构造函数模式Object构造函数或者对象字面量创建当对象缺点使用一个接口创建很多对象，会产生大量重复代码工厂模式这种模式抽象了创建具体对象的过程.考虑到在ECMA中无法创建类，开发人员就发明了...

2018-05-17 10:30:09 445

转载 JavaScript关于作用域、作用域链和闭包的理解

作用域先来谈谈变量的作用域变量的作用域无非就是两种：全局变量和局部变量。全局作用域：最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是可以访问的：<script> var outerVar = "outer"; function fn(){ console.log(outerVar); } fn();/...

2018-05-16 16:10:31 153

转载 AJAX的简单了解

1. AJAX 简介AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。AJAX 应用程序与浏览...

2018-05-16 14:57:46 163

转载 JS的事件绑定、事件流模型

（一）JS事件分类1.鼠标事件：click/dbclick/mouseover/mouseout2.HTML事件： onload/onunload/onsubmit/onresize/onchange/onfoucs/onscroll3.键盘事件： keydown：键盘按下时触发 keypress：键盘按下并抬起的瞬间触发。 keyup：键盘抬起触发[注意事项]①执行顺序：keydown keyp...

2018-05-16 14:42:14 342

转载 CSS实现居中的几种方法

一、对于行内元素：text-align:center;二、对于确定宽度的块级元素：（1）margin和width实现水平居中常用(前提：已设置width值)：margin-left:auto; margin-right:auto;（2）绝对定位和margin-left: -(宽度值/2)实现水平居中固定宽度块级元素水平居中，通过使用绝对定位，以及设置元素margin-left为其宽度的一半.con...

2018-05-16 14:22:58 176

转载 2017年前端面试题整理汇总100题

1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素，相对于最近一级的定位不是 static 的父元素来进行定位。...

2018-05-10 16:17:55 220

转载 2018前端面试

javascript: JavaScript中如何检测一个变量是一个String类型？请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去除字符串空格？方法一：使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,""); ...

2018-05-10 16:09:56 207

转载前端面试题

HTMLDoctype作用？标准模式与兼容模式各有什么区别? （1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的...

2018-05-10 15:51:11 365

莫斯的博客