web控
码龄10年
关注
提问 私信
  • 博客:49,563
    49,563
    总访问量
  • 14
    原创
  • 1,392,138
    排名
  • 4
    粉丝
  • 0
    铁粉

个人简介:热爱前端的姑凉,,,

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:江苏省
  • 加入CSDN时间: 2015-05-03
博客简介:

qq_27892551的博客

查看详细资料
个人成就
  • 获得15次点赞
  • 内容获得0次评论
  • 获得29次收藏
创作历程
  • 21篇
    2016年
  • 14篇
    2015年
成就勋章
TA的专栏
  • CSS3
    6篇
  • HTML5
    11篇
  • WEB
    2篇
  • 兼容
  • WebApp
    5篇
  • 单页应用SPA
  • HTML
    4篇
  • IT生活
  • 读书笔记
  • 微信开发
    6篇
  • DEMO
    1篇
  • javascript
    5篇
  • jquery
    4篇
创作活动更多

超级创作者激励计划

万元现金补贴,高额收益分成,专属VIP内容创作者流量扶持,等你加入!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

margin:auto与text-align:center

原创
发布博客 2016.10.12 ·
378 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js中&&,||的另类广泛用法

js中&&,||的另类广泛用法: 1,fun1()&&fun2(): 如果执行fun1()后返回true,则执行fun2()并返回值fun2的值; 如果执行fun1()后返回false,则整个表达式返回fun1()的值,fun2()不执行 2 fun1()||fun2(): 如果执行fun1()返回true,则表达式返回fun1()的值,
原创
发布博客 2016.08.12 ·
387 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

插件开发教程--(一)

