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

2017年02月06日 37 阅读

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的四个绑定规则总结

2017年02月06日 41 阅读

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

javascript的函数劫持浅析

2017年02月06日 40 阅读

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

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

2017年02月06日 37 阅读

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

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

2017年02月06日 40 阅读

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

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

2017年02月06日 43 阅读

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动画之模拟拖拽效果篇

2017年02月06日 43 阅读

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

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

2017年02月06日 41 阅读

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

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

2017年02月06日 40 阅读

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

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

2017年02月06日 43 阅读

本文分为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小游戏实例代码

2017年02月06日 37 阅读

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

微信小程序 开发指南详解

2017年02月06日 40 阅读

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

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

2017年02月06日 42 阅读

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

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

2017年02月06日 36 阅读

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

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

2017年02月06日 41 阅读

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

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

2017年02月06日 39 阅读

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

微信小程序使用第三方库Immutable.js实例详解

2017年02月06日 39 阅读

前言Immutable JS 提供一个惰性 Sequence，允许高效的队列方法链，类似 map 和 filter ，不用创建中间代表。immutable 通过惰性队列和哈希映射提供 Sequence, Range, Repeat, Map, OrderedMap, Set 和一个稀疏 Vector。微信小程序无法直接使用require（ "immutable.js" ）进行调用,需要对下载的Immutable代码进行修改,才能使用。原因分析Immutab...

微信小程序（四）应用生命周期详解

2017年02月06日 38 阅读

App（） 函数用来注册一个小程序，注意必须在 app.js 中注册，且不能注册多个。 使用方式也跟Android中的Application中初始化一些全局信息以供使用。方法：应用生命周期代码：相关文章：hello WeApp icon组件Window text组件switch组件tabBar底部导航 progress组件action-sheet应用生命周期button组件 modal组件页面生命周期checkbox组件toast组件模块化详form组件...

微信小程序（五）页面生命周期详细介绍

2017年02月06日 38 阅读

这里只要熟悉页面的基本生命周期即可，业务在指定生命周期函数内书写。以下是官网给出的生命周期函数方法和状态图上面的生周期函数图对于做Android 或者IOS的来书理解起来应该不是难事，具体怎么掌握只有慢慢尝试和摸索代码处理:这里的代码主需要对使用创建项目时index目录下文件处理下就行,至于跳转后的页面用的还是logs不需要更改！下面贴下代码注释也比较详细index.wxml<！--index.wxml--><view class="co...

微信小程序使用第三方库Underscore.js步骤详解

2017年02月06日 45 阅读

前言Underscore.js是一个很精干的库，压缩后只有4KB。Underscore 提供了100多个函数，包括常用的：map、filter、invoke — 当然还有更多专业的辅助函数，如：函数绑定、JavaScript 模板功能、创建快速索引、强类型相等测试等等。弥补了标准库的不足，大大方便了JavaScript的编程。微信小程序无法直接使用require（ "underscore.js" ）进行调用。微信小程序模块化机制微信小程序运行环境支持Com...