关闭
当前搜索:

[置顶] 解决ios4下不支持position:fixed的问题

前言: 参考1 参考2 参考3 自以为解决了所有IOS系统关于position:fixed的所有问题,看来还是没有,特在此补充!!! 一、注意:不要在 fixed 元素中使用 input / textarea 元素。 在 android 手机下 fixed 表现要比 iOS 更好,软键盘弹出时,不会影响fixed元素定位; 还是保留之前的态度,依然不推荐在 Android下使用 iS...
阅读(32) 评论(0)

[置顶] 利用jquery mobiscroll插件选择日期、select、treeList的具体运用

mobiscroll是个很好用的用于移动端滑动选择的插件,可以用来选择日期,也可以用来选择简单选项或者一些复杂的树形结构的选项,简单分享下。   依赖也比较简单,引入一个mobiscroll-2.13.2.full.min.js文件和一个mobiscroll-2.13.2.full.min.css文件即可。可直接下载mobiscroll-2.13.2 ,官网 http://docs.mobiscro...
阅读(81) 评论(0)

[置顶] 实用插件(十一)table数据导出插件——tableExport

先引入3个js文件:点我下载 script src="Blob.js">script> script src="FileSaver.js">script> script src="tableExport.js">script> 1.html: table class="table table-striped table-hover" id="table2" style="display:...
阅读(87) 评论(0)

[置顶] 实用插件(十)ajax图片上传插件——fileupload

前言 刚开始使用的是ajaxFileUpload插件,但是按照其他人的博文所说,直接使用data来传入参数,会报错跨域。如图: 已经尝试网上各种方法,然而都是徒劳,比如修改域名,修改jsonp,修改ajaxFileUpload.js的代码…… 表示很绝望!!!希望看见本博文的大神多多指教,感谢! ajaxFileUpload实现原理: 它是动态的去创建一个iframe和一个form,...
阅读(184) 评论(0)

[置顶] 实用插件(九)手机日历插件——Mobiscroll

1、点我下载2、使用方法: <link href="../M...
阅读(197) 评论(0)

[置顶] 实用插件(八)20行代码轻松搞定分页——kkpager

前言说是轻松搞定,但是今天也是花了半天的时间,其实也是我在网上找了将近10个分页插件,都不满意。(之前项目里自己写的分页插件有瑕疵,也没有封装,所以就想着去网上找个封装好的)。结果,要么不方便使用ajax,要么就是功能不够齐全,要么就是各种bug。“山重水复疑无路,柳暗花明又一村”,最终经过寻找+对比+研究,才发现一个简单实用的分页插件kkpager,分享在此!1、点我下载2、使用方法:<!--引入...
阅读(194) 评论(0)

[置顶] 史上最完美最简单实用的解决文本溢出方法(tooltip/popover)

直接上代码:(Talk is cheap. Show me the code) ....
阅读(76) 评论(0)

[置顶] ajax相关总结

1.所有公共的变量和方法统一放在一个js文件,目的是方便修改。比如: i.公共路径:比如:Ajax请求路径的前缀… ii.公共变量:比如:token、pageNumber、pageSize… iii.公共方法:比如:时间格式转换的方法,存/读cookie的方法… 2.每个页面都不要出现同一个接口重复的ajax调用,只要同一个接口重复使用都需要 用function来声明,使用的地方直接调用,...
阅读(82) 评论(0)

[置顶] 读《ECMAScript 6 入门 —— 阮一峰》(下)

编程风格块级作用域字符串解构赋值对象数组函数Map结构Class模块ESLint的使用本章探讨如何将ES6的新语法,运用到编码实践之中,与传统的JavaScript语法结合在一起,写出合理的、易于阅读和维护的代码。多家公司和组织已经公开了它们的风格规范,具体可参阅jscs.info,下面的内容主要参考了Airbnb的JavaScript风格规范。块级作用域 § ⇧(1)let 取代 varES6提出...
阅读(563) 评论(0)

[置顶] 读《ECMAScript 6 入门 —— 阮一峰》(上)

