qq_27892551-CSDN博客

原创 margin：auto与text-align：center

<!--margin:auto：是使块状元素居中对齐 text-align:一般使文本和内联图像（类似这样的）居中对齐（在ie中对块态元素设置也能达到居中对齐，但ff没效果） 2中特殊情况： ** positoin：absolute，position：fixed .text{position: absolute;width: 100px;height

2016-10-12 11:15:35 341

原创 js中&&，||的另类广泛用法

js中&&，||的另类广泛用法： 1，fun1()&&fun2(): 如果执行fun1()后返回true，则执行fun2()并返回值fun2的值；如果执行fun1()后返回false，则整个表达式返回fun1()的值，fun2()不执行 2 fun1()||fun2(): 如果执行fun1()返回true，则表达式返回fun1()的值，

2016-08-12 10:26:24 350

原创插件开发教程--(一)

前言：在我们学习开发插件前，必须先搞懂，以下这些插件的基础知识，直奔主题了。1.jQuery插件分为3类（1）封装对象方法的插件（对象级别的开发）通过$.fn 向jQuery添加新的方法（2）封装全局函数的插件（类级别开发）指可以把独立的函数添加到jQuery命名空间之下。添加一个全局函数，我们只需要如下定义：jQuery.foo=function(){a

2016-07-02 14:19:28 699

原创 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 11:15:09 3261

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

img图片在固定大小的img_box中【水平垂直居中】，【等比大小】缩放显示只需给a设置样式.img_box{ width:400px; height:300px; display:block; text-align:center; line-height:36;} 图片设置样式.img_box img{

2016-06-23 10:49:22 742

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

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

2016-05-31 15:10:16 245

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

.father{ width:200px; height:200px;; border:1px solid chartreuse; text-align: center; /*垂直居中的关键*/ display: table-cell;

2016-03-25 15:11:27 440

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

bind()和delegate()都是由on()实现的。on()的描述如下：复制代码代码如下:.on( events [, selector ] [, data ], handler(eventObject) )一个简单的事件绑定如 $('button').on('click',function(){}); 与bind()无二样。在需要为较多的

2016-03-25 14:35:09 267

原创 $.each()的使用

通过它，你可以遍历对象、数组的属性值并进行处理。使用说明each函数根据参数的类型实现的效果不完全一致：1、遍历对象(有附加参数)$.each(Object, function(p1, p2) { this; //这里的this指向每次遍历中Object的当前属性值 p1; p2; //访问附加参数}, [

2016-03-24 11:47:25 221

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

html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。把控件的tabIndex属性设成1到32767的一个值，就可以把这个控件加入到TAB键的序列中。这样，当浏览者使用TAB键在网页控件中移动时，将首先移动到具有最小tabIndex属性值的控件上，最后在具有最大tabIndex属性值的控件上结束移动。如果有两个控件的tabIndex属性相

2016-03-09 13:59:46 486

原创 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 09:38:09 2403

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

jquery的$.extend和$.fn.extend作用及区别 jQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend();jQuery.extend();虽然 javascript　没有明确的类的概念，但是用类来理解它，会更方便。jQuery便是一个封装得非常好的类，比如我们用语句　$("#btn1") 会生成一个 jQ

2016-03-03 10:03:38 273

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

Google Closure Compiler官网：https://developers.google.com/closure/compiler/Closure Compiler的使用方法有如下3种：在命令行下使用一个google编译好的java程序使用google提供的在线服务使用google提供的RESTful API首先需要下载compiler-late

2016-03-01 14:02:05 921

翻译 jQuery.extend 函数详解

JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是:　　　 extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并

2016-03-01 14:00:04 289

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

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

2016-02-25 14:12:30 707

原创移动平台对 META 标签的定义

下面介绍一些有关标记的例子及解释。一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。用法：

2016-02-25 14:04:15 291

原创 content-box与border-box区别

1 理论上说，content-box和border-box的主要区别是二者的盒子的宽度是否包含元素的边框和内边距。2 为了让大家清楚的了解二者的区别，我使用DW新建了一个html页面，制作了两个以不同背景色填充的div。3 为二者分别设置相同px的宽度、内边距和边框。其中一个div设为border-box盒模型，我们需要为其添加box-s

2016-01-15 10:40:07 23084

翻译野生Js技术之字符画视频

2016-01-12 14:43:34 2885

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

第一个要接触的就是面板这个组件，它是构建一个页面最基础的组件，其他的内容都要显示在这个面板中。在上一篇中，我们就已经拿面板为例，介绍了创建组件的方法。这里再把创建面板的代码重复一下：var panel = Ext.create('Ext.Panel', { fullscreen: true, id: 'myPanel',

2016-01-12 09:35:25 335

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

了解了大致的Sencha Touch框架之后，我们就可以在其中进行代码的编写了。只要上一篇的内容都按部就班的做了，接下来要做的就是慢慢学这个框架，按照内容敲代码—看结果，基本没有什么过不去的地方。首先跟上次一样，建立index.html文件和对应的app.js文件。用Sencha Touch搭建的移动web应用，app.js的内容框架大致如下：Ext.application({//以下

2016-01-12 09:34:25 264

转载移动web应用开发——Sencha Touch篇(1)

这里希望通过我自己的学习经历，给大家写出最通俗，最方便的HTML5框架使用指南。 2016年，更加关注移动web应用相关开发，重心也放到了基于HTML5的移动app开发。从今天开始将展开Sencha Touch的学习之旅。 Sencha Touch是一款移动web应用开发框架，界面美观，接近原生。万事开头难，今天我们先来进行文件下载和开发环境的配置。www.se

2016-01-12 09:32:38 275

翻译前端调试利器——FireBug

10分钟学会前端调试利器——FireBug概述　　FireBug是一个用于网站前端开发的工具，它是FireFox浏览器的一个扩展插件。它可以用于调试JavaScript、查看DOM、分析CSS、监控网络流量以及进行Ajax交互等。它提供了几乎前端开发需要的全部功能。官方网站：www.getfirebug.com　　如何获取Firebug？　　因为它是Firefox浏览器的一个扩展插

2015-12-28 13:16:36 446

翻译深入理解javascript之设计模式

深入理解javascript之设计模式设计模式是命名、抽象和识别对可重用的面向对象设计有用的的通用设计结构。设计模式确定类和他们的实体、他们的角色和协作、还有他们的责任分配。每一个设计模式都聚焦于一个面向对象的设计难题或问题。它描述了在其它设计的约束下它能否使用，使用它后的后果和得失。因为我们必须最终实现我们的设计模式，所以每个设计模式都提供了例子，代码来对实现进行阐释.虽

2015-12-24 15:23:04 262

翻译 HTML5之离线应用缓存

今天说说HTML5的新特性之一：离线应用缓存。离线应用，就是在没有网络的情况下访问Web应用程序时，实际上是访问已下载的离线文件资源，并使得Web应用程序正常运行。特性开发者需要注意三个特性：1. 离线资源缓存在开发离线应用时，必须使用一种方案来说明哪些文件资源需要在离线状态下工作。当设备处于在线状态下，被指定缓存的资源文件便会缓存到本地。此后，如果用户在离线状态下再次访

2015-12-24 09:56:50 396

翻译 HTML5 内置本地数据库之Sqlite

HTML5 内置本地数据库之Sqlite一、关于HTML5和web本地数据库SQLite 可以很好的支持关系型数据库所具备的一些基本特征，如标准SQL语法、事物、数据表和索引等，且占用资源较少，可在移动设备上轻松使用。 HTML5中添加了很多功能，将一些以前必须保存在服务器上的数据转向本地保存，提高了Web应用程序性能的同时还减轻了服务器的负担。然而关于Web SQL Database

2015-12-24 09:21:42 2744

翻译旋转菜单代码实现

如图所示，菜单的子模块沿着虚线顺时针旋转（虚线只是轨道示意用来理解的，实际的页面上没有虚线）；当鼠标进入菜单时，停止旋转，鼠标移除出，继续旋转；请问这种旋转菜单的如何实现？？能有代码最好！谢谢了！"en"> "UTF-8" /> "X-UA-Compatible" content="IE=edge,chrome=1" /> 页面名

2015-12-23 09:18:11 370

翻译 [微信开发五]--图文消息回复

我们回复用户的消息类型有多种，可以是简单的文字回复，也可以是音乐回复，或者是图文信息回复（不能只回复一张图片，一定要夹带着文字）。为什么本篇我就只将图文回复呢？原因有多个：1、音乐回复我没搞过；2、文字回复前一篇说过；3、图文回复个人觉得偏难了点，所以重点讲；4、博主又要凑博客篇数了...(没错，答对了）--------------------------1、在开始讲解

2015-12-18 11:27:21 790

翻译微信开发四----实例代码分析

-----------------还记得我们之前从微信公众平台下载的那个示例代码“Wx-sample.zip”吗？解压后是一个wx_sample.php文档。没错，本篇接下来就是解释下这个文档里的代码都是啥意思。首先浏览下全部代码，其实也就80行左右，少的可怜：[php] view plaincopy/** * wechat php test */ /

2015-12-18 10:40:29 432

翻译微信开发三---SAE服务器

本篇将介绍如何搭建新浪SAE服务器。猛戳 http://sae.sina.com.cn/1、先自己注册一个账号，如果有新浪的账号，微博之类的都可以直接拿来用，授权一下就可以，如下：2、接下来会让你填写一些安全设置，自己根据要求如实填写就可以了。要注意的是，你设置的安全密码别忘了，原因如下：看的懂就好，看不懂也罢，我们继续往下走。3、注册的最后一步是手机绑定，将

2015-12-18 10:35:19 400

转载微信开发开发者模式----微信开发二（2）

终于要进军高大上的开发者模式了，想想都有点小激动~~----------------点击功能--高级功能出现如下界面。先进入编辑模式，将该模式关掉，然后再进入开发者模式，会出现如下界面：、这时候会提示我们还不是开发者，接下来点击成为开发者按钮，会出现接口配置信息：我们需要在配置信息填入URL和Token。看到这里有些小伙伴可

2015-12-18 10:33:01 339

转载订阅号的编辑模式----微信开发二（1）

1、订阅号的编辑模式1.1 管理菜单>>素材管理　　 1.单图文 2、多图文　　　　注意：如果需要添加更多的图文信息可以点击“+”号进行添加但是最多只能添加8条图文信息3、语音、视频按照规定上传即可 1、2 群发订阅号一天可以群发一次。服务号一个月群发一次 1.3 编辑自动回复注意：确保开发模式关闭、开启编辑模式

2015-12-18 10:29:14 738

转载微信公众平台认证步骤详解及服务号和订阅号区别---之微信开发一

微信公众号对象：企业、媒体、以及公益、社区等组织、机构。微信公众号作用：通过微信公众渠道将品牌推广给上亿或者更多的微信用户。1、极快的传播速度、极少的宣传成本；2、提高品牌知名度，打造更具影响力的品牌形象。3、危机公关（越来越需要）微信公众号怎样认证：一般企业或个人通过认证除了看努力还得看天意，当然也可以联系一些认证机构去办理相对要简

2015-12-18 10:16:49 807

转载 Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法

同源是指相同的协议、域名、端口，三者都相同才属于同域。不符合上述定义的请求，则称为跨域。相信每个开发人员都曾遇到过跨域请求的情况，虽然情况不一样，但问题的本质都可以归为浏览器出于安全考虑下的同源策略的限制。跨域的情形有很多，最常见的有Ajax跨域、Socket跨域和Canvas跨域。下面列举一些我们常见的跨域情形下，某些浏览器控制台给出的错误提示： FireFox下

2015-12-11 15:32:48 434

转载浅谈WEB标准，可访问性，可用性

前言：大家不难发现，只要是招聘UED相关的岗位，如前端开发工程师、交互设计师、用户研究员甚至视觉设计师，一般都对web标准、可用性和可访问性的理解有要求。那么到底什么是web标准、可用性、可访问性呢？一、web标准简单的说，就是HTML、CSS、JavaScript这三者分离。WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Prese

2015-11-26 19:07:55 606

翻译关于HTML语义化

1、什么是HTML语义化？　　根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；有利于SEO：和搜索引擎建立良好沟通

2015-11-26 19:00:00 225

qq_27892551的博客