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

微信小程序 radio单选框组件详解及实例代码

2017年02月06日 118 阅读

React实现点击删除列表中对应项

2017年02月06日 178 阅读

点击删除按钮，删除列表中对应项本来是React比较基础的应用，可是应用情况变得复杂了以后，我还真想了一会儿才搞定。简化一下应用场景：点击新增按钮，增加一条输入框，点击输入框旁边的按钮，删除该输入框（不能删错了啊）。先说第一种方法问题刚上手，首先规划级别：一个输入框和对应删除按钮为一个子组件，整体为父组件即可方便处理。注意的点：生成的一坨输入框是一个数组，为了准确删掉对应项，生成时要编号。点击删除按钮要反馈对应编号，然后进行删除。现在的逻辑是：整个待展示列表...

bootstrap table分页模板和获取表中的ID方法

2017年02月06日 123 阅读

1.dao层 MyBatis映射 mapper.xml中 <select id="getTcdt" parameterType="com.ls.entity.Mydata" resultMap="BaseResultMap">select * from TB_COMMUNICATION_DEVICE_TBL ORDER BY ${ordername} ${order} </select> mapper.java中public Lis...

vue组件实例解析

2017年02月06日 86 阅读

实现此例您可以学到：vue-cli的基本应用父组件如何向子组件传递值单文件组件如何引入scssv-on和v-for的基础应用源码下载一、搭建vue开发环境1）更换镜像到cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org2）安装vue-clicnpm install -g vue-cli3）初始化vue项目命令模式进入项目所在的目录，如d: est，输入vue init 项目...

JavaScript中的call和apply的用途以及区别

2017年02月06日 79 阅读

