js的scroll详解

scrollTop : 滚动条滚动距离说明:chrome下他会以为滚动条是文档元素的,所以需要做兼容 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 我们来验证下chrome是否存在兼容的问题: <!DOCTYPE html> <html lang="e…

<Node.js开发实战详解>学习笔记 ——持续更新中一.NodeJS设计模式 1 . 单例模式顾名思义,单例就是保证一个类只有一个实例,实现的方法是,先判断实例是否存在,如果存在则直接返回,若不存在,则创建实例对象,并将实例对象保存在静态变量中,当下次请求时,则可以直接返回这个对象实例,这就确保了一个类只有一个实例对象.举个例子吧~一间学校刚刚起建还没有图书馆,有的同学就向领导提意见:"hey! 哥们,能不能帮我们建一个图书馆? "(想要一个图书馆实例),然后领导说:…

Js apply 方法详解

Js apply方法详解我在一开始看到JavaScript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1. apply和call的区别在哪里 2. 什么情况下用apply,什么情况下用call 3. apply的其他…

ES6,ES2105核心功能一览,js新特性详解

ES6,ES2105核心功能一览,js新特性详解过去几年 JavaScript 发生了很大的变化.ES6(ECMAScript 6.ES2105)是 JavaScript 语言的新标准,2015 年 6 月正式发布后,得到了迅速推广,使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言.ES6中包含了许多新的语言特性,它们将使JS变得更加强大,更富表现力.ECMAScript涵盖了各种环境中JS的使用场景,无论是浏览器环境还是类似node.js的非浏览器环境.最常用的…

Js apply()使用详解

Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1.apply和call的区别在哪里 2.什么情况下用apply,什么情况下用call 3.apply的其他巧妙用法(一般在什么情况下可以使用apply) 我…

Js apply方法详解,及其apply()方法的妙用

Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1. apply和call的区别在哪里 2. 什么情况下用apply,什么情况下用call 3. apply的其他…

Vue.js 数据绑定语法详解

Vue.js 数据绑定语法详解一.总结一句话总结:Vue.js 的模板是基于 DOM 实现的.这意味着所有的 Vue.js 模板都是可解析的有效的 HTML,且通过一些特殊的特性做了增强.Vue 模板因而从根本上不同于基于字符串的模板,请记住这点. dom html 不同于字符串 1.Vue.js 数据绑定语法有哪4个知识点? 插值绑定表达式指令缩写 a.插值:数据绑定最基础的形式是文本插值,使用 "Mustache" 语法(双大括号) b.绑定表达式:放在 Mustach…

JS hashMap实例详解

链接:http://www.jb51.net/article/85111.htm JS hashMap实例详解作者:囧侠字体:[增加减小] 类型:转载时间:2016-05-26我要评论这篇文章主要介绍了JS hashMap实例详解的相关资料,包括删除键值.获取键值的相关知识,非常不错具有参考借鉴价值,需要的朋友一起看看吧 Hashmap是一种非常常用的.应用广泛的数据类型.本文通过实例代码给大家介绍js hashMap的相关知识,具体代码内容如下所示: ? 1 2 3 4 5 6…

JS - Promise使用详解--摘抄笔记

第一部分: JS - Promise使用详解1(基本概念.使用优点) 一.promises相关概念 promises 的概念是由 CommonJS 小组的成员在 Promises/A 规范中提出来的. 1,then()方法介绍根据 Promise/A 规范,promise 是一个对象,只需要 then 这一个方法.then 方法带有如下三个参数: 成功回调失败回调前进回调(规范没有要求包括前进回调的实现,但是很多都实现了). 一个全新的 promise 对象从每个 then 的调用中返…

JS变量对象详解

JS变量对象详解开年之后工作热情一直不是很高,这几天一直处于消极怠工状态.早上不想起床,起床了不想上班.明明放假之前工作热情还一直很高,一直心心念念的想把小程序项目怼出来,结果休假回来之后画风完全不一样了.我感觉自己得了严重了节后综合征.还好撸了几篇文章,勉强表示这一周的时间没有完全浪费.这篇文章要给大家介绍的是变量对象. 在JavaScript中,我们肯定不可避免的需要声明变量和函数,可是JS解析器是如何找到这些变量的呢?我们还得对执行上下文有一个进一步的了解. 在上一篇文章中,我们已经知道…

JS事件类型详解

一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠标时触发此事件 onmouseup IE4.N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3.N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4.N4 鼠标移动时触发此事件 onmouseout IE4.N3 当鼠标离开某对象范围时触发此事件 onkeypress IE4.…

js数组方法详解

