jquery对象和DOM对象的相互转换详解

2017年02月06日 45 阅读

jquery对象和DOM对象的相互转换在讨论jquery对象和DOM对象的相互转换之前，先约定好定义变量的风格如果获取的是jquery对象，那么在变量前面加上$,例如var $varible = jquery对象；如果获取的是DOM对象，则定义如下：var varible = DOM对象；1.jquery对象转成DOM对象：jquery对象不能使用DOM中的方法，但如果对jquery对象所提供的方法不熟悉，或者没有jquery想封装的方法，不得不使用DOM...

原生JS实现匀速图片轮播动画

2017年02月06日 45 阅读

JS实现轮播图实现结果图：需求：1 根据图片动态添加小圆点 2 目标移动到小圆点轮播图片 3 鼠标离开图片，定时轮播图片；鼠标在图片上时暂停 4 左右两侧可点击轮播图片 一、布局部分 html部分<div class="w main clearfix"><！--主内容部分开始--><div class="slider"><！--轮播图部分开始--><ul class="imgs" id="slider_...

微信小程序 教程之WXML

2017年02月06日 37 阅读

系列文章：微信小程序 教程之WXSS微信小程序 教程之引用微信小程序 教程之事件微信小程序 教程之模板微信小程序 教程之列表渲染微信小程序 教程之条件渲染微信小程序 教程之数据绑定微信小程序 教程之WXMLWXMLWXML（WeiXin Markup Language）是MINA设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。用以下一些简单的例子来看看WXML具有什么能力：数据绑定<！--wxml--><text>...

vue.js通过自定义指令实现数据拉取更新的实现方法

2017年02月06日 39 阅读

前言这篇文章的代码片段位于 vue 的单文件组件中，即以 .vue 结尾的文件中，本文说明的只是一种实现方法，既不是唯一的方法也不是最好的方法，如果大家有更好的方法可以留言，大家进行讨论。第一步首先，一定要先定义变量：// app.vue <script>data （） {return { // 定义 getData getData:{}, // 定义自定义指令的绑定值 ifUpdate:true}}第二步然后要使用 ajax 的话，要在 in...

微信小程序 教程之数据绑定

2017年02月06日 42 阅读