前言ES6的出现是为了提高 javascript 的严谨性,安全性等方面,它代表着js的发展方向。网站开发的人员,无论前后端都必须熟稔 ES6 语法规范。带着问题看书1. ES6 新增的关键词 let 和 var 区别?a. 使用let声明的变量,只在它所在的代码块内有效。即如果使用let,声明的变量仅在块级作用域内有效。 b. var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为u...
阅读(491) 评论(0)

[置顶] 不要过度依赖JQuery(三)

前言 在不要过度依赖JQuery(一)和不要过度依赖JQuery(二)两篇文章中已经列举了大量的使用原生JavaScript替代JQuery的例子,在本文中将继续列举! 1、表单 获取焦点$('#test').focus(); $('#test').focus(function(){}); var t = document.getElementById('test'); function...
阅读(145) 评论(0)

[置顶] 不要过度依赖JQuery(二)

前言 为什么说不要过度依赖JQuery呢?从项目方面来讲,一些项目在开发中实际用到JQuery内置功能不多,这样会造成项目臃肿;另一方面,目前的主流已经倾向于原生开发。 而在之前一篇《不要过度依赖JQuery(一)》一文中已经介绍了部分使用原生JavaScript实现JQuery功能的代码,这一章将继续列举。 1、位置 获取相对于文档的位置$('#test').offset() functi...
阅读(143) 评论(0)

[置顶] 不要过度依赖JQuery(一)