Array对象的方法-25个 /*js数组方法详解 */ /* * 1 concat() 用于连接多个数组或者值-------------- * 2 copyWithin() 方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中.()此方法没太明白 * 3 every() 用于数组中是否所有元素都满足条件------ * */ function fn4() { var arr = [1, 2, 3, 4, 5]; var re = arr.every(function (v, k, arr)…

js变量类型详解

<html> <title>js变量类型详解</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <body> <div class="img"> js变量类型详解 </div> </body> <script> //字符串类型 str=…

JS类型转换规则详解

JS类型转换规则详解一.总结一句话总结:JS强制类型转换中的类型名强制类型转换和其它语言不同,是类型类的构造方法,Number(mix) 一句话总结(JS类型本质):因为js是弱类型语言,所以它相较于强类型语言一定在类型(比如类型装换)方面做了很多努力,才能使弱类型语言用的舒服. 1.在js中,和php中intval等函数等价的类型转换函数时什么? parseInt等parse类函数 parseInt(string,radix).parseFloat(string) 2.js中的类型名的强制…

js 组合继承详解

目录前言原型链继承构造函数继承组合继承前言首先学习继承之前,要对原型链有一定程度的了解. 不了解可以去先阅读我另一篇文章,里面对原型链有一个较为详细的说明:js 原型链详解. 如果已经了解请继续. 之前写过一篇博文将继承方式全部列出来了,不过我发现一口气看完过于长了,也不利于吸收知识,所以我先将组合继承部分划分出来,后续会把寄生部分补上. 原型链继承父类实例作为子类的原型子类创造的两个实例的隐式原型__proto__指向父类的那个实例而父类的实例的隐式原型__proto__又指…

JS执行机制详解，定时器时间间隔的真正含义

壹 ❀ 引通过结果倒推过程是我们常用的思考模式,我在上一篇学习promise笔记中,有少量关于promise执行顺序的例子,通过倒推,我成功让自己对于js执行机制的理解一塌糊涂,js事件机制,事件循环是面试常考的点,弄懂它们是贼有必要的. 回顾下我学习promise的心理历程: let p = Promise.resolve(1); p.then(resp => console.log(resp)); console.log(2); // 哦,原来如此,同步代码会先执行,先输出2,所以the…

JS reduce()方法详解，使用reduce数组去重

壹 ❀ 引稍微有了解JavaScript数组API的同学,对于reduce方法至少有过一面之缘,也许是for与forEach太强大,或者filter,find很实用,在实际开发中我至始至终没使用过reduce方法一次.很巧的是今天再刷面试题的过程中,遇到了一题关于数组操作的的题,相关解析中有人使用到了reduce方法,好吧我承认我看着有点茫然,因为我从未正眼过它,那么今天就给彼此一首歌的时间,让我们好好了解你,关于reduce本文开始. 贰 ❀ 关于reduce 一个完整的reduce方法…

JS数组映射详解

现在这里占个坑位,免的忘了,需要整理一下最近的内容: 1.数组映射的使用 2.微信分享功能详解 3.jq自己封装 4.HTML的富文本应用…

移动端js触摸touch详解（附带案例源码）

移动端触摸滑动原理详解案例,实现过程通过添加DOM标签的触摸事件监听,并计算触摸距离,通过距离坐标计算触摸角度,最后通过触摸角度去判断往哪个方向触摸的. 触摸的事件列表触摸的4个事件: touchstart 触摸屏幕上时触发 touchmove 触摸屏幕中滑动时触发 touchend 离开屏幕时触发 touchcancel 系统取消触摸事件的时候触发监听触摸后触摸事件会实现一个event对象,这个对象里面包括3个触摸函数列表. 触摸事件里的3个函数: tou…

阿里云ECS服务器部署Node.js项目全过程详解

本文详细介绍如何部署NodeJS项目到阿里云ECS上,以及本人在部署过程中所遇到的问题.坑点和解决办法,可以说是全网最全最详细的教程了.同时讲解了如何申请阿里云免费SSL证书,以及一台ECS服务器配置多网站的Nginx配置方法等. 原文链接:http://www.kovli.com/2017/09/19/ecs-deploy/ 作者:Kovli 1. 云服务器选择阿里云ECS是阿里巴巴旗下,目前国内最成熟稳定的云服务器提供商本文基于阿里云ECS云服务器讲解,目前有个人版,企业版,学生版可以选…

JS之iscroll.js的使用详解

入门 Scroll是一个类,每个需要使用滚动功能的区域均要进行初始化.每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围内是没有限制的. 尽可能保持DOM结构的简洁.iScroll使用硬件合成层但是有一个限制硬件可以处理的元素.最佳的HTML结构如下: <div id="wrapper"> <ul> <li>...</li> <li>...</li> ... </ul> </div…

vue.js自定义指令详解

写在文本前:相信在做vue的项目,你肯定接触了指令,我们常用vue内置的一些指令,比如v-model,v-text,v-if,v-show等等,但是这些内置指令不在本文的讲解范畴,本文想说的是其自定义指令.思考一下,自定义指令我们用在哪里?是不是一下子想不出来,感觉做一般的项目很少用到指令呢,想不到指令用在哪!!因为我们的确很少用,但不是说不会用.看官方api文档里有这么一句话:普通 DOM 元素进行底层操作,这时候就会用到自定义指令.也就是说我们在操作普通DOM的时候有可能会用到.在做项目的时…

微信小程序 WXML、WXSS 和JS介绍及详解

前几天折腾了下.然后列出一些实验结果,供大家参考. 百牛信息技术bainiu.ltd整理发布于博客园 0. 使用开发工具模拟的和真机差异还是比较大的.也建议大家还是真机调试比较靠谱. 1. WXML(HTML) 1.1 小程序的WXML没有HTML的宽容度那么高,单标签必需是 /> 结尾的.不然会报错. 1.2 官方推荐使用的基础标签<view>是块标签,给了<text>作为文本标签,但是使用其他标签比如div也是可以使用的,并且都是inline标签.并且wxml的par…

require.js的用法详解

require.js的诞生是为了解决两大问题,第一实现js文件的异步加载,避免网页失去响应,第二管理模块之间的依赖性,便于代码的编写和维护. 一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载.下面的网页代码,相信很多人都见过. <script src="1.js"></script> <script src="…

[转]OC与JS的交互详解

事情的起因还是因为项目需求驱动.折腾了两天,由于之前没有UIWebView与JS交互的经历,并且觉得这次在功能上有一定的创造性,特此留下一点文字,方便日后回顾. 我要实现这样一个需求:按照本地的CSS文件展示一串网络获取的带HTML格式的只有body部分的文本,需要自己拼写完整的HTML.除此之外,还需要禁用获取的HTML文本中自带的 < img > 标签自动加载,并把下载图片的操作放在native端来处理,并通过JS将图片在Cache中的地址返回给UIWebview. 之所以要把图片操作放在…

js中eval详解，用Js的eval解析JSON中的注意点

先来说eval的用法,内容比较简单,熟悉的可以跳过eval函数接收一个参数s,如果s不是字符串,则直接返回s.否则执行s语句.如果s语句执行结果是一个值,则返回此值,否则返回undefined. 需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才会返回值,简单示例如下: var s1='"a" + 2'; //表达式var s2='{a:2}'; //语句alert(eval(s1)); //->'a2'alert(eval(s2)); //->und…

node.js的npm详解

一.什么是npm呢 npm(Node Package Manager,node包管理器)是node的包管理器,他允许开发人员在node.js应用程序中创建,共享并重用模块.模块就是可以在不同的项目中重用的代码库.他也可以用来共享完整的node.js代码库. npm安装 npm的安装非常简单,在linux下只要一条命令即可完成安装(在windows下由于node.js本身就集成了npm的功能,所以安装了node.js,npm也就相应的安装完成了.),如下: apt-get install npm…

js里正则表达式详解

详细内容请点击正则表达式中的特殊字符字符含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界.-或-对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*". ^ 匹配一个输入或一行的开头,/^a/匹配"an A",…

JS编码解码详解

今天在整理 js编码解码方法时,在网上搜资料,发现一篇文章讲的不错,讲解的非常简单明了,于是乎就想转载过来,却发现无法转载到博客园,最后只能卑鄙的摘抄过来.js编码解码就是将一些对URL和数据库敏感的在使用时容易被过滤掉,或者容易对数据库造成注入威胁的字符串进行编码,在使用时再进行解码,原理很简单用法也很简单,正好下面这篇文章讲解的非常明了利索.原文地址是http://blog.csdn.net/wwwchenbing/article/details/3409183,希望作者不要告我侵权. 1.…

Node.js HTTP 使用详解

对于初学者有没有发觉在查看Node.js官方API的时候非常简单,只有几个洋文描述两下子,没了,我第一次一口气看完所以API后,对于第一个示例都有些懵,特别是参数里的request和response,究竟是如何通过参数工作的,如果并发量大如何确保每个人访问和提交的数据不干扰等等.都没有教你具体如何在开发中使用,如何着手写代码,给你一个Event 'close',只说了下在服务器关闭时触发,完了.如果没有了解EventEmitter的核心事件,可能还真不知道如何抒写代码并在开发中真正使用.而htt…