系列文章：微信小程序 教程之WXSS微信小程序 教程之引用微信小程序 教程之事件微信小程序 教程之模板微信小程序 教程之列表渲染微信小程序 教程之条件渲染微信小程序 教程之数据绑定微信小程序 教程之WXML数据绑定WXML中的动态数据均来自对应Page的data。简单绑定数据绑定使用"Mustache"语法（双大括号）将变量包起来，可以作用于：内容<view> {{ message }} </view>Page（{ data: { ...

微信小程序 教程之条件渲染

2017年02月06日 42 阅读

系列文章：微信小程序 教程之WXSS微信小程序 教程之引用微信小程序 教程之事件微信小程序 教程之模板微信小程序 教程之列表渲染微信小程序 教程之条件渲染微信小程序 教程之数据绑定微信小程序 教程之WXMLwx:if在MINA中，我们用wx:if="{{condition}}"来判断是否需要渲染该代码块：<view wx:if="{{condition}}"> True </view>也可以用wx:elif和wx:else来添加一个...

微信小程序 教程之列表渲染

2017年02月06日 39 阅读

系列文章：微信小程序 教程之WXSS微信小程序 教程之引用微信小程序 教程之事件微信小程序 教程之模板微信小程序 教程之列表渲染微信小程序 教程之条件渲染微信小程序 教程之数据绑定微信小程序 教程之WXMLwx:for在组件上使用wx:for控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item<view wx:for="{{items}}"> {{index...

微信小程序 教程之模板

2017年02月06日 41 阅读

系列文章：微信小程序 教程之WXSS微信小程序 教程之引用微信小程序 教程之事件微信小程序 教程之模板微信小程序 教程之列表渲染微信小程序 教程之条件渲染微信小程序 教程之数据绑定微信小程序 教程之WXML模板WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。定义模板使用name属性，作为模板的名字。然后在<template/>内定义代码片段，如：<！-- index: int msg: string ...

微信小程序 教程之事件

2017年02月06日 41 阅读

系列文章：微信小程序 教程之WXSS微信小程序 教程之引用微信小程序 教程之事件微信小程序 教程之模板微信小程序 教程之列表渲染微信小程序 教程之条件渲染微信小程序 教程之数据绑定微信小程序 教程之WXML什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如id, dataset, touches。事件的使用方式在组件中绑定...

Angular2中Bootstrap界面库ng-bootstrap详解

2017年02月06日 40 阅读

准备 Angular 2 环境ng-bootstrap 是基于 Angular 2 的， 因此需要先准备 Angular 2 的环境。使用 ng-bootstrap下载 ng-bootstrapng-bootstrap 使用 bootstrap 4.0 alpha2 ， 因此需要先下载 bootstrap ， 推荐使用 npm 包的形式：npm install bootstrap@4.0.0-alpha.2 --save接着下载 ng-bootstrap ...

微信小程序 教程之引用

2017年02月06日 40 阅读

系列文章：微信小程序 教程之WXSS微信小程序 教程之引用微信小程序 教程之事件微信小程序 教程之模板微信小程序 教程之列表渲染微信小程序 教程之条件渲染微信小程序 教程之数据绑定微信小程序 教程之WXML引用WXML提供两种文件引用方式import和include。importimport可以在该文件中使用目标文件定义的template，如：在item.wxml中定义了一个叫item的template：<！-- item.wxml -->&l...

微信小程序 教程之WXSS

2017年02月06日 39 阅读

系列文章：微信小程序 教程之WXSS微信小程序 教程之引用微信小程序 教程之事件微信小程序 教程之模板微信小程序 教程之列表渲染微信小程序 教程之条件渲染微信小程序 教程之数据绑定微信小程序 教程之WXMLWXSSWXSS（WeiXin Style Sheets）是MINA设计的一套样式语言，用于描述WXML的组件样式。WXSS用来决定WXML的组件应该怎么显示。为了适应广大的前端开发者，我们的WXSS具有CSS大部分特性。 同时为了更适合开发微信小程序，...

Bootstrap框架的学习教程详解（二）

2017年02月06日 42 阅读

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。一、下载BootstrapBootstrap （当前版本 v3.3.0）提供以下几种方式帮你快速上手，每一种方式针对具有不同技能等级的开发者和不同的使用场景。下载地址：http://v3.bootcss.com/getting-started/#downloadPS：其实我们不用...

Angular.js中用ng-repeat-start实现自定义显示

2017年02月06日 45 阅读

前言众所周知AngularJS 中可以使用 ng-repeat 显示列表数据，这对大家来说应该都不陌生了， 用起来很简单， 也很方便， 比如要显示一个产品表格， Controller 的 Javascript 代码如下：angular.module（"app", []）.controller（"MyController", MyController）;MyController.$inject = ["$scope"];function MyControll...

vue.js表格分页示例

2017年02月06日 36 阅读

分页一般和表格一起用，分页链接作为表格的一部分，将分页链接封装成一个独立的组件，然后作为子组件嵌入到表格组件中，这样比较合理。效果：代码：1.注册一个组件jsVue.component（"pagination",{template:"#paginationTpl",replace:true,props:["cur","all","pageNum"],methods:{//页码点击事件btnClick: function（index）{if（index ！=...

vue.js 表格分页ajax 异步加载数据

2017年02月06日 40 阅读

Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。分页一般和表格一起用，分页链接作为表格的一部分，将分页链接封装成一个独立的组件，然后作为子组件嵌入到表格组件中，这样比较合理。1.注册一个组件jsVue.component（"pagination",{template:"#paginationTpl",replace:true,props:["cur","all","pageNum"],methods:{//页码点击事件b...

Jquery表单验证失败后不提交的解决方法

2017年02月06日 42 阅读

前言这个问题经过我的整理发现是对事件的认识和js的结构没有了解清楚，return的false在onclick事件中没有返回，所以onclick之后只是显示了false值。解决方法示例就是一个普通的表单验证提交：<input type="botton" </code><code>onclick="javascript:checkUserInfo（）"</code><code>/>checkUserI...

jQuery动态添加与删除tr行实例代码

2017年02月06日 42 阅读

这篇文章给大家分享的是一个用Jquery实现动态添加和删除tr行的小例子下面是实现的样子,当然没有样式：点击添加按钮可以添加一行：点击删除可以删除本行：基本功能是这样，下面是代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <！-- 这里是引用了一个百度的jquery库,可换为本地jquery库 ...

javascript self对象使用详解

2017年02月06日 41 阅读

Javascript self对象指窗口本身，它返回的对象跟window对象是一模一样的，也正因为如此，window对象的常用方法和函数都可以用self代替window，本文章向大家介绍self对象的使用方法和实例，我们知道，打开任何一个网页，浏览器会首先创建一个窗口，这个窗口就是一个window对象，也是js运行所依附的全局环境对象和全局作用域对象。self 指窗口本身，它返回的对象跟window对象是一模一样的。也正因为如此，window对象的常用方法...

Javascript typeof与instanceof的区别

2017年02月06日 40 阅读

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的：typeoftypeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。typeof 一般只能返回如下几个结果：number,boolean,string,function,object,undefined。我们可以使用 typeof 来获取一个变量是否存在，如 ...