自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 2064

原创 alicoco项目总结

技术栈总结:Dcloud+vue+jquery#

2018-03-12 23:43:30 427

转载 常用三级联动插件

我们在日常开发中,如果做表单,经常会遇到这样的需求: 根据你的首栏选项来动态加载第二栏的选项内容,再根据第二栏的选中项,动态加载第三栏内容,依次类推等等。这样的功能称之为三级联动,常用于城市选择,多门类产品选择,科室信息等。而对于许多没有接触过的人,都会觉得头大。 第一次碰到时,笔者也栽了坑,因此学习总结,记录为一篇博客。一、简单的纯js原理实现以下的三级联动是纯前端实现的...

2018-03-11 23:21:39 4802 1

原创 call,apply,bind改变this指向

推荐非常浅显易懂的一片文章,搭配代码实例,易于理解!this与call…首先我们先要明确一点:this 永远指向最后调用它的那个对象!!!然后我们在看看这三种方法的异同: 1. call()主动执行,第一个参数为this要指向的对象,函数执行需要的实参依次写在后面。 2. apply()主动执行,第一个参数为this要指向的对象,第二参数为一个数组(类数组),数组里包含所有实参...

2018-03-08 23:28:11 484

转载 this指向详解

this指向

2018-03-08 00:06:00 172

性能优化之——节流和防抖

debounce(防抖)和throttle(节流) 纯代码,防抖和节流 【前端性能】高性能滚动 scroll 及页面渲染优化

2018-03-07 23:55:15 450

原创 JS表格插件(学习使用)

js代码// chart.js(function() { window.Table = function(obj) { //天生具备的东西,每次实例化都会执行一次,因此只保存最基本的初始化的东西。 this.nodeElement = obj.el || document.body; //实例对象自定义一个属性保存,表格插入的节点。 this.ap...

2018-03-07 23:53:49 1877

原创 严格模式

严格模式是ES5引入严格模式主要有以下限制:变量必须声明后再使用函数的参数不能有同名属性,否则报错不能使用with语句不能对只读属性赋值,否则报错不能使用前缀0表示八进制数,否则报错不能删除不可删除的属性,否则报错不能删除变量delete prop,会报错,只能删除属性delete global[prop]eval不会在它的外层作用域引入变量eval和arguments不...

2018-02-28 23:05:53 227

css盒模型

CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。box-sizing盒模型解析方式引子:通常...

2018-02-27 23:34:15 127

原创 js的面向对象(oop)

面向对象(OOP)一、什么是面向对象?1.概念面向对象是把构成问题事务分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙某个事物在整个解决问题的步骤中的行为。万事万物皆对象。面向对象的思想主要是以对象为主,将一个问题抽象出具体的对象,并且将抽象出来的对象和对象的属性和方法封装成一个类。在 OOP 中,每个对象能够接收消息,处理数据和发送消息给其他对象...

2018-02-27 23:30:06 1580 1

原创 ajax跨域

一、什么是跨域?一般来说,当一个请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域。最常见的就是在一个域名下的网页中,调用另一个域名中的资源。当浏览器报这样的错的时候,就是跨域请求出问题了! 从根源上讲,跨域是由浏览器安全的同源策略引起的!同源策略是由Netscape提出的著名安全策略,是浏览器最核心、基本的安全功能,它限制了一个源(origin)中加载...

2018-02-24 23:03:23 248

转载 http状态码大全

一、1xx 消息该类型的状态码代表请求已被接受,需要继续处理。100 Continue客户端应当继续发送请求,这个临时响应是用来通知客户端的部分请求已经被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分。 如果请求已经完成,忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101 Switching Protocols服务器已经理解客户端的请求,...

2018-02-13 23:24:04 945

原创 css三栏布局

