JavaScript资料,JavaScript文章,JavaScript文档-易库教程

JS中用childNodes获取子元素换行会产生一个子元素

2017年02月06日 76 阅读

JS中用childNodes获取子元素换行会产生一个子元素<div id="div1"><div id="div2"><div id="div3"></div></div><div class="div2"></div></div>这样的代码$（‘#div1"）.childNodes.length==>会等于 5哦要是你把这些代码不换行你就会得到2$（"#...

JavaScript正则表达式小结（test|match|search|replace|split|exec）

2017年02月06日 104 阅读

学JavaScript正则的好文一篇：http://www.cainiao8.com/web/js_note/js_regular_expression.htmltest：测试string是否包含有匹配结果，包含返回true，不包含返回false。 <script type="text/javascript">var str = "bbs.byr.cn";var reg = /b/;var ret = reg.test（str）;alert（r...

node.js学习之交互式解释器REPL详解

2017年02月06日 62 阅读

简介repl是Node.js提供的一个Read-Eval-Print-Loop （REPL，读取-执行-输出-循环）实现，它即可以做为一个独立的程序使用，又可以包含在其它应用中使用。REPL是一个互式命令行解析器，它提供了一个交互式的编程环境，它可以实时的验证你所编写的代码，非常适合于验证Node.js和JavaScript的相关API。Node 自带了交互式解释器，可以执行以下任务：读取 - 读取用户输入，解析输入了Javascript 数据结构并存储...

微信公众号开发自定义菜单跳转页面并获取用户信息实例详解

2017年02月06日 169 阅读

微信公众号开发自定义菜单请先读完本文再进行配置开发请先前往微信平台开发者文档阅读“网页授权获取用户基本信息”的接口说明在微信公众账号开发中，往往有定义一个菜单，然后用户点击该菜单就进入用户个人中心的功能，通常应用于各个公众账号中的会员服务。如何在微信自定义菜单中将用户导航到个人中心页面呢？首选需要通过用户点击获取用户openid，而通过用户的点击跳转获取用户openid就必须在菜单中动态绑定用户的openid，或者在菜单的跳转URL中填写微信提供的链...

Vue.JS入门教程之自定义指令

2017年02月06日 73 阅读

基础Vue.js 允许你注册自定义指令，实质上是让你教 Vue 一些新技巧：怎样将数据的变化映射到 DOM 的行为。你可以使用Vue.directive（id, definition）的方法传入指令id和定义对象来注册一个全局自定义指令。定义对象需要提供一些钩子函数（全部可选）：bind: 仅调用一次，当指令第一次绑定元素的时候。update: 第一次是紧跟在 bind 之后调用，获得的参数是绑定的初始值；以后每当绑定的值发生变化就会被调用，获得新值与旧值...

node.js Sequelize实现单实例字段或批量自增、自减

2017年02月06日 86 阅读

一、单实例自增、自减在Sequelize中，一个实例（Instance）表示数据库中的一行记录。Instance有两种：由Model.build（）创建的非持久化实例，和由Model.create（）等方法创建的持久化实例。无论是持久化还是非持久化实例，都会有increment（）、decrement（）两人上方法，分别用于字段值的自增和自减两种操作。instance.increment（fields, [options]） - 字段值自增instanc...

浅谈JavaScript的闭包函数

2017年02月06日 68 阅读

