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

JavaScript实现事件的中断传播和行为阻止方法示例

2017年02月06日 93 阅读

事件传播MicroSoft的设计是当事件在元素上触发时，该事件将接着在该节点的父节点触发，以此类推，事件一直沿着DOM树向上传播，直到到达顶层对象document元素。这种自底向上的事件传播方式称为“事件冒泡”，也就是事件传播。如何中断事件的传播？stopPropagation（） w3c取消冒泡cancleBubble = true IE取消冒泡取消事件默认效果：returnValue = false IE 取消事件效果defaultPrevent（） ...

浅谈JavaScript异步编程

2017年02月06日 109 阅读

在一年前初学js的时候，看过很多关于异步编程的讲解。但是由于实践经验少，没有办法理解的太多，太理论的东西也往往是看完就忘。经过公司的三两个项目的锻炼，终于对js异步编程有了比较具体的理解。但始终入门较浅，在这里就当是给自己一个阶段性的总结。在异步编程中，一条语句的执行不能依赖上一条语句执行完毕的结果，因为无法预测一条语句什么时候执行完毕，它与代码顺序无关，语句是并发执行的。例如以下代码：$.get（$C.apiPath+"ucenter/padCharge...

详解微信小程序入门五: wxml文件引用、模版、生命周期

2017年02月06日 145 阅读

实例一: include方式引用header.wxml文件文件引用对于代码的重用非常重要，例如在web开发中我们可以将公用的header部分和footer等部分进行提取，然后在需要的地方进行引用。微信小程序里面，是包含引用功能的——include、import。这两个引用文件的标签，使用基本差不多，这里先说一下include。微信中的视图文件引用，引用过来的都是没有渲染的，基本类似于直接将引用过来的文件复制到引用位置，所以我们需要重新对其渲染。实例说明这里...

详解JavaScript中this的指向问题

2017年02月06日 102 阅读

this是面向对象语言中一个重要的关键字，理解并掌握该关键字的使用对于我们代码的健壮性及优美性至关重要。而javascript的this又有区别于Java、C#等纯面向对象的语言，这使得this更加扑朔迷离，让人迷惑。this使用到的情况：1. 纯函数2. 对象方法调用3. 使用new调用构造函数4. 内部函数5. 使用call / apply6.事件绑定1. 纯函数var name = "this is window"; //定义window的name属...

AngularJs上传前预览图片的实例代码

2017年02月06日 96 阅读

在工作中，使用AngularJs进行开发，在项目中，经常会遇到上传图片后，需在一旁预览图片内容，之前查了一些资料，结合实践，得出一种比较实用的方法，相对简化版，在这里记录一下，如有不同看法，欢迎一起沟通，一起成长。demo.html:<！doctype html> <html ng-app="myTestCtrl"> <head><meta charset="UTF-8"><title>demo&...

jquery表单插件form使用方法详解

2017年02月06日 137 阅读

传统的表单提交，都是页面跳转的形式，但是现在更流行ajax提交，那么如果希望有表单提交的简便，也有ajax的效果，有什么解决办法吗？怎么使用两种使用方式：第一种方式 <！DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script src="js/jquery-1.9....

jquery表单验证插件validation使用方法详解

2017年02月06日 112 阅读

一、如何使用引入js文件<script src="jquery.js"></script><script src="jquery.validate-1.13.1.js"></script>编写html页面，这里仅以用户名、密码为例<body> <form id="demoForm"><fieldset> <legend>用户登录</legend> &...

JS中from 表单序列化提交的代码

2017年02月06日 90 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所示：// ----ajax begin$.ajax（{type: "POST", url: "../compRule/updateRuleById?tids="+compTableName_val+"&isReportName="+$（"#isReport_update"）.val（）+"&heji_add="+$（"#heji_update"）.val（）, async:false, data:$（...

Javascript DOM事件操作小结（监听鼠标点击、释放，悬停、离开等）

2017年02月06日 91 阅读

本文实例总结了Javascript DOM事件操作。分享给大家供大家参考，具体如下：使用JavaScript可以对HTML页面上的各种事件进行监听，如鼠标点击/释放，鼠标悬停/离开，等等。效果图：代码：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...

BootStrap 图片样式、辅助类样式和CSS组件的实例详解

2017年02月06日 119 阅读

首先把模板代码上上来:<！DOCTYPE html><html> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel...

BootStrap CSS全局样式和表格样式源码解析

2017年02月06日 114 阅读

CSS全局样式1、布局容器类样式：.container 和 .container-fluid.container 固定宽度并且具有响应式。.container-fluid 自由宽度（100%宽度）。这2个class是直接在body标签下建立一个div标签，class等于这2个中的一个。然后其他内容全部写在这个div标签中即可！例如:<！DOCTYPE html><html><head> <title>Bo...

JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法

2017年02月06日 96 阅读

