- 博客(81)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 js 继承
JS实现继承的几种方式原文链接点击打开链接前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 th...
2018-03-23 15:14:03
158
原创 前端书单——从入门到菜鸟
后台书单历史书单借鉴地址简书 博客园必备技能：H5, CSS,JS ,NodeJS, REACT, Angular, Vue, Weex, ES6 webpack 计划书单——未读JS方面：JavaScript高级程序设计 第3版（红宝书）.NicholasES6 ES6——阮一峰 Javascript设计模式 .AddyNo
2016-10-25 10:22:11
1155
转载 AMD小记
AMD规范，全称是Asynchronous Module Definition, 异步模块加载机制。AMD很短也很简单，但它却完整描述了模块的定义，依赖关系，引用关系以及加载机制。点击打开链接AMD是什么作为一个规范，只需定义其语法API，而不关心其实现。AMD规范简单到只有一个API，即define函数：define([module-name?], [array-of
2016-01-29 13:22:26
468
原创 backbone
项目里有自己开发的框架，为了深入理解，先学习一下前端的MVC模式及backbone和AngularMVC:与后台的MVC不同，后台众所周知就是Model对应数据库部分，view就是页面部分，controller 就是控制器拦截请求，分配到相应图层。至于前端的MVC 我现在刚刚了解，可能有了解的不准确的地方。许多前端框架的MVC,如backbone 分为 Models, Views, C
2016-01-13 11:11:55
400
转载 jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
1、(function($) {…})(jQuery);PS现在代码常见1）、原理：这实际上是匿名函数，如下：function(arg){…}这就定义了一个匿名函数，参数为arg而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：(function(arg){…})(param)这就相当于定义了一个参数为ar
2016-01-12 17:32:26
324
转载 Meta http-equiv属性详解(转)
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 引用meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞ ；其中http-equiv属性主要有以下几种
2015-10-27 22:02:07
321
转载 懒加载
懒加载技术(简称lazyload)并不是新技术, 它是javascript程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页，淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyl
2015-09-15 11:15:47
655
转载 jQuery DOM 操作
一.节点的操作1.查找节点：var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点如：var $ul_1=$("ul"); 2.创建并追加节点：var $var_1=$("");//这句话是创建一个节点$("htmltype2").append($var_1) ; //这句话是把节点插入所有htmltype2节点中例子：v
2015-09-11 14:23:37
386
转载 定位
点击打开链接点击打开链接点击打开链接 clientWidth、offsetWidth、scrollWidth、clientLeft、offsetLeft、scrollLeft的测试Dome h4{margin-bottom: 2px;} body{ margin:
2015-09-11 11:43:53
337
转载 HTML DOM之 window document body
[window对象] 它是一个顶层对象,而不是另一个对象的属性，即浏览器的窗口。 属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个对象) frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象) frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个对
2015-09-11 11:27:41
728
转载 jQuery中添加自定义或函数方法
方法一： jQuery.fn.setApDiv=function () { //apDiv浮动层显示位置居中控制 var wheight=$(window).height(); var wwidth=$(window).width(); var apHeight=wheight-$("#apDiv").height()
2015-09-11 11:21:14
350
原创 js 中的this
this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。1、纯粹函数调用。function test() { this.x = 1; alert(x);}test();其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。
2015-09-07 19:27:52
363
转载 JS继承
继承：继承本身就是一个抽象的话题，在JavaScript中继承更是一个复杂的话题，因为JavaScript想要实现继承有两种实现方式，分别是类式继承和原型式继承，每种实现的方式都需要采取不少措施，下面本人通过分析例子的方式讲解JavaScript中这个很重要的话题。/* -- 类式继承 -- */ //先声明一个超类 function Person(name){ this.
2015-08-31 10:12:58
262
转载 原型和原型链详解
原文点击打开点击打开链接私有变量和函数在函数内部定义的变量和函数，如果不对外提供接口，外部是无法访问到的，也就是该函数的私有的变量和函数。script type="text/javascript"> function Box(){ var color = "blue";//私有变量 var fn = function()
2015-08-31 10:06:11
481
转载 指针数组与数组指针
这两个名字不同当然所代表的意思也就不同。我刚开始看到这就吓到了，主要是中文太博大精深了，整这样的简称太专业了，把人都绕晕了。从英文解释或中文全称看就比较容易理解。指针数组：array of pointers，即用于存储指针的数组，也就是数组元素都是指针数组指针：a pointer to an array，即指向数组的指针还要注意的是他们用法的区别，下面举例说明。in
2015-08-30 16:38:18
257
转载 int在32位机器中所占的内存大小引发的问题
int在32位机器中所占的内存大小4字节1： char a: sizeof(a) = 1; 2： int a : sizeof(a) = 4; 3: short a: sizeof(a) = 2; 4: long a: sizeof(
2015-08-30 16:32:01
2226
转载 js继承的概念
js继承的概念js里常用的如下两种继承方式：原型链继承（对象间的继承）类式继承（构造函数间的继承）由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现在面向对象的语言中，我们使用类来创建一个自定义对象。然而js中所有事物都是对象，那么用什么办法来
2015-08-30 16:27:25
1008
转载 详解js跨域问题
什么是跨域？概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。URL 说明 是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下 允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js 同一
2015-08-25 16:10:56
217
转载 web前端开发工程师“想都不用想”的几个知识点
1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。document.documentElement 返回文档的根节点 document.body document.activeElement 返回当前文档中被击活的标签节点(ie) event.fromElement 返回鼠标移出的源节点(ie) event.toEleme
2015-08-25 10:33:59
491
转载 JS中关于clientWidth offsetWidth scrollWidth 等的含义
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scroll
2015-08-25 10:07:40
1913
原创 JS效率问题之 str+ ;array.join && arr[i]
请把以下用于连接字符串的JavaScript代码修改为更有效率的方式12345678var htmlString = "<div class=”container”>" + "<ul id=”news-list”>";for(var
2015-08-21 18:50:37
715
原创 盒模型
标准盒子模型介绍点击查看 原来我知道 标准模型的宽度是 内容width IE模型的宽度是border+内容width+padding IEwidth 其实它所说的width height 是指的是内容content的width 和height 导致我有点混淆 标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不
2015-08-18 21:19:13
280
原创 JS之reduce
以前没接触到reduce 忽然遇见了这么个题：martix = [[1,2],[3,4][5,6]]; var fl = martix.___(function(a,b)____); console.log(fl)//输出[1,2,3,4,5,6]看看reduce[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index,
2015-08-18 21:09:44
1125
原创 阿里笔试16前端布局
实现如下页面布局。核心区域左侧自适应，右侧固定宽度 200px *{margin:0; padding:0} #content {width:800px;margin: 10px auto} #header {border:solid 1px green;height:70px;p
2015-08-18 09:53:21
445
转载 DOCTYPE
DOCTYPE 书写方式不同有什么区别，（不同长串）；还有XML XHTML HTML有什么区别？XHTML 是更严谨更纯净的 HTML 版本XHTML 是 HTML 与 XML（扩展标记语言）的结合物。XHTML 包含了所有与 XML 语法结合的 HTML 4.01 元素。XML 是一种标记化语言，其中所有的东西都要被正确的标记，以产生形式良好的文档。XM
2015-07-12 08:50:09
597
转载 js定位DOM元素
获取元素的位置属性可以通过HTMLElement.offsetLeftHTMLElement.offsetTop但是，这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置，而是相对于其父元素位置的相对位置，也就是说这两个数值得到的是以其 父元素左上角为(0,0)点从而计算出的数值。所以我们要得到她的绝对位置，那么我们必须依次向上获取他的父元素的位置，然后获取它父元
2015-07-11 10:05:15
1246
转载 webstorm快捷键
查找/代替快捷键说明ctrl+shift+N通过文件名快速查找工程内的文件（必记）ctrl+shift+alt+N通过一个字符快速查找位置（必记）ctrl+F在文件内快速查找代码F3查找下一个shift+F3查找上一个ctrl+R文件内代码替换
2015-07-11 10:04:10
404
转载 标准模式与怪异模式
标准模式与怪异模式由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)
2015-07-11 09:54:31
632
原创 图片轮播
这几天写图片轮播，在网上搜到了几个博客，在这里记一下Cauma 的图片轮播 ，其他的各种JS实现也都可以看看橡树小屋JQUERY实现也可以看看jquery实现图片轮播
2015-06-08 10:09:50
587
转载 js数组去重三种方法
第一种是比较常规的方法思路：1.构建一个新的数组存放结果2.for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比3.若结果数组中没有该元素，则存到结果数组中复制代码代码如下:Array.prototype.unique1 = function(){ var res = [this[0]];//this指的对象本身如下文ar
2015-05-05 22:13:42
532
原创 JS判断数据类型
主要有三种 typeof 、instanceof、prototype.toString.call判断数据类型1、对于返回非object的可以用typeof 使用方法 typeof XXX 或者 typeof(XXX)可以的有 String Boolean Number Undefined 2、对于null function object Array最适用的是in
2015-05-05 16:33:32
313
原创 浮动布局——margin & 闭合浮动
实现一个浮动布局，红色容器中每一行的蓝色容器数量随着浏览器宽度的变化而变化 考察浮动 #content { background-color: red; position: relative; padding: 12px;/*red 的padding+blue的margin
2015-04-19 15:35:20
1013
转载 圣杯布局
css 布局 *{ margin:0; padding: 0; } #head{ text-align: center; background-color: #CCCCFF; } #footer{
2015-04-19 13:38:15
453
原创 两种不同的方法来实现一个两列布局
用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化 *{ margin:0; padding:0; } .div-a{ background-color: #ccf; f
2015-04-18 21:32:59
618
1
转载 CSS实现自适应圆角矩阵——滑动门
css圆角矩形对于很多人来说,都觉得很难.在table中要实现圆角矩形我想很多人都会,而在css中要定义圆角矩形也并不难,不过要一个宽度不固定的框，事情变得有些复杂了。宽度不固定，就意味着这个框在水平和垂直方向都有足够灵活的变化。在这个教程中,我们一起探讨一个css圆角矩形的技术. 为什么说这更难一些呢？因为它需要对四张图片的合适安置——每个圆角用一张。每个圆角都要独立出来，以便框能够在
2015-04-18 18:48:33
1468
原创 float浮动不清楚对块状元素的影响
*{margin:0; padding: 0} /* p{ margin: 0; float: left; }*/ ul { float:left; width:100%; padding:0;
2015-04-16 18:26:37
1485
原创 Github使用教程for windows 零基础使用说明
一、自建项目库无论是fork还是自己建，先下载一个客户端，for windows:一个是github 一个是git shell 在Github上 新建项目登录--“+”新建--publish repository--publish 项目名--在本地项目文件夹新建文件——Github中commit ——点击同步——本地文件修改——commit——sync(同步) ——view
2015-04-14 15:48:31
900
3
原创 块状元素居中（三）
不是很懂！水平居中总结-不定宽块状元素方法（三）方法三：通过给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，子元素设置 position:relative 和 left:-50% 来实现水平居中。代码如下： 1 2 3 css代码
2015-04-13 21:16:41
476
转载 块内元素水平居中
水平居中总结-不定宽块状元素方法（一）在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中，比如网页上的分页导航，因为分页的数量是不确定的，所以我们不能通过设置宽度来限制它的弹性。不定宽度的块状元素有三种方法居中（这三种方法目前使用的都比多）：加入 table 标签设置 display;inline 方法设置 position:relative 和 left:
2015-04-13 20:47:27
497
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人