在JavaScript中，闭包恐怕是很多人不能理解的一个概念了，甚至很多人也会把闭包和匿名函数混淆。闭包是有权访问另一个函数作用域中的变量的函数。首先要明白的就是，闭包是函数。由于要求它可以访问另一个函数的作用于中的变量，所以我们往往是在一个函数的内部创建另一个函数，而“另一个函数”就是闭包。比如之前提到过的作为比较函数：function createComparisonFunction（propertyName）{ return function（o...

jQuery实现鼠标滑过图片移动特效

2017年02月06日 97 阅读

在网页应用中，鼠标操作是最为常见和频繁的操作，在用户移动鼠标浏览页面的时候，一些交互特效的提醒会增强用户体验度，也可让用户感觉页面在和他“交流”，从而增加用户在页面的逗留时间，以及增加深层次访问的可能性。今天tity带大家做一个简单的示例，当鼠标移动到图片上的时候图片会向上动一下，等到鼠标离开后，图片又返回到原来的位置。首先，我们先来做如下图所示的页面布局：页面布局部分：<ul><li><img src="images/1....

微信开发之调起摄像头、本地展示图片、上传下载图片实例

2017年02月06日 163 阅读

之前那篇微信JS-SDK授权的文章实现了分享接口，那么这里总结一下如何在微信里面通过js调起原生摄像头，以及上传下载图片。1.配置页面引入通过jssdk授权后，传入wx对象，首先配置需要的接口wx.config（{/* debug: true, */appId: appid, timestamp: timestamp, nonceStr: nonceStr, signature: signature,jsApiList: [ "chooseImage",/...

微信小程序开发之大转盘仿天猫超市抽奖实例

2017年02月06日 87 阅读

天猫超市翻牌的转盘经常用,以前做Android,没啥想法,现在尝试微信小程序,看到别人家APP里有啥好玩的,就想去做一个. 上GIF看效果: 简要的说一下.1.外面一圈闪烁的小球是用js控制的样式.500ms改变一次样式.简单粗暴;2.抽奖的item也是js控制背景,但是怎么样让它优雅的停下来是个问题.动画中有timingFunction可以设置速度.自己用js就没那么简单了.我这里用setInterval（）,时间是线性变化的.换个斜率先小后大的函数效果...

解析利用javascript如何判断一个数为素数

2017年02月06日 94 阅读

判断是否为素数？质数（prime number）又称素数，有无限个。质数定义为在大于1的自然数中，除了1和它本身以外不再有其他因数的数称为质数。合数，数学用语，英文名为Composite number，指自然数中除了能被1和本身整除外，还能被其他数（0除外）整除的数。与之相对的是质数（因数只有1和它本身，如2，3，5，7，11，13等等，也称素数），而1既不属于质数也不属于合数。最小的合数是４。<！DOCTYPE html><html l...

JS实现页面进入和返回定位到具体位置

2017年02月06日 107 阅读

其实浏览器也自带了返回的功能，也就是说，自带了返回定位的功能。正常的跳转，返回确实可以定位，但是有些特殊场景就不适用了。例如，某些元素是在某种情况下才加上的，又或者多级定位。目前，我知道的返回定位到具体位置有两种方法：①利用id定位，在跳转的时候带上某个模块的id，返回的时候定位到该处。②利用距离顶部的距离，在跳转的时候带上当前位置滚动过的距离，返回的时候定位到该处。一般应用场景：定位到某一个模块的时候，有二级定位的时候利用方法①.定位到具体位置的时候，定...

Vue自定义指令介绍（2）

2017年02月06日 88 阅读

Vue指令Vue的指令以v-开头，作用在HTML元素上，将指令绑定在元素上，给绑定的元素添加一些特殊行为。例如：<h1 v-if="yes">Yes</h1>其中，v-是Vue的标识，if是指令ID，yes是expression。yes是MVVM中的VM即ViewModel，当它的值发生变化，就会触发指令，改变View视图的显示。expression还可以使用内联的模式，任何依赖的属性发生变化时都会触发指令的执行。如：<h1 ...

微信小程序开发之录音机音频播放动画实例（真机可用）

2017年02月06日 113 阅读

趁着周末用微信小程序做了个简易录音机.跟大家分享,欢迎批评！老规矩,先几张图.1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可.2.按住录音按钮的时候会出现麦克风.中间的麦克风是个帧动画.其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API后,如果录音时间太短,会录音失败.所以fail的时候还是需要处理一下.录音时间的限制和微信语音是一样的.60秒.3.我在录音完成后才加载列表.下图就是从微信存储的文件里获...

JavaScript中${pageContext.request.contextPath}取值问题及解决方案

2017年02月06日 86 阅读

在JSP里取${pageContext.request.contextPath}，方式一是可以正常取到，但方式二却取到的是字符“${pageContext.request.contextPath}”方式一：<script type="text/JavaScript">var t = "${pageContext.request.contextPath}";<script>方式二：<script src="${ctx}/jqGr...

原生js编写焦点图效果

2017年02月06日 63 阅读

自己用原生js写的简单焦点图，算是对原生js初步运用。html部分<div class="focusPicture"><section class="mPhoto" id="mPhoto"><img src="images/20161021/b_5809b93b66d18.jpg"/></section><！-- 主要的大图 --><section class="oPhoto"><...

浅谈javascript中执行环境（作用域）与作用域链

2017年02月06日 73 阅读

相信很多初学者对与javascript中的执行环境与作用域链不能很好的理解，这里，我会按照自己的理解同大家一起分享。一般情况下，我们把执行环境分为全局执行环境和局部执行环境，其中局部执行环境我们又可以称之为函数执行环境。那么究竟什么使执行环境呢？通俗的说，执行环境即为代码执行时所处的环境。我们下来看一看如下代码，再进一步分析之。<script><br>var name="zhuzhenwei";function changeName...

详解微信小程序页面跳转传递参数

2017年02月06日 58 阅读

微信小程序的页面跳转,页面之间传递参数笔记，具体如下：先上demo图:为了简化逻辑,所以index.wxml里面只写了两个text.既然是跳转,那就还有其他页面.目录如下:三个页面,但是代码很简单.直接上代码.<span style="font-size:24px;"><！--index.wxml--><view class="btn-area"> <navigator url="../navigator/navi...

解析如何利用iframe标签以及js制作时钟

2017年02月06日 62 阅读

如何制作一个时钟呢？效果如下图所示：这里的时钟会不停的走，但是下面的页面是不会变得，这样就实现了我们想要的效果了。下面我将分为以下几个方面来讲：javascript中的Date引用类型几种效果不佳的实例<iframe>标签最终效果不错的实例如果大家想直接看最终不错的效果实例，可以看文章结尾处代码。第一部分：Date引用类型1.日期对象可以直接使用new操作符和Date构造函数构造。代码如下：var date=new Date（）;2. 通过构造...

AngularJS模仿Form表单提交的实现代码

2017年02月06日 73 阅读

废话不多说了，直接给大家贴代码了。$http（{url: "http://localhost:10086/yuanxin/Conference/ImportExcelDataForBusRoute",method: "Post",headers: {"Content-Type": "multipart/form-data" },data: { BusRoute: file, ConferenceID: "1" },transformRequest: fun...

首页 / 脚本样式 / JavaScript

JS中用childNodes获取子元素换行会产生一个子元素

JavaScript正则表达式小结（test|match|search|replace|split|exec）

node.js学习之交互式解释器REPL详解

微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解

Vue.JS入门教程之自定义指令

node.js Sequelize实现单实例字段或批量自增、自减

浅谈JavaScript的闭包函数

jQuery实现鼠标滑过图片移动特效

微信开发之调起摄像头、本地展示图片、上传下载图片实例

微信小程序开发之大转盘 仿天猫超市抽奖实例

解析利用javascript如何判断一个数为素数

JS实现页面进入和返回定位到具体位置

Vue自定义指令介绍（2）

微信小程序开发之录音机 音频播放 动画实例 （真机可用）

JavaScript中${pageContext.request.contextPath}取值问题及解决方案

原生js编写焦点图效果

浅谈javascript中执行环境（作用域）与作用域链

详解微信小程序 页面跳转 传递参数

解析如何利用iframe标签以及js制作时钟

AngularJS模仿Form表单提交的实现代码

微信公众号开发自定义菜单跳转页面并获取用户信息实例详解

微信小程序开发之大转盘仿天猫超市抽奖实例

微信小程序开发之录音机音频播放动画实例（真机可用）

详解微信小程序页面跳转传递参数