- 博客(22)
- 收藏
- 关注
原创 JavaScript中的迭代器与循环
引言:本文涉及内容包括:forEach方法for-in方法for-of方法eval()方法map()方法今天来总结一下,JS中我们常见的循环方式与迭代器,深入了解他们之间的区别,及适合的使用场景。最早的数组遍历方式var a = ["a", "b", "c"];for(var index = 0;index < a.length;index++){ ...
2018-03-19 16:32:28
2141
转载 常用三级联动插件
我们在日常开发中,如果做表单,经常会遇到这样的需求: 根据你的首栏选项来动态加载第二栏的选项内容,再根据第二栏的选中项,动态加载第三栏内容,依次类推等等。这样的功能称之为三级联动,常用于城市选择,多门类产品选择,科室信息等。而对于许多没有接触过的人,都会觉得头大。 第一次碰到时,笔者也栽了坑,因此学习总结,记录为一篇博客。一、简单的纯js原理实现以下的三级联动是纯前端实现的...
2018-03-11 23:21:39
4905
1
原创 call,apply,bind改变this指向
推荐非常浅显易懂的一片文章,搭配代码实例,易于理解!this与call…首先我们先要明确一点:this 永远指向最后调用它的那个对象!!!然后我们在看看这三种方法的异同: 1. call()主动执行,第一个参数为this要指向的对象,函数执行需要的实参依次写在后面。 2. apply()主动执行,第一个参数为this要指向的对象,第二参数为一个数组(类数组),数组里包含所有实参...
2018-03-08 23:28:11
565
原创 JS表格插件(学习使用)
js代码// chart.js(function() { window.Table = function(obj) { //天生具备的东西,每次实例化都会执行一次,因此只保存最基本的初始化的东西。 this.nodeElement = obj.el || document.body; //实例对象自定义一个属性保存,表格插入的节点。 this.ap...
2018-03-07 23:53:49
1972
原创 严格模式
严格模式是ES5引入严格模式主要有以下限制:变量必须声明后再使用函数的参数不能有同名属性,否则报错不能使用with语句不能对只读属性赋值,否则报错不能使用前缀0表示八进制数,否则报错不能删除不可删除的属性,否则报错不能删除变量delete prop,会报错,只能删除属性delete global[prop]eval不会在它的外层作用域引入变量eval和arguments不...
2018-02-28 23:05:53
260
css盒模型
CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。box-sizing盒模型解析方式引子:通常...
2018-02-27 23:34:15
179
原创 js的面向对象(oop)
面向对象(OOP)一、什么是面向对象?1.概念面向对象是把构成问题事务分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙某个事物在整个解决问题的步骤中的行为。万事万物皆对象。面向对象的思想主要是以对象为主,将一个问题抽象出具体的对象,并且将抽象出来的对象和对象的属性和方法封装成一个类。在 OOP 中,每个对象能够接收消息,处理数据和发送消息给其他对象...
2018-02-27 23:30:06
1746
1
原创 ajax跨域
一、什么是跨域?一般来说,当一个请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域。最常见的就是在一个域名下的网页中,调用另一个域名中的资源。当浏览器报这样的错的时候,就是跨域请求出问题了! 从根源上讲,跨域是由浏览器安全的同源策略引起的!同源策略是由Netscape提出的著名安全策略,是浏览器最核心、基本的安全功能,它限制了一个源(origin)中加载...
2018-02-24 23:03:23
290
转载 http状态码大全
一、1xx 消息该类型的状态码代表请求已被接受,需要继续处理。100 Continue客户端应当继续发送请求,这个临时响应是用来通知客户端的部分请求已经被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分。 如果请求已经完成,忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101 Switching Protocols服务器已经理解客户端的请求,...
2018-02-13 23:24:04
1053
原创 css三栏布局
css三栏布局1.圣杯布局圣杯概述:父盒子包含三个子盒子(左,中,右) 核心思想: 1. 父盒子设置左右的 margin(或者padding) 来为左右盒子预留留位置; 2. 中间盒子的宽度设置为 width: 100%,实现中间宽度自适应; 3. 使用负边距(均是 margin-left)把左右两边的盒子都拉上去和中间盒子同一行; - .left {m...
2018-02-05 17:24:59
795
原创 css权重
css权重在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那么后定义的规则优先。 我们把CSS的特殊性分为4个等级,每个等级代表一类选择器。每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值。4个等级的定义如下: - 第一等:代表内联样式,如:
2018-02-05 17:20:50
260
转载 深入分析JavaScript中同步异步、阻塞与非阻塞
同步、异步、阻塞及非阻塞是开发中经常遇到的概念,有区别又有联系,极其容易混淆。在深入理解这些概念的时候,需要借助现实中的例子来辅助。概念解释同步在调用操作未完成前,调用者一直在等待这个结果,不得到结果不返回。异步在调用后,调用者直接返回,不主动获取和等待调用结果。而是被调用者通过通知或者回调函数来通知调用者。阻塞调用时,由于被调用者状态未就绪,导致调用线程被
2018-01-25 17:30:57
2252
原创 JavaScript正则应用(基础)
正则表达式概念 正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是跟具体语言(比如JavaScript)无关的。因为正则表达式是用来处理字符串问题的,基本上每门语言都有字符串类型,那么也都会支持正则表达式的。正则表达式是
2018-01-23 17:53:15
269
转载 CSS3选择器(全)
CSS选择器复习通用选择器:* 选择到所有的元素 选择子元素:> 选择到元素的直接后代(第一级子元素) 相邻兄弟选择器:+ 选择到紧随目标元素后的第一个元素 普通兄弟选择器:~ 选择到紧随其后的所有兄弟元素 伪元素选择器: ::first-line 匹配文本块的首行 ::first-letter 选择文本块的首字母 伪类选择器: :before, :after在元素内
2017-12-03 13:44:15
601
转载 css浮动float、相对定位绝对定位辨析
今天下班在地铁上看了一个样式教学视频,因为最近在学习前端。以前刚毕业的时候,感觉后台才是王道,但最近发现,前端也很重要,比如:自己接一些私单做的时候,自己要根据需求做好界面,才能更加符合客户需求,不然还得找人去做;不同的是,后台的就可以放心找人做,只要测试得没问题,效率还过得去就可以了,所以最近打算学好点前端,自己接一些单子来做。废话不多说,入正题: html是按照文件流(普通流)的方式加载的,但
2017-11-29 19:42:41
902
原创 前端学习之HTML
html手册资料w3school基础html手册 菜鸟教程html手册 MDN HTML教程html技术博客HTML常用标签(1) HTML常用标签(2) HTML 基础标签 HTML基础知识总结#
2017-11-29 19:41:22
548
转载 this(转)
原文链接:深入理解JavaScript原型和闭包在平时代码中遇到的this的取值,通常分五种情况。注意:在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分,每次调用函数,都会产生一个新的执行上下文环境。一、构造函数所谓构造函数就是用来new对象的函数。其实严格来说,所有的函数都可以new...
2017-10-25 19:58:19
332
原创 闭包
0 前置知识:基于js的函数作用域,局部变量的特性,函数外部是无法访问函数内部的变量的。 而有时我们恰恰有这样的需求,这就有了闭包的方法。1 闭包的概念:闭包是指可以访问另一函数内部变量的函数 通常构造闭包的方式是在函数中定义一个函数,用做访问函数内部变量的“钩子”,或者可以理解为开辟了外部访问函数内部变量的“绿色通道”。2 闭包的原理分析: function...
2017-10-24 11:08:52
273
原创 JS作用域详解
参考文章书籍: JavaScript高级程序设计-第四章 深入了解JavaScript,从作用域链开始(1) JS作用域面试题总结 索引:一、涉及概念、知识点1.执行环境2.作用域全局作用域局部作用域(函数作用域)3.作用域链▷作用域链的用途:▷作用域链搜索方法:▷作用域链访问不可逆。★JavaScript没有块级作用域二、作用域习题测试1....
2017-10-22 17:46:38
376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人