文章列表

原生js实现商品放大镜效果

查看详情

实现原理大图上的放大镜:小图的显示区域=大图片大小:小图片大小=大图片的offsetLeft:小图片的offsetLeft那么以上的公式中只有大图片的offsetLeft 是未知的,所以大图片的offsetLeft=大图片大小/小图片大小*小图片的offsetLeft代码中有详细注释完整代码注:复制到本...

分类: JavaScript技术 标签:

js仿搜狐视频记录片列表展示效果

查看详情

本文实例为大家分享了js搜狐视频记录片列表展示效果,供大家参考,具体内容如下 无标题文档 *{margin:0;padding:0;} ul{list-style:none;} #list{width:300px;height:500px;margin:40px auto;border:1px s...

分类: JavaScript技术 标签:

js通过指定下标或指定元素进行删除数组的实例

查看详情

实例如下:删除指定下标数组元素 Array.prototype.del=function(index){ if(isNaN(index)||index>=this.length){ return false; } for(var i=0,n=0;i -1) ...

分类: JavaScript技术 标签:

JavaScript 函数式编程导论

查看详情

近年来,函数式编程(Functional Programming)已经成为了JavaScript社区中炙手可热的主题之一,无论你是否欣赏这种编程理念,相信你都已经对它有所了解。即使是前几年函数式编程尚未流行的时候,我已经在很多的大型应用代码库中发现了不少对于函数式编程理念的深度实践。函数式编程即是在软件...

分类: JavaScript技术 标签:

JavaScript 开发者应该知道的 setTimeout 秘密

查看详情

计时器setTimeout是我们经常会用到的,它用于在指定的毫秒数后调用函数或计算表达式。语法:setTimeout(code, millisec, args);注意:如果code为字符串,相当于执行eval()方法来执行code。当然,这一篇文章并不仅仅告诉你怎么用setTimeout,而且理解其是如...

分类: JavaScript技术 标签:

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

查看详情

apply 接受两个参数,第一个参数指定了函数体内this 对象的指向,第二个参数为一个带下标的集合,这个集合可以为数组,也可以为类数组,apply 方法把这个集合中的元素作为参数传递给被调用的函数:var func = function( a, b, c ){ alert ( [ a, b, c ...

分类: JavaScript技术 标签:

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

查看详情

1. js如何判断是否在iframe中Js代码//方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中'); } //方式二 if (window.frames.leng...

分类: JavaScript技术 标签:

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

查看详情

实现效果图:抽屉菜单是app上常见的菜单设计方式,典型的抽屉菜单如下图所示下面展示如何基于微信小程序实现抽屉菜单,最终效果如下图所示: 页面包含一个主页和抽屉菜单页,为了实现滑动效果,页面采用absolute布局,代码如下 index.wxml {{userInfo.nickName}} ...

分类: JavaScript技术 标签:

JQuery实现动态操作表格

查看详情

最近要做的东西,是对一个表格动态的添加行,删除行,并且对表格中内容进行非空验证。 $(function () { //获取表格的行数 var tabRowLen = $("table tbody tr").length; //点击add按钮时, $("#add").on("click", f...

分类: JavaScript技术 标签:

JavaScript实现大图轮播效果

查看详情

本文实例为大家分享了js图片轮播效果的具体代码,供大家参考,具体内容如下 大图轮播 * { margin: 0px; padding: 0px; } #container { ...

分类: JavaScript技术 标签:

ajax的分页查询示例(不刷新页面)

查看详情

既然是分页查询,那么就要有张数据很多的表,可以让它进行分页显示,用普通的方法进行分页查询必然是要刷新页面的,这里要实现不刷新页面进行分页显示数据,就要用到ajax方式。进行编写代码(1)先写个显示数据的页面,分页查询需要那几个部分呢?1.首先是查询的文本框输入,还有查询按钮,那么就开始写代码吧 //...

分类: JavaScript技术 标签:

AngularJS中的按需加载ocLazyLoad示例

查看详情

一、前言ocLoayLoad是AngularJS的模块按需加载器。一般在小型项目里,首次加载页面就下载好所有的资源没有什么大问题。但是当我们的网站渐渐庞大起来,这样子的加载策略让网速初始化速度变得越来越慢,用户体验不好。二来,分模块加载易于团队协作,减低代码冲突。二、按需加载的对象各个Controlle...

分类: JavaScript技术 标签:

web打印小结

查看详情

项目中有个需求是将winform客户端的打印,移到网页上由客户自行打印,打印要求是根据一定的格式实现套打。当时的解决方案是使用PDF打印:1、 准备好套打格式的底图;2、打开底图,将动态内容画到底图上;3、利用第二步修改后的图片,生成PDF,完成打印后来发现一款比较强大的web打印工具lodop,简单使...

分类: JavaScript技术 标签:

Angularjs中使用layDate日期控件示例

查看详情

layDate 控件地址:http://laydate.layui.com/前情:原来系统中使用的日期控件是UI bootstrap(地址:https://angular-ui.github.io/bootstrap/)里的。后来因为各种原因,要换掉UI bootstrap中的日期控件,改用layDat...

分类: JavaScript技术 标签:

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

查看详情

一.背景对于select的下拉列表,像国家选择这样的功能,全世界那么多国家,一直拉滚动条多辛苦,眼睛也要盯着找,累!so,为优化用户体验,带查找功能的下拉框是非常非常有必要的。都知道jquery里有这样的插件,但我们用的是Angularjs,更希望用双向绑定,指令的方式优雅地解决这个问题。分析:目标在原...

分类: JavaScript技术 标签:

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

查看详情

jQuery限制文本框输入,包含粘贴。//限制文本框的输入长度 $(function () { $(document).on("keypress", ".txt-valid-len", function (e) { if (e.keyCode == 8) { return true; } el...

分类: JavaScript技术 标签:

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

查看详情

实例内容 登陆界面 处理登陆表单数据 处理登陆表单数据(异步) 清除本地数据 登录界面:在app.json中添加登陆页面pages/login/login,并设置为入口。保存后,自动生成相关文件(挺方便的)。修改视图文件login.wxml 姓 名: ...

分类: JavaScript技术 标签:

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

查看详情

el表达式,写入bootstrap表格,简化代码,效果图:不多说,上干货: 知识库 #reportTableDiv td{height: 50px; text-align: center; line-heigh...

分类: JavaScript技术 标签:

bootstrap手风琴制作方法详解

查看详情

手风琴(Collapse)效果展示Bootstrap 框架中 Collapse插件(折叠)其实就是我们常见的手风琴效果。点击标题,可以让其对应的内容显示或隐藏 标题一 标题一对应的内容 标题二 标题二对应的内容 ...

分类: JavaScript技术 标签:

微信小程序开发经验总结(推荐)

查看详情

一: 参数传值的方法1: data-id我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明: (1)设置data-id(2): 取值 + 传值playTap:function(e) { const dataset = e.currentTarget.dataset; ...

分类: JavaScript技术 标签:
共 1131 条记录 1234567891011 46