Welcome 微信登录

首页 / 脚本样式 / JavaScript

ExtJS 4.2 Grid组件单元格合并的方法

ExtJS 4.2 Grid组件单元格合并的方法

ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能。目录1. 原理2. 多列合并3. 代码与在线演示1. 原理1.1 HTML代码分析首先创建一个Grid组件,然后查看下的HTML源码。1.1.1 Grid组件1.1.2 HTML代码从这些代码中可以看出,Grid组件可分为grid-header和grid-body 两块区域(若含有工具栏和分页栏,它们都会含有各自的独立区域)。其中grid-body包含了许多tr元素,每一个...
jquery实现轮播图详解及实例代码

jquery实现轮播图详解及实例代码

轮播图:接触jquery也有一段时间了,今天刚好利用轮播图来练练手。博文的前面会介绍一个简单用jquery做轮播图的例子,中间会插入一些关于轮播图更多的思考,在后面会用Javascript的方法来写一个轮播图,最后则是关于jquery和Javascript的比较。轮播图的效果可以点击如下链接查看:http://sandbox.runjs.cn/show/t07kscphjquery做轮播图的例子:html部分代码:<!DOCTYPE html>...
手机端实现Bootstrap简单图片轮播效果

手机端实现Bootstrap简单图片轮播效果

个人电脑里存了不少适合手机欣赏的图片,但是放手机里看是件很占据资源的事。鉴于家里有一台电脑经常开着,正好用来做家庭局域网共享,于是笔者就设想通过一种比较简单环保的思路。通过手机访问电脑内的图片。首先是本地站点搭建:win+R输入mmc打开控制台,文件-添加/删除管理单元,Internet信息服务。添加确定,右侧基本信息,新建网站-把路径改了。设定一个端口号,手机浏览器就可以输入 电脑局域网ip:端口号 就可以连上去了。接下来问题来了,一个个点击查看然后关闭...
Javascript中this绑定的3种方法与比较

Javascript中this绑定的3种方法与比较

介绍this 可以说是 javascript 中最耐人寻味的一个特性,学习this 的第一步就是明白 this 既不是指向函数自身也不指向函数的作用域。 this 实际上是在函数被调用时发生的绑定,它指向什么地方完全取决于函数在哪里被调用。为什么需要绑定thisthis代指当前的上下文环境,在不经意间容易改变:var info = "This is global info";var obj = { info: "This is local info", g...
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例

微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例

本文实例讲述了微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法。分享给大家供大家参考,具体如下:目前中js-sdk 1.0版本中,预览图片提供了2个接口,接口的定义参考官方文档1.预览网络图片http链接的2.预览本地图片wenxin:// 链接的一、预览图片接口注:1.预览图片接口目前只支持微信手机版2.预览图片只支持http连接,对于weixin:// 无法预览3.预览图片的地址需要进行加密处理,尤其路径中有中文的情况下,需要使用windo...
微信小程序 rpx 尺寸单位详细介绍

微信小程序 rpx 尺寸单位详细介绍

微信小程序最近火了,大家开发微信小程序有没有注意微信小程序对手机屏幕的要求或者影响呢,面对不同的手机屏幕,微信rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应,微信小程序尺寸单位rpx以及样式rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0....
BootStrap实现手机端轮播图左右滑动事件

BootStrap实现手机端轮播图左右滑动事件

用bootstrap做出的项目轮播图在手机端不能滑动,为此找了好多插件、框架。但是都不能和bootstrap良好的结合。功夫不负有心人,经过一番查找终于在github找到了一段js:toucher.js,原文链接:https://github.com/bh-lay/toucher由于个人水平原因代码没看懂抓狂,不过使用还是没问题滴。第一.在head中加载toucher.js。<script type="text/JavaScript" src="__...
Node.js中常规的文件操作总结

Node.js中常规的文件操作总结

前言Node.js 提供一组类似 UNIX(POSIX)标准的文件操作API。 Node 导入文件系统模块(fs)语法如下所示:var fs = require("fs")fs模块是文件操作的封装,它提供了文件的读取、写入、更名、删除、遍历目录、链接等POSIX文件系统操作。与其他模块不同的是,fs模块中所有的操作都提供了异步和同步的两个版本,例如读取文件内容的函数有异步的fs.readFile()和同步的fs.readFileSync() 。一. 目录操...
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法

Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法

最近ytkah在学习用bootstrap搭建网站,Bootstrap能自适应pc端和手机端,并且移动设备优先,适合现如今移动营销。bootstrap是封装好的框架,需要某些功能只需调用相应的组件就可以,但有些还是没加入,比如幻灯轮播触屏左右滑动手势就不支持,大家用的设备基本是触屏的了,能用滑动交互在小屏幕上体验会更好,那么如何实现呢?一个比较简单的方法是增加一个滑动手势js插件:hammer.js,网上有很多cdn调用地址,像//cdn.bootcss.c...
jquery获取点击控件的绝对位置简单实例

jquery获取点击控件的绝对位置简单实例

在使用jquery的过程中,想取得当前点击input的绝对位置而去显示一个div,jquery本身提供offset和position这个两个方法,但position官方解释是relative to the offset parent,可以看到是针对父结点的,而offset官方解释relative to the document,貌似使用offset可以直接绝对定位。但是在网页中如果出现嵌套div的情况,top和left会叠加,因此这个时候如果要定位显示一个...
微信js-sdk分享功能接口常用逻辑封装示例

微信js-sdk分享功能接口常用逻辑封装示例

本文实例讲述了微信js-sdk分享功能接口常用逻辑封装。分享给大家供大家参考,具体如下:微信js-sdk 1.0,分享说明:1.目前支持的分享接口5个,其中分享腾讯微博基本可以忽略2.接口只是定义分享时的数据,没有提供触发分享功能一、在ready事件使用使用示例//分享对象使用var shareData={title:"分享标题",desc:"分享描述",link:"http://www.gongjuji.net",imgUrl:"http://www.g...
HTML Table 空白单元格补全的简单实现

HTML Table 空白单元格补全的简单实现

在最初自学 Web 开发的时候,那时没有所谓的 DIV/CSS 布局,一概 Table 布局的天下。当时有个问题就来了,如何补全宫格空白的单元格呢?——这是我在弄公司产品页头痛的问题。因为我不是学程序出身的,碰到这稍带算法的问题,就束手无策了,呵呵。顺带说说,记得分页的算法还折腾了我一下呢。所谓宫格,就是说表格,3 行x 4 列 = 共12 单元格。如果只有 10 个产品,就只能填充表格 10 个单元格,其余的为空白。虽然空白,但也要渲染 <td&g...
简单谈谈JS数组中的indexOf方法

简单谈谈JS数组中的indexOf方法

前言相信说到 indexOf 大家并不陌生,判断字符串是否包涵子字符串时特别常用,正则不熟练同学的利器。这篇文章就最近遇到的一个问题,用实例再说说说indexOf方法。本文是小知识点积累,不作为深入讨论的话题,因此这里没有解释indexOf()的第二个参数,相信大家都知道第二个参数的作用。String 类型的使用温习一下大家熟知的字符串用法,举个let str = "orange";str.indexOf("o"); //0str.indexOf("n")...
<< 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 >>