
网站开发
文章平均质量分 53
客栈
恰如猛虎卧荒丘潜伏爪牙忍受
展开
-
JSON.stringify 语法实例讲解
认识javascript也不短的时间了,可是这个用法说实在的,我还是第一次见过,惭愧啊惭愧啊。于是乎,在网上找了写资料,写了些例子 希望能给园子们一些帮助。 作用:这个函数的作用主要是为了系列化对象的。 可能有些人对系列化这个词过敏,我的理解很简单。就是说把原来是对象的类型转换成字符串类型(或者更确切的说是json类型的)。就这么简单。打个比方说,你有一个类,那么你可以通过这个方法转换成相转载 2014-04-14 16:00:18 · 344 阅读 · 0 评论 -
解决中文版Chrome浏览器不支持12px以下字体
Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制,主要是因为chrome认为汉字小于12px就会增加识别难度,尤其是中文常用的宋体和微软雅黑。而我们在实际项目中,对于数字/英文内容,其他字体的文本可能会有特殊的需求要求它们以更小的字号来显示,这个时候就需要取消浏览器的自动调整功能了。一般解决方案是禁止webkit浏览器配置调整网页的字体大转载 2014-04-03 17:31:04 · 868 阅读 · 0 评论 -
display:box详解
display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari(-web转载 2014-04-08 09:24:08 · 1072 阅读 · 0 评论 -
Backbone(1.1.2) API 中文文档
网址:http://backbonejs.org/翻译:栩日期:2014.4.16Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰富API; 视图可以声明事件处理函数,并通过RESRful JSON接口连接到应用程序。翻译 2014-04-16 14:18:25 · 2480 阅读 · 0 评论 -
Gridster.js教程
New Document body{ font-family: Helvetica, arial, sans-serif; /*margin:150px auto;*/ background: #004756; color: #fff; font-size: 12px; /*width:940px;*/原创 2014-04-03 16:29:00 · 8327 阅读 · 0 评论 -
CSS制作三角箭头(兼容IE6)
通常,我们做上图那个三角形,一般都是做张图,而且需要两张,因为一般都是下拉菜单的效果,需要有个hover的样式,箭头是反的。那是不是有更好的办法呢,毕竟要用两张图片来解决这么一个小问题太浪费资源了,于是,下面我要用纯CSS的方法来解决这一问题,用到的只需css的一个属性,就是border-width我们先来看个样式,如果设置元素边框,会怎么样:test 似乎看不出什转载 2014-04-10 16:19:52 · 444 阅读 · 0 评论 -
jquery serialize介绍
例子:$(document).ready(function(){ $("button").click(function(){ $("div").text($("form").serialize()); });});First name: Last name: 序列化表单值输出:FirstName=Bill&LastName=Gate原创 2014-04-03 17:04:51 · 385 阅读 · 0 评论 -
JS加载顺序(优化JS加载)
楼主做前端开发一年多了,对前端的见解还是多多少少有一点的,今天特拿出来跟大家分享分享。 做前端开发少不了各种利器。比如我习惯用的还是Google浏览器和重型武器Fiddller。 一: 原始情况首先大家看看如下的代码: 1 "C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherit转载 2014-04-10 13:49:15 · 936 阅读 · 0 评论 -
eclipse没有HTML编辑器的问题
版本信息:Eclipse Standard/SDKVersion: Kepler Service Release 2Build id: 20140224-0627问题描述:HTML中解决:原创 2014-05-29 15:11:47 · 6715 阅读 · 0 评论 -
Media Queries实现响应式布局
Media Queries这功能是非常强大的,他可以让你定制不同的分辨率和设备,并在不改变内容的情况下,让你制作的web页面在不同的分辨率和设备下都能显示正常,并且不会因此而丢失样式。 首先来看一个简单的实例: 复制代码代码如下: 上面的media语句表示的是:当页页宽度小于或等于600px,调用small.css样式表来渲染你的Web页面。首先来看me转载 2014-06-04 15:36:04 · 841 阅读 · 1 评论 -
jQuery使用on()绑定动态生成元素的事件无效的问题
jQuery的on()方法可以绑定动态生成元素的事件,但是在实际使用时发现无效。如下HTML:123p> a>123a>p>使用如下方式,对静态元素有效,但是绑定动态生成的a元素的事件时无效:123$('a转载 2014-06-05 17:28:38 · 746 阅读 · 0 评论 -
IE6 IE7 IE8 IE9 IE10 Css hack及IE条件注释法
IE浏览器的csshack写法和IE条件注释语句IE css hack网络上有很多针对IE的css hack写法,但很多都缺乏实际的实战经验,今天我把我测试的结果来给大家分享下,注意:你们最好还是自己再去测试一次。1234567body { background: rgba(243,243,243) ; } /* 所有浏览器都支持这样的写法*/body { _b转载 2014-06-06 14:35:13 · 6403 阅读 · 1 评论 -
JS中的call()和apply()方法
1、方法定义call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那转载 2014-05-27 16:41:26 · 587 阅读 · 0 评论 -
stringify用法
认识javascript也不短的时间了,可是这个用法说实在的,我还是第一次见过,惭愧啊惭愧啊。于是乎,在网上找了写资料,写了些例子 希望能给园子们一些帮助。 作用:这个函数的作用主要是为了系列化对象的。 可能有些人对系列化这个词过敏,我的理解很简单。就是说把原来是对象的类型转换成字符串类型(或者更确切的说是json类型的)。就这么简单。打个比方说,你有一个类,那么你可以通过这个方法转换成相转载 2014-04-03 16:45:56 · 4173 阅读 · 0 评论 -
WEB前端工程师编程能力成长之路
【背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;WEB前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间。这个领域没有学校的正规教育,没有行内成体系的理论指引,转载 2014-04-03 17:20:18 · 479 阅读 · 0 评论 -
jquery实现页面滑动例子
测试 $(document).ready(function(){ $('#button1').click(function(){ $('body').animate({scrollTop: $("#button2").offset().top}, 1000); return false; }); $('#button2').click(function(){原创 2014-04-03 11:54:30 · 548 阅读 · 0 评论 -
javascript 特性检测并非浏览器检测
NCZ在他的同名博客《Feature detection is not browser detection》中,讲述了一直以来前端开发中的一个热门技术——检测用户的浏览器平台,并详细地叙说历史发展以及各种办法的优缺点。我大致翻译了部分文章,可能有理解错误的地方,敬请指正。值得一提的是,评论部分的争论亦值得一看。特性检测 起初前端工程师们就极力反对转载 2014-04-29 15:33:47 · 345 阅读 · 0 评论 -
django获取多个同名checkbox提交(POST)
后台接受是,不能用request.POST.get(name)原创 2014-04-29 16:13:20 · 1502 阅读 · 0 评论 -
语义化的HTML
作为一个前端开发人员,你要是没有听说过 CSS,那你肯定是一个 “out-man” 。随着 CSS 的深入人心,结构、表现与行为的逐渐分离,HTML 语义化成了炙手可热的卖点。语义化的 HTML 首先要强调 HTML 结构一个网页就好像一幢房子,HTML 结构就是钢筋混泥土的墙,一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头,也就称不上是房子了。CSS 是装转载 2014-04-29 15:40:25 · 377 阅读 · 0 评论 -
windows环境下python安装psycopg2后import报错
windows环境,电脑安装了postgres,python安装psycopg2(使用pip list查看已经安装),可是import psycopg2却报错(找不到该模块),在Lib\site-packages\psycopg2也能发现psycopg2,真心奇怪,google后也没找到合适答案。。。原创 2014-04-15 13:35:17 · 5808 阅读 · 0 评论 -
关于JavaScript与HTML的交互事件
JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型,当文档、浏览器、元素或与之相关对象发生特定事情时,浏览器会产生事件。如果JavaScript关注特定类型事件,那么它可以注册当这类事件发生时要调用的句柄。事件流事件流描述的是从页面中接收事件的顺序,比如有两个嵌套的div,点击了内层的div,这时候是内层的div先出发click事件还转载 2014-04-15 13:56:44 · 416 阅读 · 0 评论 -
mouseover,mouseout,mouseenter,mouseleave的区别
相信做前端开发的都听说过“冒泡型事件”吧,《JavaScript高级程序设计》第九章有详细的讲述,但是,在学习的时候一知半解,也没详细去理解,导致最近在工作中碰到了问题:有许多 li 标签,标签上有2个按钮,当且仅当鼠标移入 li 时才会显示上面的2个按钮,如下图,左边是默认状态,右边是鼠标移入状态,开始使用的是 mouseover 和 mouseout ,结果鼠标移动到按钮上时,按钮会出现闪转载 2014-04-15 08:50:10 · 431 阅读 · 0 评论 -
Long-Polling, Websockets, SSE(Server-Sent Event), WebRTC 之间的区别
在下面的示例中,客户端指的是浏览器,服务器指的是网站服务器主机。为了更好的理解这些知识点,你应该简单了解典型的http网站是如何工作的。普通的http:客户端从服务器端请求网页服务器作出相应的反应服务器返回相应到客户端AJAX Polling:客户端使用普通的http方式向服务器端请求网页客户端执行网页中的JavaScript轮询脚本,定期循环的向服转载 2014-04-30 16:36:13 · 621 阅读 · 0 评论 -
HTML5 服务器推送事件(Server-sent Events)实战开发
对于一般的 Web 应用开发,大多数开发人员并不陌生。在 Web 应用中,浏览器和服务器之间使用的是请求 / 响应的交互模式。浏览器发出请求,服务器根据收到的请求来生成相应的响应。浏览器再对收到的响应进行处理,展现给用户。响应的格式可能是 HTML、XML 或 JSON 等。随着 REST 架构风格和 AJAX 的流行,服务器更多地使用 JSON 作为响应的数据格式。Web 应用使用 XMLHtt转载 2014-04-30 16:30:44 · 1242 阅读 · 0 评论 -
WebSockets vs Server-Sent Events vs Long-polling
Apparently social networking is the banner of the nowadays web. Everybody intends bringing some features into his projects. Some of them require immediate notification. That is getting common, if you转载 2014-04-30 16:41:53 · 489 阅读 · 0 评论 -
Web 通信 之 长连接、长轮询(long polling)
基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询?用通俗易懂的话来说,就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的,只是我们人眼无法分辨是否停止,它只是一种快速的停下然后又立即开始连接而已。转载 2014-04-30 16:52:51 · 454 阅读 · 0 评论 -
JQuery遍历JSON字符串 $.each实例
查看一个简单的jQuery的例子来遍历一个JavaScript数组对象。var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana"}, {"id":"4","tagName":"watermelon"}, {"id":"5","tagNam转载 2014-04-16 11:04:49 · 660 阅读 · 1 评论 -
django models使用verbose_name报错
在models.py内定义了字段:tablename = models.CharField(max_length=20 , verbose_name="e‐mail")运行报错:原创 2014-04-16 15:48:58 · 1306 阅读 · 0 评论 -
JavaScript中valueOf函数与toString方法深入理解
前言基本上,所有JS数据类型都拥有这两个方法,null除外。它们俩解决javascript值运算与显示的问题,重写会加大它们调用的优化。测试分析先看一例:var aaa = { i: 10, valueOf: function() { return this.i+30; }, toString: function() { return this.val转载 2014-05-28 17:17:48 · 1072 阅读 · 1 评论