css三栏布局1.圣杯布局圣杯概述:父盒子包含三个子盒子(左,中,右) 核心思想: 1. 父盒子设置左右的 margin(或者padding) 来为左右盒子预留留位置; 2. 中间盒子的宽度设置为 width: 100%,实现中间宽度自适应; 3. 使用负边距(均是 margin-left)把左右两边的盒子都拉上去和中间盒子同一行; - .left {m...

2018-02-05 17:24:59 684

原创 css权重

css权重在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那么后定义的规则优先。 我们把CSS的特殊性分为4个等级,每个等级代表一类选择器。每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值。4个等级的定义如下: - 第一等:代表内联样式,如:

2018-02-05 17:20:50 226

转载 深入分析JavaScript中同步异步、阻塞与非阻塞

同步、异步、阻塞及非阻塞是开发中经常遇到的概念,有区别又有联系,极其容易混淆。在深入理解这些概念的时候,需要借助现实中的例子来辅助。概念解释同步在调用操作未完成前,调用者一直在等待这个结果,不得到结果不返回。异步在调用后,调用者直接返回,不主动获取和等待调用结果。而是被调用者通过通知或者回调函数来通知调用者。阻塞调用时,由于被调用者状态未就绪,导致调用线程被

2018-01-25 17:30:57 2105 1

原创 JavaScript正则应用(基础)

正则表达式概念 正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是跟具体语言(比如JavaScript)无关的。因为正则表达式是用来处理字符串问题的,基本上每门语言都有字符串类型,那么也都会支持正则表达式的。正则表达式是

2018-01-23 17:53:15 217

转载 CSS3选择器(全)

CSS选择器复习通用选择器:* 选择到所有的元素 选择子元素:> 选择到元素的直接后代(第一级子元素) 相邻兄弟选择器:+ 选择到紧随目标元素后的第一个元素 普通兄弟选择器:~ 选择到紧随其后的所有兄弟元素 伪元素选择器: ::first-line 匹配文本块的首行 ::first-letter 选择文本块的首字母 伪类选择器: :before, :after在元素内

2017-12-03 13:44:15 563

转载 css浮动float、相对定位绝对定位辨析

今天下班在地铁上看了一个样式教学视频,因为最近在学习前端。以前刚毕业的时候,感觉后台才是王道,但最近发现,前端也很重要,比如:自己接一些私单做的时候,自己要根据需求做好界面,才能更加符合客户需求,不然还得找人去做;不同的是,后台的就可以放心找人做,只要测试得没问题,效率还过得去就可以了,所以最近打算学好点前端,自己接一些单子来做。废话不多说,入正题:  html是按照文件流(普通流)的方式加载的,但

2017-11-29 19:42:41 863

原创 前端学习之HTML

html手册资料w3school基础html手册 菜鸟教程html手册 MDN HTML教程html技术博客HTML常用标签(1) HTML常用标签(2) HTML 基础标签 HTML基础知识总结#

2017-11-29 19:41:22 495

转载 this(转)

原文链接:深入理解JavaScript原型和闭包在平时代码中遇到的this的取值,通常分五种情况。注意:在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分,每次调用函数,都会产生一个新的执行上下文环境。一、构造函数所谓构造函数就是用来new对象的函数。其实严格来说,所有的函数都可以new...

2017-10-25 19:58:19 280

原创 闭包

0 前置知识:基于js的函数作用域,局部变量的特性,函数外部是无法访问函数内部的变量的。 而有时我们恰恰有这样的需求,这就有了闭包的方法。1 闭包的概念:闭包是指可以访问另一函数内部变量的函数 通常构造闭包的方式是在函数中定义一个函数,用做访问函数内部变量的“钩子”,或者可以理解为开辟了外部访问函数内部变量的“绿色通道”。2 闭包的原理分析:  function...

2017-10-24 11:08:52 231

原创 JS作用域详解

参考文章书籍: JavaScript高级程序设计-第四章 深入了解JavaScript,从作用域链开始(1) JS作用域面试题总结 索引:一、涉及概念、知识点1.执行环境2.作用域全局作用域局部作用域(函数作用域)3.作用域链▷作用域链的用途:▷作用域链搜索方法:▷作用域链访问不可逆。★JavaScript没有块级作用域二、作用域习题测试1....

2017-10-22 17:46:38 337

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除