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

BootStrap下拉菜单和滚动监听插件实现代码

2016年10月06日 13 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所述：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"><title&...

几句话带你理解JS中的this、闭包、原型链

2016年10月06日 11 阅读

原型链所有对象都是基于Object.prototype，Object.prototype就是JavaScript的根对象，在Object.prototype中定义的方法都可以被其它对象访问到，当然也可以被重写了，所以直接在Object.prototype上调用的是原始功能的toString（）方法，该方法会放回参数对象的内置属性[[class]]的值，这个值是个字符串，比如"[Object String]"要理解原型链机制的话，首先得知道根本原因：Java...

Windows环境下npm install 报错: operation not permitted, rename的解决方法

2016年10月06日 13 阅读

前言最近发现了一个问题，运行 npm install 命令安装依赖包，在 Mac 上的 Vagrant 装的虚拟机上没问题，在阿里云 CentOS 上也没问题，但是在 Windows 环境同样是 Vagrant 装的环境相同的虚拟机上就是不成功，报错如下：npm ERR！ Error: EPERM: operation not permitted, rename ‘/usr/share/nginx/html/tanteng.me/node_modules/...

jQuery tagsinput在h5邮件客户端中应用详解

2016年10月06日 13 阅读

摘要最近一直在折腾邮件的h5应用，为了保证在pc，ios，android端都可以使用，所以使用H5页面的方式嵌入app的webview中。页面UI大概是这样的Jquery tagsinput下载：http://xoxco.com/projects/code/tagsinput/首先引入js和css输入框<input name="tags" id="tags" value="wolfy,wolfy2" /> 上面的输入框，有默认的value，你可...

jQuery 选择器（61种）整理总结

2016年10月06日 13 阅读

1. #id : 根据给定的ID匹配一个元素<p id="myId">这是第一个p标签</p><p id="not">这是第二个p标签</p><script type="text/javascript"> $（function（）{ $（"#myId"）.css（"color","red"）; }）;</script>结果：这是第一个p标签这是第二个p标签2. element : 根据...

JavaScript中this的四个绑定规则总结

2016年10月06日 11 阅读

前言如果要问javascript中哪两个知识点容易混淆，作用域查询和this机制绝对名列前茅。所以这篇文章开始将介绍javascript中this的四个绑定规则，下面来一起看看吧。绑定规则1. 默认绑定独立函数调用时，this 指向全局对象，如果使用严格模式，那么全局对象无法使用默认绑定， this绑定至 undefined。function foo（） { console.log（this.a）;}var a = 2;foo（）; // 2严格模式时：f...

javascript的函数劫持浅析

2016年10月06日 14 阅读

javascript的函数劫持是什么？函数劫持，顾名思义，即在一个函数运行之前把它劫持下来，添加我们想要的功能。当这个函数实际运行的时候，它已经不是原本的函数了，而是带上了被我们添加上去的功能。这也是我们常见的钩子函数的原理之一。乍一看上去，这很像是函数的改写。函数的改写也可以理解为是函数劫持的一种，但是这种方式太恶心了。作为一个劫持者，在绑票获得好处以后也应该遵守职业道德，把人原封不动地还回去，所以我们得在合适的地方把函数原本的功能给重新调用回来。推而广...

jQuery中JSONP的两种实现方式详解

2016年10月06日 14 阅读

前台代码如下：后台Action代码如下：运行后就可以看到结果了。我追踪了下后台ProcessCallback代码，如下图：可以看到jsonCallback的值为"jQuery17104721...."，它是前端传给远程服务器后台Action的。这里 jQuery171..表示的是jQuery的版本，可以简单地将这个理解为JSONP类型请求回调函数，jQuery在我们每次指定Ajax请求方式为 JSONP时都会生成这么一个JSONP回调函数。虽然jQuery...

微信小程序框架详解及实例应用

2016年10月06日 12 阅读

快速了解微信小程序的使用，一个根据小程序的框架开发的todos app微信官方已经开放微信小程序的官方文档和开发者工具。前两天都是在看相关的新闻来了解小程序该如何开发，这两天官方的文档出来之后，赶紧翻看了几眼，重点了解了一下文档中框架与组件这两个部分，然后根据简易教程，做了一个常规的todo app。这个app基于微信小程序的平台，实现了todo app的常规功能，同时为了让它更接近实际的工作场景，也用到了loading与toast这两个组件来完成一些操作...

微信小程序（应用号）简单实例应用及实例详解

2016年10月06日 14 阅读

Demo 预览演示视频（流量预警 2.64MB）GitHub Repo 地址仓库地址：https://github.com/zce/weapp-demo使用步骤将仓库克隆到本地：bash $ git clone https://github.com/zce/weapp-demo.git weapp-douban --depth 1 $ cd weapp-douban打开微信Web开放者工具（注意：必须是0.9.092300版本）必须是0.9.092300版...

javascript动画之模拟拖拽效果篇

2016年10月06日 13 阅读

先看看实现效果图，模拟拖拽最终效果和在桌面上移动文件夹的效果类似原理介绍鼠标按下时，拖拽开始。鼠标移动时，被拖拽元素跟着鼠标一起移动。鼠标抬起时，拖拽结束所以，拖拽的重点是确定被拖拽元素是如何移动的假设，鼠标按下时，鼠标对象的clientX和clientY分别为x1和x2。元素距离视口左上角x轴和y轴分别为x0和y0鼠标移动的某一时刻，clientX和clientY分别为x2和y2所以，元素移动的x轴和y轴距离分别为x2-x1和y2-y1元素移动后，元素...

