JS
文章平均质量分 57
ALSNEI
兴趣使然,钟情前端,充实自己!
展开
-
querySelectorAll 与 getElementsBy 的区别
querySelectorAll 与 getElementsBy 的区别解析javascript 中获取元素有两个方法 querySelectorAll 与 getElementsBy ,但这两种方法却存在这细小的区别, 这个区别有时就会对我们所写的程序造成巨大的影响.前方高能:querySelectorAll 相比下面这些方法有什么区别? ● getElementsByTagName原创 2017-01-13 14:41:44 · 2262 阅读 · 0 评论 -
ES6之一(let和const)
ES6理解ES6规定了变量的问题,主要体现在变量或者函数的作用域问题上。1.ES6取消了顶级变量,所以let , const , class声明的全局变量不存在顶级对象的属性,即var a = 1;// 如果在Node的REPL环境,可以写成global.a// 或者采用通用方法,写成this.awindow.a // 1let b = 1;window.b // undefined2.原创 2017-03-06 16:42:16 · 391 阅读 · 0 评论 -
ES6之二(解构赋值)
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。解构分为以下几种:数值解构1. 情况1:少 对 多 ——-解构成功 let [ , , third] = ["foo", "bar", "baz"]; third // "baz" //只输出有赋值的变量 let [head, ...tail] = [1, 2,原创 2017-03-07 17:35:35 · 429 阅读 · 0 评论 -
前端面试题系列(四)
HTML篇如何区分html和html5? ①文档声明 html5的文档声明为<!DOCTYPE html>html的文档声明为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmln原创 2017-04-10 17:46:17 · 461 阅读 · 0 评论 -
JQuery学习之核心
<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta charset="utf-8" />原创 2017-04-05 15:35:54 · 551 阅读 · 0 评论 -
Vue项目之Axios数据请求
Axios 处理数据请求的问题Axios使用手册 ,Vue项目中,将Axios封装为一个函数,方便我们以后重复调用原创 2017-06-20 17:22:23 · 2408 阅读 · 0 评论 -
倒计时的研究(针对前端小白)
作为前端小白时,我们书写,倒计时是基本功,当时用的 new.Date() ,获取本地时间作为时间参考,写的没有问题。但是实际项目中,不应该使用只是用 new.Date() , 因为它获取的是电脑系统本地时间,原创 2017-07-22 16:30:57 · 691 阅读 · 0 评论 -
查漏补缺_1
1.alert 用来显示一段文本。不是文本强制转换为文本。 2.sort()排序,原理是根据Unicode进行排序,可接受一个比较函数。//比较函数function compare(a,b){ if(a < b) { return -1;} else if(a > b) { return 1;} else { return 0;}}var values = [0,5,原创 2017-12-05 11:17:36 · 365 阅读 · 0 评论 -
查漏补缺_2(面向对象)
面向对象对象的两种属性:数据属性和访问器属性数据属性: //对于直接在对象上定义属性,前三个默认都为 true value默认为undefined [[Configurable]]:能否通过delete删除属性,能否修改属性,或者能否把属性修改为访问器属性。 [[Enumerable]]: 能否通过for-in循环返回属性,可枚举属性, [[Writable原创 2017-12-06 17:30:03 · 397 阅读 · 0 评论 -
前端面试题系列(一)
上来就是干! 1, $(“li:odd”)—even为偶数2, $(“li:eq(7)”)—(index 从 0 开始)3, 3.1 利用CSS3里translate属性,改变子元素的位置如 top,bottom,left,right 3.2 利用CSS里postion进行定位,改变子元素的位置如 top,bottom,left,right 3.3 利用透明度op原创 2017-03-01 16:39:58 · 402 阅读 · 0 评论 -
cookie和sessionStorage和localStorage的区别
cookie和sessionStorage和localStorage的区别共同点:都是保存在浏览器端,且同源的。不同: 2.1. 存储数据的生命周期 cookie: 可设置失效时间,默认是关闭浏览器后失效 localStorage: 手动清除,否则永久保存 sessionStorage:仅在当前网页中存在,直到关闭该网页或者浏览器后失效。 2.原创 2017-02-12 18:03:49 · 857 阅读 · 0 评论 -
hammer.js
hammer.jshammer.js是一个开源的库,他可以的实现在移端开发的大多数事件,如:点击、滑动、拖动、多点触控等事件。hammer.js不需要依赖任何其他的js框架,并且整个框架非常小.1. Pan:拖动事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2017-01-14 18:19:07 · 2103 阅读 · 0 评论 -
逻辑运算符
alert(1&&2)问题根源逻辑运算符逻辑运算符“||”前面为false,无论“||”后面是true还是false,结果都返回“||”后面的值。“||”前面为true,无论“||”后面是true还是false,结果都返回“||”前面的值。“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;“&&”前面是true,无论“&&”后面是true还是fa原创 2017-01-11 19:24:53 · 515 阅读 · 0 评论 -
监听DOM操作事件
DOMNodeInserted 和 DOMNodeRemoved 事件在DOM中可以通过DOMNodeInserted和DOMNodeRemoved这两个事件来监视DOM元素的插入和移除。但由于各浏览器中DOM树的处理方式不同,导致了这两个事件在各个浏览器上都有各自的特点。只要知道了这些特定,使用时做特殊处理就能暂时解决问题。以下测试是在文档对象上绑定这两个事件(它们是会冒泡的),并通执行一系列DO转载 2017-01-11 19:34:27 · 4123 阅读 · 0 评论 -
JS引入方式及性能
JS引入方式1.在页面中直接写入<script type="text/javascript">js代码</script>2.在页面中引入外部文件<script src="xx.js"></script>3.在js中引入外部js,通过document.wirite("scr"+"ipt src='xx.js'></scr"+"ipt">4.在js中引用其他js片段,document.write("<s原创 2017-01-11 20:50:33 · 2040 阅读 · 0 评论 -
前端代码校验工具
Sublime text配置前端代码(JavaScript/Html/CSS)校验工具前端代码检查分别包括html、css、JavaScript三部分的检查,代码检查需要安装node。安装Package Control给sublime安装Package Control,Package Control是最佳的sublime插件管理工具,安装过程参考:https://packagecontrol.io/转载 2017-01-11 21:01:36 · 3484 阅读 · 0 评论 -
手机号码-正则
手机号码-正则手机号码: 13[0-9], 14[5,7], 15[0, 1, 2, 3, 5, 6, 7, 8, 9], 17[0, 1, 6, 7, 8], 18[0-9]不分运营商,统一的Reg/^1(3[0-9]|4[57]|5[0-35-9]|7[0135678]|8[0-9])\\d{8}$/1.移动号段: 134,135,136,137,138,139,147,150,151,152,转载 2017-01-12 09:59:16 · 511 阅读 · 0 评论 -
阻塞非阻塞与同步异步的区别
怎样理解阻塞非阻塞与同步异步的区别?“阻塞”与”非阻塞”与”同步”与“异步”不能简单的从字面理解,提供一个从分布式系统角度的回答。同步与异步同步和异步关注的是消息通信机制 (synchronous communication/ asynchronous communication) 所谓同步,就是在发出一个调用时,在没有得到结果之前,该调用就不返回。但是一旦调用返回,就得到返回值了。 换句话转载 2017-01-12 10:15:39 · 526 阅读 · 0 评论 -
js与多行字符串
js与多行字符串JS里并没有标准的多行字符串的表示方法,但是在用模板的时候,为了保证模板的可阅读性,我们又不可避免的使用多行字符串,所以出现了各种搞法,这里以一段jade的模板作为示例,简单总结和对比一下。字符串相加(+)这是最容易理解也很常用的一种形式,如下var tmpl =''+ '!!! 5' + 'html' + ' include header' + '转载 2017-01-18 15:21:55 · 597 阅读 · 0 评论 -
mock数据
这是官网传送带(内有雷)使用说明有两点: 1. 数据模板定义(Data Temaplte Definition, DTD) 2. 数据占位符定义(Data Placeholder Definition,DPD)一、数据模板定义 DTD数据模板中的每个属性由3部分构成:属性名、生成规则、属性值://属性名 | 生成规则 : 属性值 ‘name | r...原创 2018-05-17 19:37:53 · 968 阅读 · 0 评论