本文实例讲述了JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法。分享给大家供大家参考，具体如下：当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被构造为对象的树。通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。例如：改变HTML元素，改变HTML属性，改变CSS样式，事件响应。效果图：代码：<！DOCTYPE html...

JavaScript简单验证表单空值及邮箱格式的方法

2017年02月06日 90 阅读

本文实例讲述了JavaScript简单验证表单空值及邮箱格式的方法。分享给大家供大家参考，具体如下：运行效果图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><meta http-equiv="Conten...

Vue开发过程中遇到的疑惑知识点总结

2017年02月06日 99 阅读

前言Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。最近终于有时间空下来，所以想着把在使用vue过程遇到的一些问题疑惑总结处理，方便自己或者有需要的朋友们参考，下面话不多说了，来看看详细的介绍吧。一、计算缓存computed与Methodshtml代码: <div id="app"&g...

BootStrap栅格系统、表单样式与按钮样式源码解析

2017年02月06日 130 阅读

栅格系统1、栅格系统介绍Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。Bootstrap的栅格系统，由一个行（.row）和多个列构成。栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的网页布局中。具体的数据（文字、图片等都可以）放入列当中。注意：栅格系统，必须放在.container（固定宽度）或.conta...

微信小程序通过api接口将json数据展现到小程序示例

2017年02月06日 99 阅读

实现知乎客户端的一个重要知识前提就是，要知道怎么通过知乎新闻的接口，来把数据展示到微信小程序端上。那么我们这一就先学习一下，如何将接口获取到的数据展示到微信小程序上。 1.用到的知识点<1> wx.request 请求接口资源（微信小程序api中的发起请求部分） <2>swiper 实现轮播图的组件 <3>wx:for 循环语句 <4>微信小程序的基础知识2.实现原理首先，先看一下这个请求函数wx.requ...

node.js与C语言实现遍历文件夹下最大的文件，并输出路径，大小

2017年02月06日 91 阅读

node.js版遍历文件夹下最大的文件，并输出路径，大小实现代码：/*遍历文件夹下最大的文件，并输出路径，大小*/ function findmax（basepath）{//只能执行一次if（findmax.s） return;findmax.s = true;var fs = require（"fs"）;var maxfile = 0;var count = 0;var begin = new Date（）.getTime（）;function Tra...

Vue.js实现表格动态增加删除的方法（附源码下载）

2017年02月06日 128 阅读

Vue.jsVue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。先来看看实现的效果：下面的例子会用到bootstrap.min.css以及vue.js，都可以从网上下载（文末有完整源码下载提供）。实例源码<！DOCTYPE html> <html lang="en"> ...

原生js实现新闻列表展开/收起全文功能

2017年02月06日 120 阅读

知识要点1.实现原理很简单，通过点击a标签设置div的display属性隐藏或者显示，主要是对dom操作的掌握。2.需要用到的dom操作：parentNode 获取父级元素nextSibling获取下一个紧跟的节点previousSibling获取上一个紧跟的节点3.注意事项：要考虑到当点击展开全文的时候，其他已经展开的全文要收起来。当用nextSibling获取下一个节点时候，不同浏览器的判断是不一样的有的是获取元素，有的获取换行符或者空格，所以这里就要...

详解基于angular路由的requireJs按需加载js

2017年02月06日 102 阅读

最近终于不忙了！！有时间沉淀一下之前学到的angular东东！！angular路由想必大家已经不陌生了！（陌生的去看我之前那篇手把手教你配置angular路由！）angular路由作为单页面应用，切换页面的时候都是一个页面，所以切换controller和按需加载控件js就成了大问题！！折腾了我半天啊，angular-route内置的办法也没有解决这个问题，最终我是用requireJs解决的这个问题！！上代码！1.首先引入requireJs，并且在它的下面用...

首页 / 脚本样式 / JavaScript

JavaScript实现事件的中断传播和行为阻止方法示例

浅谈JavaScript异步编程

详解微信小程序入门五: wxml文件引用、模版、生命周期

详解JavaScript中this的指向问题

AngularJs上传前预览图片的实例代码

jquery表单插件form使用方法详解

jquery表单验证插件validation使用方法详解

JS中from 表单序列化提交的代码

Javascript DOM事件操作小结（监听鼠标点击、释放，悬停、离开等）

BootStrap 图片样式、辅助类样式和CSS组件的实例详解

BootStrap CSS全局样式和表格样式源码解析

JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法

JavaScript简单验证表单空值及邮箱格式的方法

Vue开发过程中遇到的疑惑知识点总结

BootStrap栅格系统、表单样式与按钮样式源码解析

微信小程序通过api接口将json数据展现到小程序示例

node.js与C语言 实现遍历文件夹下最大的文件，并输出路径，大小

Vue.js实现表格动态增加删除的方法（附源码下载）

原生js实现新闻列表展开/收起全文功能

详解基于angular路由的requireJs按需加载js

node.js与C语言实现遍历文件夹下最大的文件，并输出路径，大小