自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 收藏
  • 关注

转载 AngularJS 的那些内置九种过滤器

ng内置了九种过滤1. currency (货币处理)  使用currency可以将数字格式化为货币,默认是美元符号,你可以自己传入所需的符号,例如我传入人民币:{{num | currency : '¥'}}  2. date (日期格式化)  原生的js对日期的格式化能力有限,ng提供的date过滤器基本可以满足一般的格式化要求。用法如下:{{date | d...

2019-03-26 14:43:00 119

转载 js中几种实用的跨域方法原理详解

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题,我们可以使用以下几种方法:一、通过...

2019-03-11 20:28:00 103

转载 Express

Express  1.安装  控制台输入  据说在4.X版本后,还需要安装项目生成器,否则不能使用express命令,所以        这样基本就妥了,至少我已经可以使用express命令        2.简单示例    浏览器中访问  需要注意的是,这个js文件需要放在express框架管理的目录下,如果不在,则编译时会...

2019-03-08 15:28:00 92

转载 前端面试整理——javascript算法和测试题

(1)算法:1、斐波那契数列:1、1、2、3、5、8、13、21。输入n,输出数列中第n位数的值。方案一: function fn(n){ var num1 = 1, num2= 1, num3 = 0; for(var i=0;i<n-2;i++){ num3 = num1+num2; ...

2019-03-06 16:23:00 130

转载 前端面试题整理——javaScript部分

(1)typeof 和 instanceof 1、typeof 对于基本数据类型(boolean、null、undefined、number、string、symbol)来说,除了 null 都可以显示正确的类型;对于对象来说,除了函数都会显示 object。 2、instanceof 是通过原型链来判断的。可以判断一个对象的正确类型,但是对于基本数据类型的无法判断。 3、insta...

2019-03-06 16:23:00 80

转载 es6

1.变量声明const和let在ES6之前,我们都是用var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如: function aa() { if(flag) { var test = 'hello man' } else { console.l...

2019-03-05 17:36:00 63

转载 node.js写服务器

// 引入内置模块var http = require("http");var fs = require("fs");var url = require("url");var path = require('path');var querystring = require("querystring");var server = http.createServe...

2019-03-05 16:40:00 79

转载 nodejs 入门

一、Nodejs介绍简单的说 Node.js 就是运行在服务端的 JavaScript的代码解析器。首先要清楚Node不是一个Web服务器,这十分重要。它本身并不能做任何事情。它无法像Apache那样工作。如果你希望它成为一个HTTP服务器,你必须借助它内置库自己编写。Node.js只是计算机上执行代码的另一种方式,它是一个简单的JavaScript Runtime.Node...

2019-03-04 18:36:00 86

转载 ajax

  什么是ajax 全称:Asynchronous JavaScript And XML(异步 JavaScript 及 XML) Ajax的作用:实现异步请求的技术。  Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的...

2019-02-26 19:12:00 107

转载 数组去重的几种方法

JS数组去重的几种常见方法JS数组去重的几种常见方法一、简单的去重方法// 最简单数组去重法/** 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法* */function uniq(array){ var temp = []; //一个新的临时数组 for(var ...

2019-02-26 18:30:00 62

转载 经典的20道AJAX面试题

1、什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识) 什么是ajax: AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。 Ajax包含下列技术: 基于web标准(standards-basedpresentation)XHTML+CSS的表示; 使用 DOM(Document ObjectM...

2019-02-26 17:49:00 127

转载 JavaScript正则表达式检验手机号码、邮箱、ip地址等

1)检测IP地址的正则表达式((2 [0-4] \d | 25[0-5] | [01]?\d\d?) \.){3}(2 [0-4] \d | 25[0-5] | [01]?\d\d?)2 [0-4] \d:第一个字符为2,第二个字符是0-4,第三个字符为任意数字,表示200-249; 25[0-5]:表示250-255; [01]?\d\d?:第一个字符可以是0或1,...

2019-01-17 15:57:00 162

转载 数据结构 之 常见的几种“排序”

排序(sorting)是算法家族里比较重要也比较基础的一类,内容也是五花八门了: 1、有“基于比较”的,也有“不基于比较”的; 2、*有迭代的(iterative)也有递归的(recursive); 3、有利用分治法(divide and conquer)思路解决的;(除了显而易见的“二路归并”算法,*“代入法(substitution method)”也是分治的一种,如快速排序/插入排...

2019-01-17 15:56:00 170

转载 sublime3 常用插件

上一篇记录sublime 常用的快捷键,这里记录一些初次安装推荐的前端使用插件与安装插件包名称。首次下载安装的sublime text3,基本什么都没有,想要达到适用还得一番捣鼓,各种插件的安装必不可少,刚下载时候Package Control是无法使用的哦,所以需要执行如下步骤:使用Package Control组件安装安装package control组件,按Ctrl+ ...

2019-01-17 08:55:00 54

转载 sublime3 常用快捷键

轻量级编辑器,一直用的sublime text3 , 可以根据自己喜好安装喜欢的风格插件,根据工作需求安装代码处理插件。 下一章将推荐我常用的一些风格与代码插件 这里记录一些sublime 常用的快捷键方便日常码bug。- -!!match_pair_outward: ctrl+,向外匹配match_pair_inward: ctrl+alt+,向内匹配matching_...

2019-01-17 08:55:00 77

转载 前端整理——css部分

(1)盒模型(普通盒模型、怪异盒模型)1、元素的content(内容)、padding(内边距)、border(边框)、margin(外边距)构成了CSS盒模型 2、IE盒模型和W3C盒模型 1)IE盒模型是怪异模式下的盒模型,W3C盒模型是标准模式下的盒模型; 2)IE盒模型的width/height包含了content的width/heigh+padding+border W3C...

2019-01-17 08:54:00 63

转载 JS数组与对象的遍历方法大全

本文简单解析各种数组和对象属性的遍历方法:原生for循环、for-in及forEachES6 for-of方法遍历类数组集合Object.key()返回键名的集合jQuery的$.each()underscore的_.each() 文中的范例基于以下数组和对象。?12345678...

2019-01-16 17:00:00 79

转载 Javascript 异步加载详解

Javascript 异步加载详解本文总结一下浏览器在 javascript 的加载方式。关键词:异步加载(async loading),延迟加载(lazy loading),延迟执行(lazy execution),async 属性, defer 属性一、同步加载与异步加载的形式1. 同步加载我们平时最常使用的就是这种同步加载形式:<s...

2019-01-16 16:57:00 63

转载 五大主流浏览器内核的源起以及国内各大浏览器内核总结

五大主流浏览器内核的源起以及国内各大浏览器内核总结首先来捋一下内核的概念: 浏览器内核又分为两部分:渲染引擎(layout engineer 或者 Rendering Engine) 和JS引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释也会有不同...

2019-01-16 16:50:00 165

转载 JavaScript的分支结构(switch,if..else)

if else是所有编程语言里都有的功能,它使得程序具有简单的判断能力。在介绍if之前,让我们先来了解一下布尔值这个概念。布尔(Bool)值 变量可以用来存储布尔值。布尔值的作用就是用来表示“真的假的”。所以布尔值其实只有两种取值:真(true)和假(false)。if else结构其实“if…else”的意思和字面意思是一样的,就是“如果”、“否则”。语法结...

2018-12-21 08:11:00 188

转载 函数声明和函数表达式

函数声明与函数表达式  创建函数的最常用的两个方法是函数表达式和函数声明,两者之间的区别很多人估计都不是特别的清楚,因为规范只明确了一点:函数声明必须带有标示符,也就是就是大家常说的函数名称,而函数表达式则可以省略这个标示符的: 函数声明:function 函数名称 (参数:...

2018-12-20 18:31:00 62

转载 JavaScript 基本语法

1..JavaScript语句语句是编程的一个基本概念,先来看个例子。<script type="text/JavaScript"> <!-- document.write("专注于Web开发"); //--></script>例子中的document.write("专注于Web开发 ");就是一个...

2018-12-20 18:30:00 51

转载 JavaScript循环结构

For 循环所谓循环,就是重复执行一段代码。。for语句结构如图:语法定义:for (初始化;条件;增量){ 循环代码;}实现条件循环,当条件成立时,执行语句1,否则跳出循环体。让我们来看一个简单的例子吧:有十个学员报数,“学员1号、学员2号”。有了for循环,很少的代码就可以实现十个学员的报数。12...

2018-12-20 15:18:00 109

转载 JavaScript闭包

1.闭包的概念 各种专业文献上的“闭包”(closure)定义非常抽象。闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。2.闭包的用途 ...

2018-12-20 14:57:00 46

转载 JavaScript中的this

JS中this: 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。这句话看似平常,可是要非常注意三个字:“运行时”,这说明this关键字只与函数的执行环境有关,而与声明环境没有关系。也就是这个this到底代表的是什么对象要等到函数运行时才知道,有点类似函数定义时的参数列表只在函数调用时才传入真正的对象。理解了这一点对后面this关键字规律的掌握有很大帮助。...

2018-12-20 14:25:00 47

转载 正则表达式(二)

正则表达式:  是一种对字符串逻辑公式,对字符串通过设置一些字符组合来对字符串进行匹配。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>正则表达式</title> ...

2018-12-20 11:49:00 45

转载 正则表达式(一)

RegExp 对象RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。直接量语法/pattern/attributes创建 RegExp 对象的语法:new RegExp(pattern, attributes);参数参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。参数 attributes 是一个可选的字符串...

2018-12-20 11:46:00 47

转载 javascript 类数组

定义:拥有length属性,其它属性(索引)为非负整数(对象中的索引会被当做字符串来处理,这里你可以当做是个非负整数串来理解)不具有数组所具有的方法ps:这是我参考的定义,实际上,只要有length属性,且它的属性值为number类型就行了。请围观评论。类数组示例:var a = {'1':'gg','2':'love','4':'meimei',leng...

2018-12-20 08:26:00 48

转载 JavaScript数组的全部方法

1 concat()方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。例1:创建了两个数组,然后使用 concat() 把它们连接起来<script type="text/javascript">var arr = new Arrayarr[0] = "George"arr[1] = "John"...

2018-12-19 18:57:00 49

转载 作用域链

链:1.作用域链:从上往下依次查找 -----衍生出来 闭包。2.原型链:从下往上依次查找当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain,不简称sc)来保证对执行环境有权访问的变量和函数的有序访问。作用域第一个对象始终是当前执行代码所在环境的变量对象(VO)function a(x,y){ var b=x...

2018-12-19 08:16:00 46

转载 变量作用域《二》

变量没有在函数内声明或者声明的时候没有带var就是全局变量,拥有全局作用域,window对象的所有属性拥有全局作用域;在代码任何地方都可以访问,函数内部声明并且以var修饰的变量就是局部变量,只能在函数体内使用,函数的参数虽然没有使用var但仍然是局部变量。例如:var a=3; //全局变量 function fn(b){ //局部变量 ...

2018-12-18 18:54:00 70

转载 变量的作用域 《一》

变量的作用域分为两种:全局变量和局部变量。全局作用域:最外层函数定义的变量拥有全局作用域,即对任何内部函数来说,都是可以访问的例如:<script> var outerVar = "outer"; function fn(){ console.log(outerVar); } fn...

2018-12-18 18:50:00 85

转载 JavaScript预编译

JavaScript运行三部曲脚本执行js引擎都做了什么呢?语法分析预编译解释执行在执行代码前,还有两个步骤 语法分析很简单,就是引擎检查你的代码有没有什么低级的语法错误 解释执行顾名思义便是执行代码了 预编译简单理解就是在内存中开辟一些空间,存放一些变量与函数 理解了预编译对大家理解作用域同样有帮助JS预编译什么时候发生我当初思维误区也发生在这里 预编译到底什么时候发生 希望大...

2018-12-17 18:26:00 67

转载 canvas和svg区别

1.历史:canvas是html5提供的新元素。而svg存在的历史要比canvas久远,已经有十几年了。svg并不是html5专有的标签,最初svg是用xml技术(超文本扩展语言,可以自定义标签或属性)描述二维图形的语言。2.功能:canvas可以看做是一个画布,其绘制出来的图形为标量图。可以在canvas中引入jpg或png这类格式的图片。在实际开发中,大型的网络游...

2018-12-17 10:55:00 89

转载 格式化地址栏字符串成对象

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>格式化地址栏字符串成对象</title> </head> <body> <sc...

2018-12-12 19:34:00 64

转载 CSS3 渐变

CSS3 渐变渐变(gradients)可以在两个或多个指定的颜色之间显示平稳的过渡。兼容性:IE10+,Chrome26+,FireFox16+,Safari6.1+,Opera12.1+CSS3线性渐变线性渐变属性(Linear Gradients)是沿着一根轴线改变颜色,从起点到终点颜色进行顺序渐变(从一边拉向另一边)语法:background: linear-gradient(d...

2018-12-12 19:20:00 71

转载 CSS3 2d转换

通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。转换是使元素改变形状、尺寸和位置的一种效果。浏览器支持Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。Chrome 和 Safari 需要前缀 -webkit-。注释:Internet Explorer 9 需要前缀 -ms-。...

2018-12-12 18:32:00 52

转载 多个条件的判断

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>多个条件判断</title> </head> <body> <!-- ...

2018-12-11 11:17:00 178

转载 分支语句

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>分支语句</title> </head> <body> ...

2018-12-11 11:16:00 61

转载 三目运算符

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>三目运算符</title> </head> <body> <input typ...

2018-12-10 19:39:00 85

空空如也

空空如也

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

TA关注的人

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