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

jquery实现全选、不选、反选的两种方法

2016年09月17日 16 阅读

在取复选框checkbox的属性checked属性值时，发现一个问题，就是当用attr取值时，真的为"checked",假的为"undefined";当用prop取值时，真的为"true",假的为"false"。经过网上参考一些资料，及根据官方的建议这两个用法：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop（），其他的使用 attr（）。方法一： <！DOCTYPE htm...

JavaScript中push（）,join（）函数实例详解

2016年09月17日 16 阅读

定义和用法push方法可向数组的末尾添加一个或多个元素，并返回一个新的长度。join方法用于把数组中所有元素添加到一个指定的字符串，元素是通过指定的分隔符进行分割的。语法arrayObject.push（newelement1,newelement2,....,newelementX）arrayObject.join（separator）。参数描述newelement1必需。要添加到数组的第一个元素。newelement2可选。要添加到数组的第二个元素...

JS原型链详解及示例代码

2016年09月17日 18 阅读

前言在 segmentfault 上看到这样一道题目：var F = function（）{};Object.prototype.a = function（）{};Function.prototype.b = function（）{};var f = new F（）;问：f 能取到a,b吗？原理是什么？乍一看真的有点懵，仔细研究了一下，发现还是对原型理解不透彻，所以总结一篇，填个洞~Function和Object在解题之前，先再说说原型、原型链，以及 F...

BootStrap glyphicon图标无法显示的解决方法

2016年09月17日 19 阅读

如果不注意bootstrap引入css和fonts的规范，则可能会导致bootstrap 在显示glyphicon图标时无法正常显示，显示为方框。此时可搜索bootstrap.css中的.glyphicon，可发现其大约上下10行左右有引入字体的URL，如下所示：确保该目录存在即可。通常出错是因为路径不正确所致。以上所述是小编给大家介绍的BootStrap glyphicon图标无法显示的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及...

AngularJS 面试题集锦

2016年09月17日 14 阅读

ng-if 跟 ng-show/hide 的区别有哪些？第一点区别是， ng-if 在后面表达式为 true 的时候才创建这个 dom 节点， ng-show 是初始时就创建了，用 display:block 和 display:none 来控制显示和不显示。第二点区别是， ng-if 会（隐式地）产生新作用域， ng-switch 、 ng-include 等会动态创建一块界面的也是如此。这样会导致，在 ng-if 中用基本变量绑定 ng-model ，...

AngularGauge 属性解析详解

2016年09月17日 12 阅读

<Chart bgColor="FFFFFF" upperLimit="120" lowerLimit="0" baseFontColor="666666" majorTMNumber="10" majorTMColor="666666" majorTMHeight="8" minorTMNumber="5" minorTMColor="666666" minorTMHeight="3" pivotRadius="10" showGaugeBorde...

基于JavaScript实现购物网站商品放大镜效果

2016年09月17日 18 阅读