apply 接受两个参数，第一个参数指定了函数体内this 对象的指向，第二个参数为一个带下标的集合，这个集合可以为数组，也可以为类数组，apply 方法把这个集合中的元素作为参数传递给被调用的函数：var func = function（ a, b, c ）{alert （ [ a, b, c ] ）; // 输出 [ 1, 2, 3 ]};func.apply（ null, [ 1, 2, 3 ] ）;在这段代码中，参数 1、2、3 被放在数组中一起传...

js如何判断是否在iframe中及防止网页被别站用iframe嵌套

2017年02月06日 126 阅读

1. js如何判断是否在iframe中Js代码//方式一 if （self.frameElement && self.frameElement.tagName == "IFRAME"） {alert（"在iframe中"）; } //方式二 if （window.frames.length ！= parent.frames.length） {alert（"在iframe中"）; } //方式三 if （self ！= top） { alert（"在ifra...

JQuery实现动态操作表格

2017年02月06日 88 阅读

最近要做的东西，是对一个表格动态的添加行，删除行，并且对表格中内容进行非空验证。<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><sc...

canvas 弹幕效果（实例分享）

2017年02月06日 76 阅读

话不多说，请看代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <canvas style="width: 1280px;height: 720px;background-color: rgba（0,0,0,...

微信小程序特效菜单抽屉效果实例代码

2017年02月06日 117 阅读

实现效果图：抽屉菜单是app上常见的菜单设计方式，典型的抽屉菜单如下图所示下面展示如何基于微信小程序实现抽屉菜单,最终效果如下图所示：页面包含一个主页和抽屉菜单页，为了实现滑动效果，页面采用absolute布局，代码如下index.wxml<view id="id-main-page" class="main-page" animation="{{animationData}}" style="left:{{mainPageLeft}}rpx;" b...

JavaScript实现大图轮播效果

2017年02月06日 79 阅读

本文实例为大家分享了js图片轮播效果的具体代码，供大家参考，具体内容如下<head> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>大图轮播</title><style type="text/css"> * {margin: 0px;padding: 0px; }#co...

ajax的分页查询示例（不刷新页面）

2017年02月06日 105 阅读

既然是分页查询，那么就要有张数据很多的表，可以让它进行分页显示，用普通的方法进行分页查询必然是要刷新页面的，这里要实现不刷新页面进行分页显示数据，就要用到ajax方式。进行编写代码（1）先写个显示数据的页面，分页查询需要那几个部分呢？1.首先是查询的文本框输入，还有查询按钮，那么就开始写代码吧<div><input type="text" id="key" /> //输入查询字的文本框<input type="button" ...

AngularJS中的按需加载ocLazyLoad示例

2017年02月06日 79 阅读

一、前言ocLoayLoad是AngularJS的模块按需加载器。一般在小型项目里，首次加载页面就下载好所有的资源没有什么大问题。但是当我们的网站渐渐庞大起来，这样子的加载策略让网速初始化速度变得越来越慢，用户体验不好。二来，分模块加载易于团队协作，减低代码冲突。二、按需加载的对象各个Controller模块、Directive模块、Server模块、template模板，其实这些都是一些 .js文件或者 .html文件。三、按需加载的场景1 路由加载...

AngularJS中的缓存使用

2017年02月06日 81 阅读

缓存篇一个缓存就是一个组件，它可以透明地储存数据，以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复，消耗时间。因此缓存适用于变化性不大的一些数据，缓存能够服务的请求越多，整体系统性能就能提升越多。$cacheFactory与缓存对象$cacheFactory是一个为Angular服务生产缓存对象的服务。要创建一个缓存对象，可以使用$cacheFactory通过一个ID和capacity。其中，ID是一个缓存对象的名称，capacity则是...

jQuery插件JWPlayer视频播放器用法实例分析

2017年02月06日 106 阅读

本文实例讲述了jQuery插件JWPlayer视频播放器用法。分享给大家供大家参考，具体如下：JWPlayer 插件播放视频播放器使用方法：<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ page contentType="text/html; charset=UTF-8"%><！DOCTYPE html><html>&...

微信小程序常见问题总结（4058，40013）及解决办法

2017年02月06日 96 阅读

微信小程序常见问题：一：项目结构微信小程序项目结构主要有四个文件类型,如下WXML （WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。WXSS （WeiXin Style Sheets）是一套样式语言，用于描述 WXML 的组件样式，js 逻辑处理，网络请求json 小程序设置，如页面注册，页面标题及tabBar。注意：为了方便开发者减少配置项，规定描...

web打印小结

2017年02月06日 102 阅读

项目中有个需求是将winform客户端的打印，移到网页上由客户自行打印，打印要求是根据一定的格式实现套打。当时的解决方案是使用PDF打印：1、准备好套打格式的底图；2、打开底图，将动态内容画到底图上；3、利用第二步修改后的图片，生成PDF，完成打印后来发现一款比较强大的web打印工具lodop,简单使用说明如下：1、先检查下浏览器是否安装此插件： http://www.lodop.net/demolist/PrintSample1.html2、建立htm...

Angularjs中使用layDate日期控件示例

2017年02月06日 126 阅读

layDate 控件地址：http://laydate.layui.com/前情：原来系统中使用的日期控件是UI bootstrap（地址：https://angular-ui.github.io/bootstrap/）里的。后来因为各种原因，要换掉UI bootstrap中的日期控件，改用layDate日期控件。解决思路：将layDate的初始化及相关代码定义在指令里。问题关键点：layDate操作的是Html元素的,怎么实现双向绑定，同步Angular...

微信小程序轮播图swiper详解及实例（源码下载）

2017年02月06日 102 阅读

微信小程序 swiper 轮播图前言：1.更新了v0.12的版本后，每次保存都弹出来一个打开文件窗口。2.swiper组件的属性indicator-dots，值为false时，面板指示点还是显示。要把indicator-dots属性直接删掉。下面进入正题：默认的swiper面板指示点都是小圆点黑灰的，但这满足不了广大小伙伴需求，比如其他颜色的，椭圆形的，方形的等等。。。。首先当然是要禁用掉（直接删掉）swiper属性indicator-dots，再用vie...

angularjs 实现带查找筛选功能的select下拉框实例

2017年02月06日 86 阅读

一.背景对于select的下拉列表，像国家选择这样的功能，全世界那么多国家，一直拉滚动条多辛苦，眼睛也要盯着找，累！so，为优化用户体验，带查找功能的下拉框是非常非常有必要的。都知道jquery里有这样的插件，但我们用的是Angularjs,更希望用双向绑定，指令的方式优雅地解决这个问题。分析：目标在原来的<select ng-options="">标签上新加一个属性 select-search就能支持查找的功能。如果这个属性没起作用，也不影...

jQuery实现限制文本框的输入长度

2017年02月06日 77 阅读

jQuery限制文本框输入，包含粘贴。//限制文本框的输入长度$（function （） { $（document）.on（"keypress", ".txt-valid-len", function （e） { if （e.keyCode == 8） { return true; } else { var len = $（this）.data（"maxlength"） || 0; if （len > 0） { return （this.value....

首页 / 脚本样式 / JavaScript

微信小程序 radio单选框组件详解及实例代码

React实现点击删除列表中对应项

bootstrap table分页模板和获取表中的ID方法

vue组件实例解析

JavaScript中的call和apply的用途以及区别

js如何判断是否在iframe中及防止网页被别站用iframe嵌套

JQuery实现动态操作表格

canvas 弹幕效果（实例分享）

微信小程序 特效菜单抽屉效果实例代码

JavaScript实现大图轮播效果

ajax的分页查询示例（不刷新页面）

AngularJS中的按需加载ocLazyLoad示例

AngularJS中的缓存使用

jQuery插件JWPlayer视频播放器用法实例分析

微信小程序 常见问题总结（4058，40013）及解决办法

web打印小结

Angularjs中使用layDate日期控件示例

微信小程序 轮播图swiper详解及实例（源码下载）

angularjs 实现带查找筛选功能的select下拉框实例

jQuery实现限制文本框的输入长度

微信小程序特效菜单抽屉效果实例代码

微信小程序常见问题总结（4058，40013）及解决办法

微信小程序轮播图swiper详解及实例（源码下载）