前言:在我们学习开发插件前,必须先搞懂,以下这些插件的基础知识,直奔主题了。1.jQuery插件分为3类(1) 封装对象方法的插件(对象级别的开发)通过$.fn 向jQuery添加新的方法(2)封装全局函数的插件(类级别开发)指可以把独立的函数添加到jQuery命名空间之下。添加一个全局函数,我们只需要如下定义:jQuery.foo=function(){a
原创
发布博客 2016.07.02 ·
761 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

this.target与this的区别及$(this.target)与$(this)比较结果的问题e

1.event.target与this的区别  event.target表示发生点击事件的元素;  this表示的是注册点击事件的元素   this 等于 e.currentTarget  this是所有函数原生具有的.进入函数时,this已经直接有了目标对象. 而e.target通过e再寻找target,中转了一下。所以相比较而言,this的执行效率更高些。2 $
原创
发布博客 2016.06.24 ·
3366 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

图片在固定大小容器中等比居中显示

img图片在固定大小的img_box中【水平垂直居中】,【等比大小】缩放显示 只需给a设置样式.img_box{ width:400px; height:300px; display:block; text-align:center; line-height:36;} 图片设置样式.img_box img{
原创
发布博客 2016.06.23 ·
776 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

如何自己开发一款js或者jquery插件

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

垂直居中兼容性很好的方法

.father{ width:200px; height:200px;; border:1px solid chartreuse; text-align: center; /*垂直居中的关键*/ display: table-cell;
原创
发布博客 2016.03.25 ·
488 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

jQuery事件绑定.on()简要概述及应用

bind()和delegate()都是由on()实现的。on()的描述如下:复制代码 代码如下:.on( events [, selector ] [, data ], handler(eventObject) )一个简单的事件绑定如 $('button').on('click',function(){}); 与bind()无二样。在需要为较多的
原创
发布博客 2016.03.25 ·
296 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

$.each()的使用

通过它,你可以遍历对象、数组的属性值并进行处理。使用说明each函数根据参数的类型实现的效果不完全一致:1、遍历对象(有附加参数)$.each(Object, function(p1, p2) {     this;       //这里的this指向每次遍历中Object的当前属性值     p1; p2;     //访问附加参数}, [
原创
发布博客 2016.03.24 ·
249 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Tabindex="-1" 与Tabindex="0"、任意数字 的区别

html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。   把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中。   这样,当浏览者使用TAB键在网页控件中移动时,将首先移动到具有最小tabIndex属性值的控件上,最后在具有最大tabIndex属性值 的控件上结束移动。如果有两个控件的tabIndex属性相
原创
发布博客 2016.03.09 ·
559 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

jquery.paginate.js 分页插件的使用

在JSP页面需要引入样式 style.css    引入js   jquery.js 和 jquery.paginate.js以及一个id 为pagination的div需要两个获取action传递过来的参数js部分:$(function(){  var page_index=$("#page").val();  var maxPag
原创
发布博客 2016.03.09 ·
2456 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

jquery的$.extend和$.fn.extend作用及区别

jquery的$.extend和$.fn.extend作用及区别 jQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend();jQuery.extend();虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便。jQuery便是一个封装得非常好的类,比如我们用 语句 $("#btn1") 会生成一个 jQ
原创
发布博客 2016.03.03 ·
302 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

你需要掌握的前端代码性能优化工具

Google Closure Compiler官网:https://developers.google.com/closure/compiler/Closure Compiler的使用方法有如下3种:在命令行下使用一个google编译好的java程序使用google提供的在线服务使用google提供的RESTful API首先需要下载compiler-late
翻译
发布博客 2016.03.01 ·
977 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

jQuery.extend 函数详解

JQuery的extend扩展方法:      Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。      一、Jquery的扩展方法原型是:    extend(dest,src1,src2,src3...);      它的含义是将src1,src2,src3...合并到dest中,返回值为合并
翻译
发布博客 2016.03.01 ·
314 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

一步一步构建手机WebApp开发——环境搭建

从2007年,乔布斯带来了第一代Iphone手机,整个移动互联网发生天翻地覆的变化,也同时证明了乔布斯的一句名言:“再一次改变世界”。  在当今的移动互联网,手机App居多,很多App对移动设备的要求也越来越高,当然,土豪就可以经常更新换代。我们这群屌丝只能望梅止渴。为了解决少部分由于硬件或者软件引起的问题,我们将App迁移到浏览器上,也就是人们常说的WebApp,WebApp相对与手机A
转载
发布博客 2016.02.25 ·
740 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

移动平台对 META 标签的定义

下面介绍一些有关标记的例子及解释。一、meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。1、http-equiv 属性的 Content-Type 值(显示字符集的设定)说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容。用法:
原创
发布博客 2016.02.25 ·
314 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

content-box与border-box区别

1 理论上说,content-box和border-box的主要区别是二者的盒子的宽度是否包含元素的边框和内边距。2 为了让大家清楚的了解二者的区别,我使用DW新建了一个html页面,制作了两个以不同背景色填充的div。3 为二者分别设置相同px的宽度、内边距和边框。其中一个div设为border-box盒模型,我们需要为其添加box-s
原创
发布博客 2016.01.15 ·
23314 阅读 ·
5 点赞 ·
0 评论 ·
10 收藏

野生Js技术之字符画视频

版权声明:本文为博主原创文章,未经博主允许不得转载。目录(?)[+]废话不多说,先看效果http://www.bilibili.com/video/av3502072/ 这是视频链接,文章后面再给demo 链接原理及实现方式1.图片转字符画还是那句话,先看效果图:Demo 地址:http://follo
翻译
发布博客 2016.01.12 ·
2943 阅读 ·
6 点赞 ·
0 评论 ·
16 收藏

移动web应用开发——Sencha Touch篇(3)

第一个要接触的就是面板这个组件,它是构建一个页面最基础的组件,其他的内容都要显示在这个面板中。在上一篇中,我们就已经拿面板为例,介绍了创建组件的方法。这里再把创建面板的代码重复一下:var panel = Ext.create('Ext.Panel', {            fullscreen: true,            id: 'myPanel',       
转载
发布博客 2016.01.12 ·
362 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

移动web应用开发——Sencha Touch篇(2)

了解了大致的Sencha Touch框架之后,我们就可以在其中进行代码的编写了。只要上一篇的内容都按部就班的做了,接下来要做的就是慢慢学这个框架,按照内容敲代码—看结果,基本没有什么过不去的地方。首先跟上次一样,建立index.html文件和对应的app.js文件。用Sencha Touch搭建的移动web应用,app.js的内容框架大致如下:Ext.application({//以下
转载
发布博客 2016.01.12 ·
280 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多