大家几乎都有在网上购物的经验，有的网站会有一个商品放大镜功能，就是把鼠标移到图片上的时候，旁边会有另外一张大的图片展示，等同于放大镜效果，那这样的效果怎样实现的呢，我把代码发给大家，请大家参考。<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>放大镜</title><style>*{margi...

Vue.js每天必学之方法与事件处理器

2016年09月17日 17 阅读

方法处理器可以用 v-on 指令监听 DOM 事件：<div id="example"> <button v-on:click="greet">Greet</button></div>我们绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法：var vm = new Vue（{ el: "#example", data: {name: "Vue.js" }, // 在 `meth...

Vuejs第十篇之vuejs父子组件通信

2016年09月17日 18 阅读

本篇文章是小编结合官方文档整理的一套更加细致，代码更多更全的教程，非常不错，比较适合新手阅读。本篇资料来于官方文档：http://cn.vuejs.org/guide/components.html#u7236_u5B50_u7EC4_u4EF6_u901A_u4FE1父子组件通信①访问子组件、父组件、根组件；this.$parent 访问父组件this.$children 访问子组件（是一个数组）this.$root 根实例的后代访问根实例示例代码：&l...

Vue.js 父子组件通讯开发实例

2016年09月17日 15 阅读

vue.js，是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。（这是官方的一个解释！）小编没使用过angularjs，也没使用过react.js，不能详细的说明三者的区别，想了解的话，在官方有一个分析，请点这里查看小编从业前端开发也有了一年多的时间，刚开始的时候，前端开发展现的技术太多，小编有心无力，兼顾不过来，经过了解之后，还是选择了学原生js基础兼并jquery的学习上路。小编...

Vue.js每天必学之过渡与动画

2016年09月17日 12 阅读

通过 Vue.js 的过渡系统，可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。为了应用过渡效果，需要在目标元素上使用 transition 特性：<div v-if="show" transition="my-transition"></div>transition 特性可以与下...

如何解决IONIC页面底部被遮住无法向上滚动问题

2016年09月17日 14 阅读

Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。ionic 特点1.ionic 基于Angular语法，简单易学。[3]2.ionic 是一个轻量级框架。3.ionic 完美的融合下一代移动框架，支持 Angula...

原生JS:Date对象全面解析

2016年09月17日 14 阅读

Date对象：基于1970年1月1日（世界标准时间）起的毫秒数本文参考MDN做的详细整理，方便大家参考MDN构造函数：1.new Date（）; 依据系统设置的当前时间来创建一个Date对象。2.new Date（value）; value代表自1970年1月1日00:00:00 （世界标准时间）起经过的毫秒数。3.new Date（dateString）; dateString表示日期的字符串值。该字符串应该能被 Date.parse（）方法识别（符...

ion content 滚动到底部会遮住一部分视图的快速解决方法

2016年09月17日 14 阅读

出现上面这个问题主要的原因是产品的需求要求点击隐藏或者展开二级列表，导致ion-content出现这个问题，经过多次尝试终于找到解决办法，很简单，只要在你的controller里面预先注入$ionicScrollDelegate，如下代码app.controller（"myperforController", ["$scope", "$http", "$state", "$ionicLoading", "service", "$ionicHistory",...

使用JS实现图片展示瀑布流效果（简单实例）

2016年09月17日 14 阅读

不知大家有没有发现，一般的图片展示网站都会使用瀑布流效果，所谓的瀑布流就是网站内的图片不会一下子全缓存出来，而是等你滚动到一定的距离的时候，下面的图片才会继续缓存，并且图片也是随机出现的，只是宽度一样，高度并不一样，高高低低就像瀑布一样，所以叫做瀑布流效果。下面我把代码给大家，大家随便下几张图片试试。<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"...

使用JS轻松实现ionic调用键盘搜索功能（超实用）

2016年09月17日 13 阅读

这个需求是产品提的，一开始只是设置了 <input style="padding-top: 3px;" type="search" placeholder="搜索医生或医院" ng-model="query">type="search"发现android上可以ios调取不出search健来，气死我了，经过google的搜索得到结论，需要在外面套用一个form表单，于是加上果然好使而且结合了form表单提交的事件直接调用了button 按钮的点击...

ionic在开发ios系统微信时键盘挡住输入框的解决方法（键盘弹出问题）

2016年09月17日 15 阅读

在使用ionic开发IOS系统微信的时候会有一个苦恼的问题，填写表单的时候键盘会挡住输入框，其实并不算什么大问题，只要用户输入一个字就可以立刻看见输入框了。可惜的是，有些客户是不讲理的，他才不管这个问题，反正就是不行，所以在一天睡觉的时候突然惊醒，想出来这个方案。我就不仔细讲代码了，直接上图 angular.module（"MyApp"）.directive（"focusInput", ["$ionicScrollDelegate", "$win...

js 获取元素所有兄弟节点的实现方法

2016年09月17日 15 阅读

比如一个ul里面有10个li，而第3个li上有特殊的样式（比如颜色为红色，其他为黑色）。我想把其他所有li——不包括红的li——的颜色也设为红色，此时，就需要获得红li的所有兄弟节点。兄弟，就是和你平辈的，既不是上一级也不是下一级，而且可能有比你大的（兄），也可能比你小（弟）。兄弟节点同理，下面是一个常规的获取兄弟节点的办法。代码如下function siblings（elm） {var a = [];var p = elm.parentNode.chil...

HTML5 canvas 9绘制图片实例详解

2016年09月17日 18 阅读

绘制图片Var image=new Image（）;image.src=” http://img4.duitang.com/uploads/item/201406/25/20140625182321_4MTau.thumb.700_0.jpeg”;image.onload=function（）{}Context.drawImage（image,x,y）;Context.drawImage（image,x,y,w,h）;Context.drawIamge（i...

jquery validate表单验证插件

2016年09月17日 18 阅读

对于初学者而言，html表单验证是一项极其琐碎的事情。要做好表单验证，需要准备以下基本要素：1.html表单结构：包含需要校验的表单元素；2.js逻辑控制：在需要校验的表单元素上绑定事件，如点击、获取焦点、失去焦点等事件，并设置这些事件对应的执行函数；3.css样式设置：针对需要校验的表单元素，需要设置默认的初始样式，以及触发元素绑定事件后的变化样式。这3类基本要素中，html表单结构的创建相对简单。表单验证的重点和难点在于如何利用js及时有效地提醒用户有...

首页 / 脚本样式 / JavaScript

jquery实现全选、不选、反选的两种方法

JavaScript中push（）,join（） 函数 实例详解

JS原型链 详解及示例代码

BootStrap glyphicon图标无法显示的解决方法

AngularJS 面试题集锦

AngularGauge 属性解析详解

基于JavaScript实现购物网站商品放大镜效果

Vue.js每天必学之方法与事件处理器

Vuejs第十篇之vuejs父子组件通信

Vue.js 父子组件通讯开发实例

Vue.js每天必学之过渡与动画

如何解决IONIC页面底部被遮住无法向上滚动问题

原生JS:Date对象全面解析

ion content 滚动到底部会遮住一部分视图的快速解决方法

使用JS实现图片展示瀑布流效果（简单实例）

使用JS轻松实现ionic调用键盘搜索功能（超实用）

ionic在开发ios系统微信时键盘挡住输入框的解决方法（键盘弹出问题）

js 获取元素所有兄弟节点的实现方法

HTML5 canvas 9绘制图片实例详解

jquery validate表单验证插件

JavaScript中push（）,join（）函数实例详解

JS原型链详解及示例代码