前言 毫无疑问,JQuery是一款非常优秀的JavaScript库,它让我们开发项目变得更加便捷容易。 不过,当你准备在一个项目(特别是移动项目)中使用JQuery时,你真的该好好思考一下,你会用到JQuery的哪些功能,是否真的需要jQuery。因为随着JavaScript的不断改善进化,现在它内置的功能已经非常强大,在很大程度上,已经可以实现以前需要在JQuery中才能实现的技术(如果你的...
阅读(173) 评论(0)

[置顶] 统一回复《怎么学JavaScript?》

鉴于时不时,有同学私信问我怎么学前端的问题。 这里统一回复一下,如下次再遇到问我此问题同学,就直接把本文链接地址发给你了。 首先说句题外话。关于有人管我叫大神的事情。 个人感觉这跟你买东西时,人家管你叫帅哥一样,你答应与否都无妨。 正题开始,前端怎么学,应该因人而异,别人的方法未必适合自己。 就说说我的学习方法吧。 我把大部分时间放在学习js上了。因为这个js的学习曲线,先平后陡。 项目实践和练...
阅读(500) 评论(0)

[置顶] table表格合并第一列中相同的内容(优化+注解)

jQuery.fn.rowspan = function(colIdx) { //封装的一个JQuery小插件 console.log(this); return this.each(function(){ console.log(this) var that;//用来保存含 有重复内容的列中的第一个td console.log(that);//...
阅读(293) 评论(0)

[置顶] table表格合并第一列中相同的内容!

分享一个简单实用的jquery小插件: Document .a{ transition:.5s; transform: rotate(-45de...
阅读(454) 评论(0)

[置顶] 如何自己开发一款js或者jquery插件

引子现在网上关于js和jquery封装的插件很多,我刚刚接触前端的时候,就很敬佩那些自己写插件的大牛们!因为是他们给网站开发更多的便利,很多网页效果,网上很多现成的插件!那么这些插件是如何写的呢?首先是有扎实的js和jquery技术基础,其次还有一些写插件的方法和技巧。关于js和jquery的技术基础,那是一个慢慢积累的过程。但是关于写插件的一些注意和技巧,本文可以略微介绍一下,方便以后写插件的时候...
阅读(238) 评论(0)

[置顶] 实用插件(七)视频播放插件——ckplayer

ckplayer插件下载地址:http://pan.baidu.com/s/12HYH4(如果不在了,自己找地址下载,下载后添加到网站根目录) ******特别提醒:解压后不要忘了把js文件夹也添加到你的网站根目录。这个主要是为了各浏览器的兼容性的,如果不添加, 在ie,Firefox上有可能不能用! 1,首先在页面头部引入: 2,在body部分放一个div:...
阅读(1025) 评论(0)

[置顶] 实用插件(六)手机日历插件——LCalendar

1、点我下载2、使用方法: <script src="../js/LCalendar.js" type="text/javascript" charset="ut...
阅读(1823) 评论(0)

[置顶] 我对知乎前端相关问题的十问十答

之前知乎上有不少同行邀请我回答一些前端相关问题,但是,大家都知道了,要认真回答一个问题是需要大量时间和精力的,对于还在不断学习积累阶段的我,时不时分散原本的精力,打乱自己原本的节奏,实际上是一件不划算的事情。就好像邮件或者微信,来一条信息,你就去看一下,时间和精力都会大大分散,工作和学习效率必然会大打折扣。所以我的策略是一段时间后专门花时间统一处理,这样时间利用率会更高,投入产出比会更大。对于知乎上...
阅读(1059) 评论(0)

[置顶] 实用插件(五)弹出操作提示框artdialog

注意事项:因为artdialog的布局方式是tabble>table,所以自己的项目要是也有table必须要给个class或者id,以免自己的样式影响到弹出框样式(artdialog的html布局图见文章末尾!)(by wangxiaozan)artDialog是一个精巧的web对话框组件,压缩后只有十多KB,并且不依赖其他框架。 在页面head引入artDialog,注意如果文件带有skin参数将...
阅读(287) 评论(0)

[置顶] 实用插件(四)图片上传前预览插件

注:该插件app项目,pc项目都可使用1、由于插件为轻量级,直接附上源码和demo jQuery图片上传前预览 <styl...
阅读(236) 评论(0)

[置顶] 实用插件(三)通讯录插件

1、下载:点我下载 2、使用:引入1个css文件,2个js文件 <script type="text/javascript" src="js/city.js" s...
阅读(159) 评论(0)

[置顶] 实用插件(二)图片全屏预览插件——PhotoSwipe

注:该插件app项目,pc项目都可使用1、下载:先下载插件压缩包 免费下载2、使用:步骤:1、html结构: </li...
阅读(341) 评论(0)

[置顶] 实用插件(一)日历插件——My97DatePicker

1、下载:My97DatePicker组件包 免费下载 2、使用:步骤 1. 把My97DatePicker文件夹拷贝到项目根目录下 2. body前面引入一个css文件: body前面引入后面一个js文件:<script type="text/javascript"...
阅读(294) 评论(0)

[置顶] 文本溢出省略号

最近开发过程中,经常遇到 文本溢出 的显示问题。现归纳一下几种方法。 早在2012年,所有浏览器都已经支持text-overflow:ellipsis; 一、单行文本溢出 ...
阅读(176) 评论(0)

[置顶] 秒懂Vuejs、Angular、React原理和前端发展历史

今天来说说 “前端发展历史和框架” 「前端程序发展的历史」「 不学自知,不问自晓,古今行事,未之有也 」我们都知道现在流行的框架:Vue.js、AngularJs、ReactJs,已经逐渐应用到各个项目和实际应用中,它们都是MVVM数据驱动框架系列的一种。在了解MVVM之前,我们先回顾一下前端发展的历史阶段,做到心中有数,才会更好理解。这段回顾历史,由于网上就可查不少资料,但都篇幅很长,晦涩难懂。所...
阅读(216) 评论(0)

在把table表格中的数据导出到Excel的时候,以科学计数法显示位数多的数字时怎么解决?(已解决)

网上查了各种方法,貌似不是存在bug,就是无效。 自己想出了一个,史上最简单方法:tbodyHtml += '&nbsp;'+v.overComment+'';...
阅读(83) 评论(0)

IE10+删除input后面的叉

从IE 10开始,type=”text” 的 input 在用户输入内容后,会在后面自动产生一个小叉(X),方便用户点击清除已经输入的文本 对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。 大多数情况下,为了和其他浏览器呈现相同的效果,需要将input文本输入框右方的X给去掉,将密码输入框右边的小眼睛也给去掉。 只要使用以...
阅读(59) 评论(0)

关于分页插件kkpager存在的bug

解决办法:关于分页插件kkpager的2个bug 按照条件查询时,分页存在问题,只要做到2点: 1.这3个参数必须要以这种方式获取 2.kkpager.js一定要用修改后的版本: /* kkpager V1.3 https://github.com/pgkk/kkpager Copyright (c) 2013 cqzhangkang@163.com Licensed...
阅读(53) 评论(0)

学习CSDN-markdown编辑器

# 欢迎使用Markdown编辑器写博客 本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦: - **Markdown和扩展Markdown简洁的语法** - **代码块高亮** - **图片链接和图片上传** - ***LaTex*数学公式** - **UML序列图和流程图** - **离线写博客** - **导入导出Markdown文件**...
阅读(53) 评论(0)

jquery的animate多次执行后动画速度变慢

本质 多次执行 jQuery 动画, 并使用 stop 暂停, 并不是动画变慢, 而是调用 stop 时没有清空动画队列, 导致多个 timeout 来回更新样式, 忽大忽小, 从而看起来动画变慢了..stop( [clearQueue ] [, jumpToEnd ] )stop 默认不会清空队列, 并且跳转到动画结束位置, 两个可选参数默认值都为 false.改成:.stop(true, tr...
阅读(94) 评论(0)

纯css美化复选框史上最简单的方法

input.cbox { -webkit-appearance: none; width: 16px!important;...
阅读(72) 评论(0)

使用jQuery重置(reset)表单的方法

由于JQuery中,提交表单是像下面这样的: 代码如下:$('#yigeform').submit()所以,想当然的认为,重置表单,当然就是像下面这样子喽:代码如下:$('#yigeform').reset()但是,不幸的是,这样写的话,会有一个让你很郁闷的结果,那就是,表单无法重置! 后来,上网查了一下,说是,JQuery中没有reset方法,经核对,果然是没有。 那有么没有办法通过JQu...
阅读(70) 评论(0)

eclipse环境下如何配置tomcat,并且把项目部署到Tomcat服务器上

eclipse环境下如何配置tomcat 打开Eclipse,单击“Window”菜单,选择下方的“Preferences”。 单击“Server”选项,选择下方的“Runtime Environments”。 点击“Add”添加Tomcat。 点击“Next”,选中自己安装的Tomcat路径。 点击“Finish”完成。 建立一个Web应用 File → New → Dynamic Web...
阅读(141) 评论(0)

多个checkbox 获取选中的 并且把传递的id用逗号隔开(jQuery)

ajax一个入参需要传多个数据,用,分隔怎么处理?例一、 $("#gaipai").click(function(){ var arrs=new Array(); $("input[name='id']:checkbox").each(function(){ if($(this).attr("checked"))...
阅读(247) 评论(0)

BootStrap modal模态弹窗使用小结

模态弹窗 触发元素基本结构: 复制代码 代码如下: modal内容元素基本结构: ...
阅读(132) 评论(0)

移动端android/ios低版本不兼容position:fixed属性

移动端开发仿app头部底部固定设置position:fixed,android2.2以上已经实现。但是在ios8以下系统,当小键盘激活时,都会出现位置浮动问题。如图:如何解决: 查阅资料之后想到一下几种解决方法 1,使用position:absolute模拟 window.onscroll=function(){ (".fixed").css("top",(".fixed").css...
阅读(496) 评论(2)

table:设置边距,td内容过长用省略号代替

table:设置边距,td内容过长用省略号代替 1.table:设置边距 合并表格边框border-collapse: collapse,然后用th,td的padding设置内容和边框之间的空隙padding。 2.td内容过长用省略号代替 在table中必须设置style:table-layout: fixed;这条属性就是让table的内部布局固定大小。这个时候就用width属性调节td的长度。...
阅读(195) 评论(0)
299条 共15页1 2 3 4 5 ... 下一页 尾页
    声明

    本博客专注于前端技术!欢迎关注、评论、交流。

    联系方式:QQ:759498442
    个人资料
    • 访问:71091次
    • 积分:3239
    • 等级:
    • 排名:第12455名
    • 原创:231篇
    • 转载:65篇
    • 译文:3篇
    • 评论:5条
    文章分类
    最新评论