IOS中safari下的select下拉菜单文字过长不换行的解决方法

2016年10月06日 19 阅读

今天遇到下图这种问题，文字过长，显示不全。折腾了老半天，在网上搜了半天也找不到解决方案。于是问了下同事，同事提到了<optgroup>，这个标签厉害。<optgroup> 标签定义选项组。optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。以上所述是小编给大家介绍的IOS中safari下的select下拉菜单文字过长不换行的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，...

angular基于路由控制ui-router实现系统权限控制

2016年10月06日 12 阅读

前端去实现权限控制听起来有点扯淡（实际也有点扯淡），掩耳盗铃，主要是担心安全问题，但是如果在前后端分离的情况下，需要做一个带有权限控制的后台管理系统，angular基于ui-router应该怎么做呢？权限的设计中比较常见的就是RBAC基于角色的访问控制,基本思想是，对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有操作权限。这样做的好...

jQuery实现表格文本框淡入更改值后淡出效果

2016年10月06日 12 阅读

本文分为html代码和jquery两段代码，代码很简单，大家可以参考下！html代码<table style="border:1px solid blue"><tr><th>id</th><th>name</th><th>age</th><th>sex</th><th>操作</th></tr><t...

纯JavaScript 实现flappy bird小游戏实例代码

2016年10月06日 13 阅读

前言：《flappy bird》是一款由来自越南的独立游戏开发者Dong Nguyen所开发的作品，游戏于2013年5月24日上线，并在2014年2月突然暴红。2014年2月，《Flappy Bird》被开发者本人从苹果及谷歌应用商店撤下。2014年8月份正式回归APP STORE，正式加入Flappy迷们期待已久的多人对战模式。游戏中玩家必须控制一只小鸟，跨越由各种不同长度水管所组成的障碍。正文：接下来就是一步一步来实现它步骤1：页面布局，这儿就不多说了...

微信小程序开发指南详解

2016年10月06日 15 阅读

编写代码创建小程序实例点击开发者工具左侧导航的“编辑”，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。下面我们简单了解这三个文件的功能，方便修改以及从头开发自己的微信小程序。 app.js是小程序的脚本代码。我们...

微信小程序在Chrome浏览器上运行以及WebStorm的使用

2016年10月06日 13 阅读

「微信小程序」的开发框架体验起来，还不错——自带了UI框架。但是问题是他的IDE，表现起来相当的糟糕——其实主要是因为，我当时买WebStorm License买了好多年。所以，我觉得他的IDE真不如我这个付费好用。而且，作为一个拥护自由和开源的「GitHub 中国区首席Markdown程序员」。微信在「微信小程序」引导着Web开向封闭，我们再也不能愉快地分享我们的代码了。如果我们放任下去，未来的Web世界令人堪忧。好了，废话说完了：文章太长不想看，可以...

微信小程序（一）新建项目hello WeApp 详细介绍

2016年10月06日 12 阅读

本篇默认已经成功安装微信小程序工具新建项目AppID查看公众开发平台设置查看（https://mp.weixin.qq.com）项目名称随意填写本地开发项目：新建一个空的文件夹勾线当前会生成一个项目打开项目更详细的说多了也没啥意义看官网的简易教程非常详细！！！！！！！！！ https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089807相关文章：hello WeApp icon组件Window...

微信小程序（二）Window 配置详细介绍

2016年10月06日 31 阅读

window用于设置小程序的状态栏、导航条、标题、窗口背景色。注意在app.json中配置的属性会被子window属性覆盖只需在app.json配置即可相关文章：hello WeApp icon组件Window text组件switch组件tabBar底部导航 progress组件action-sheet应用生命周期button组件 modal组件页面生命周期checkbox组件toast组件模块化详form组件详 loading 组件数据绑定input...

微信小程序（三）tabBar底部导航详细介绍

2016年10月06日 21 阅读

tabBar相对而言用的还是比较多的，但是用起来并没有难，在app.json中配置下tabBar即可，注意tabBar至少需要两个最多五个Item选项主要属性：对于tabBar整体属性设置：对于tabBar中每个Item属性设置：下面是官网一张图对tabBar描述：app.json的配置相对就简单了：...

首页 / 脚本样式 / JavaScript

BootStrap下拉菜单和滚动监听插件实现代码

几句话带你理解JS中的this、闭包、原型链

Windows环境下npm install 报错: operation not permitted, rename的解决方法

jQuery tagsinput在h5邮件客户端中应用详解

jQuery 选择器（61种）整理总结

JavaScript中this的四个绑定规则总结

javascript的函数劫持浅析

jQuery中JSONP的两种实现方式详解

微信小程序 框架详解及实例应用

微信小程序（应用号）简单实例应用及实例详解

javascript动画之模拟拖拽效果篇

IOS中safari下的select下拉菜单文字过长不换行的解决方法

angular基于路由控制ui-router实现系统权限控制

jQuery实现表格文本框淡入更改值后淡出效果

纯JavaScript 实现flappy bird小游戏实例代码

微信小程序 开发指南详解

微信小程序 在Chrome浏览器上运行以及WebStorm的使用

微信小程序 （一）新建项目hello WeApp 详细介绍

微信小程序（二）Window 配置详细介绍

微信小程序 （三）tabBar底部导航详细介绍

微信小程序框架详解及实例应用

微信小程序开发指南详解

微信小程序在Chrome浏览器上运行以及WebStorm的使用

微信小程序（一）新建项目hello WeApp 详细介绍

微信小程序（三）tabBar底部导航详细介绍