Welcome

首页 / 脚本样式 / JavaScript

vue组件实例解析

2017-02-06 22
实现此例您可以学到：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 19
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 39
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 23
最近要做的东西，是对一个表格动态的添加行，删除行，并且对表格中内容进行非空验证。<！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 20
话不多说，请看代码<！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 23
实现效果图：抽屉菜单是app上常见的菜单设计方式，典型的抽屉菜单如下图所示下面展示如何基于微信小程序实现抽屉菜单,最终效果如下图所示：页面包含一个主页和抽屉菜单页，为了实现滑动效果，页面采用absolute布局，代码如下index.wxml<view id="id-main-page" class="main-page" animation="{{animationData}}" style="left:{{mainPageLeft}}rpx;" b...

JavaScript实现大图轮播效果

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

AngularJS中的按需加载ocLazyLoad示例

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

AngularJS中的缓存使用

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

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

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

web打印小结

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

Angularjs中使用layDate日期控件示例

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

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

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

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

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

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

2017-02-06 23
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....

js仿iphone秒表功能 计算平均数

2017-02-06 20
js实现类似iphone的秒表，添加平均数功能<！DOCTYPE html><html> <head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"><title>stop watch&...

微信小程序 本地存储及登录页面处理实例详解

2017-02-06 32
实例内容登陆界面处理登陆表单数据处理登陆表单数据（异步）清除本地数据登录界面：在app.json中添加登陆页面pages/login/login，并设置为入口。保存后，自动生成相关文件（挺方便的）。修改视图文件login.wxml<！--pages/login/login.wxml--><view class="container"><form bindsubmit="formSubmit"><view class...

el表达式 写入bootstrap表格数据页面的实例代码

2017-02-06 20
el表达式，写入bootstrap表格，简化代码，效果图：不多说，上干货：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose....
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图