- 博客(69)
- 收藏
- 关注
转载 HTML(5) 不要求标签自闭合
XHTML教导我们,标签都是要闭合的,不能包含子元素的标签需要自闭合。但HTML5是没有这个要求的,所有HTML中都没这个要求,是XHTML将这门松散的语言变得严格起来。XHTML诸多严格,包括标签都要闭合,包括tagName和属性都要小写等。HTML 第一版追溯HTML的元祖第一版,就是不要求自闭合的,如下的一段用法就表明了其的松散随意1234
2013-11-30 23:13:11 2484
转载 -webkit-tap-highlight-color 属性
这个属性可以指设置透明度。如果未设置透明度,iOS上的Safari会给予颜色一个默认的透明度。把透明度设为0,则会禁用此属性。如果你把透明度设为1,元素将会不可见。只用于iOS(iPhone和iPad),是点击反馈时的区域背景,或者是点击时的高亮背景颜色。语法-webkit-tap-highlight-color: color取值color颜色。
2013-11-27 12:56:21 1748
转载 解决html5 + js开发APP无法显示SVG问题(转化成canvas)
项目里用到了kendo UI DataViz的折线图、饼状图等去显示一些统计信息,这些图的显示用到了SVG。 现在最新的Chrome、Safari、Moz都支持了SVG标签,甚至是iPhone里的Safari都支持了SVG。 但是Android要到3.0版本及以上才支持SVG,如果不是3.0及更高版本,用户必须升级浏览器内核才能显示。 这里有个解决方案,可以将SVG转换为canv
2013-11-26 13:23:02 4190
转载 text-size-adjust
该属性用来设定文字大小是否根据设备(浏览器)来自动调整语法1text-size-adjust:percentage值percentage:字体显示的大小;auto:默认,字体大小会根据设备/浏览器来自动调整;none:字体大小不会自动调整详解该属性最初为iPhone版safari设计,用来自动调整普通网页在iPh
2013-11-25 13:02:54 939
转载 使用CSS3的appearance属性改变元素的外观
前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格,其实我们可以反过来思路,使用“appearance”属性,来改变任何元素的浏览器默认风格,简单的说,你可以使用“appearance”属性将“段落p”渲染成button的风格,也可以渲染成“输入框”、“选择框”等效果。大家都知道每个浏览
2013-11-25 11:41:31 635
转载 LESS CSS 使用说明
使用koala编译Koala 是一款由国人开发的开源预处理语言图形编译工具,目前已支持 Less、Sass、Compass 与CoffeeScript。目前支持以下系统:Windows,Mac, 10.7+,Linux: 32bit / 64bit,Ubuntu: 32bit / 64bit;我们可以从他们官方网站下载 koala:点击进入,使用文档点击进入使用方法:
2013-11-24 23:57:02 1503
转载 LESS CSS 函数手册
索引escape(@string); // 通过 URL-encoding 编码字符串e(@string); // 对字符串转义%(@string, values...); // 格式化字符串unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位color(@string); // 将字符串解析为颜色值data-uri([mimetype,] url);
2013-11-24 23:56:02 1755
转载 LESS CSS 语言特性
作为CSS的一种扩展,LESSCSS不仅向下兼容CSS的语法,而且连新增的特性也是使用CSS的语法。这样的设计使得学习LESS很轻松,而且你可以在任何时候回退到CSS。变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }输出:#header {
2013-11-24 23:55:14 1092
转载 The Little Book on CoffeeScript - 语法
本文译自The Little Book on CoffeeScript的第2章。该书是GitHub上的一个开源项目,采用MIT授权协议。遂将其翻译过来,以便方便更多人接触CoffeeScript,沿用MIT授权协议。译文有不妥之处,请指正。CoffeeScript语法首先,在开始本章之前,我还想重申下尽管很多时候CoffeeScript的语法与JavaScript相似,但是它并
2013-11-24 18:20:21 971
转载 The Little Book on CoffeeScript - 简介
上周末我去参加了Java开发者大会讨论了几个非常有意思的话题。有名演讲者谈到了Underscore,当时他使用的演示都是基于CoffeeScript完成的。我以前与CoffeeScript这玩意有过一面之缘,但经过他这次讲解后我打算重新再好好研究一下。如果你曾经在浏览器上使用过JavaScript 或者再服务端用过 Nodejs。那么你上手CoffeeScript就相当简单了。
2013-11-24 18:17:58 803
转载 ExtJs4 笔记(7) Ext.tip.ToolTip 提示
本篇介绍提示控件,ExtJs支持两种方式定义提示,可以支持普通html元素和一般的ExtJs UI控件。一、基本提示 Ext.tip.ToolTip1.最简单的提示下面通过代码定义一个最简单的提示,首先在HTML加入一个div,我们要实现当鼠标移动到这个div上时,自动出现提示,如下是html内容:[html]普通提示接着在js中添加如下代码:[Js]
2013-11-22 11:20:21 1057
转载 css 网站内部优化之样式表(CSS)定义和命名规范
css 网站内部优化之样式表(CSS)定义和命名规范 SEO流程中对代码的优化是一个很关键的初级步骤,有必要对目前流行的CSS+DIV的命名规则规范化。需要注意的是,在css文件里进行样式命名的时候,应尽量避免使用英文”_”作为分隔符,用英文”-”代替。原因:搜索引擎(谷歌和百度)对英文”_”(下划线)的处理几乎相同,谷歌把它处理成空格符,类似程序中的NULL。而英文”
2013-11-22 10:46:19 1100
转载 Extjs gridPanel对选中行的操作
var model = grid.getSelectionModel(); model.selectAll();//选择所有行 model.selectFirstRow();//选择第一行 model.selectLastRow([flag]);//选择最后一行,flag为正的话保持当前已经选中的行数,不填则默认false model.selectNext();//选择下一行
2013-11-22 10:41:22 900
转载 Extjs4 之grid组件
grid表格是extjs的核心组件之一,它提供了展示大量数据的最佳途径。Grid组件的重要特性包括:智能渲染、标准布局、数据视图、特性支持、虚拟滚动和编辑改进,这些特性共同缔造了功能强大的4.0grid组件。智能渲染:在extjs4.0之前的版本中采用了‘最小公分母’的策略来支持各种丰富的特性,这种方式会对每一个表格产生大量的标签,而这些标签对于简单表格来说是不必要的,而在4.0中默认的表格只
2013-11-22 08:37:48 1691
转载 AngularJS学习笔记
关于AngularJS关于本文档开始的例子依赖注入作用域数据绑定与模板6.1. 数据->模板6.2. 模板->数据6.3. 数据->模板->数据->模板模板7.1. 定义模板内容7.2. 内容渲染控制7.3. 节点控制7.4. 事件绑定7.5. 表单控件模板中的过滤器8.1. 排序 orderBy8.2. 过滤
2013-11-21 21:29:38 2105
转载 AngularJS入门教程:完结篇
我们的应用现在完成了。你可以随意练习这些代码,用git checkout或者goto_step.sh命令切换到之前的步骤。对于更多我们在教程部分提及的细节以及AngularJS理论的例子,你可以在开发指南中找到。一些更多的例子,请参照Cookbook。当你准备好使用AngularJS创建一个新项目时,我们推荐使用AngularJS种子项目来引导你的开发。我们希望这篇教程对你有用,让
2013-11-21 21:26:10 998
转载 AngularJS入门教程11:REST和定制服务
在这一步中,我们会改进我们APP获取数据的方式。请重置工作目录:git checkout -f step-11对我们应用所做的最后一个改进就是定义一个代表RESTful客户端的定制服务。有了这个客户端我们可以用一种更简单的方式来发送XHR请求,而不用去关心更底层的$http服务(API、HTTP方法和URL)。步骤9和步骤10之间最重要的不同在下面列出。你可以在GitHub里看到完
2013-11-21 21:25:45 1025
转载 AngularJS入门教程10:事件处理器
在这一步,你会在手机详细信息页面让手机图片可以点击。请重置工作目录:git checkout -f step-10手机详细信息视图展示了一幅当前手机的大号图片,以及几个小一点的缩略图。如果用户点击缩略图就能把那张大的替换成自己那就更好了。现在我们来看看如何用AngularJS来实现它。步骤9和步骤10之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。控制器a
2013-11-21 21:24:06 929
转载 AngularJS入门教程09:过滤器
在这一步你将学习到如何创建自己的显示过滤器。请重置工作目录:git checkout -f step-9现在转到一个手机详细信息页面。在上一步,手机详细页面显示“true”或者“false”来说明某个手机是否具有特定的特性。现在我们使用一个定制的过滤器来把那些文本串图形化:√作为“true”;以及×作为“false”。来让我们看看过滤器代码长什么样子。步骤8和步骤9之间最重要的不同
2013-11-21 21:23:38 864
转载 AngularJS入门教程08:更多模板
在这一步,你将实现手机详细信息视图,这个视图会在用户点击手机列表中的一部手机时被显示出来。请重置工作目录:git checkout -f step-8现在当你点击列表中的一部手机之后,这部手机的详细信息页面就会被显示出来。为了实现手机详细信息视图我们将会使用$http来获取数据,同时我们也要增添一个phone-detail.html视图模板。步骤7和步骤8之间最重要的不同在下面
2013-11-21 21:22:57 855
转载 AngularJS入门教程07:路由与多视图
在这一步,你将学习如何创建一个布局模板并且通过路由功能来构建一个具有多个视图的应用。请重置工作目录:git checkout -f step-7注意到现在当你转到app/index.html时,你会被重定向到app/index.html#/phones并且相同的手机列表在浏览器中显示了出来。当你点击一个手机链接时,一个手机详细信息列表也被显示了出来。步骤6和步骤7之间最重要的不同在
2013-11-21 21:21:49 1679
转载 AngularJS入门教程06:链接与图片模板
这一步,你会为手机列表的手机添加缩略图以及一些链接,不过这些链接还不会起作用。接下来你会使用这些链接来分类显示手机的额外信息。请重置工作目录:git checkout -f step-6现在你应该能够看到列表里面手机的图片和链接了。步骤5和步骤6之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。数据注意到现在phones.json文件包含了唯一标识符和每一部
2013-11-21 21:21:21 1013
转载 AngularJS入门教程05:XHR和依赖注入
到现在为止,我们使用是硬编码的三条手机记录数据集。现在我们使用AngularJS一个内置服务$http来获取一个更大的手机记录数据集。我们将使用AngularJS的依赖注入(dependency injection (DI))功能来为PhoneListCtrl控制器提供这个AngularJS服务。请重置工作目录:git checkout -f step-5刷新浏览器,你现在应该能看
2013-11-21 21:20:52 950
转载 AngularJS入门教程04:双向绑定
在这一步你会增加一个让用户控制手机列表显示顺序的特性。动态排序可以这样实现,添加一个新的模型属性,把它和迭代器集成起来,然后让数据绑定完成剩下的事情。请重置工作目录:git checkout -f step-4你应该发现除了搜索框之外,你的应用多了一个下来菜单,它可以允许控制电话排列的顺序。步骤3和步骤4之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。模板
2013-11-21 21:20:25 954
转载 AngularJS入门教程03:迭代器过滤
我们在上一步做了很多基础性的训练,所以现在我们可以来做一些简单的事情喽。我们要加入全文检索功能(没错,这个真的非常简单!)。同时,我们也会写一个端到端测试,因为一个好的端到端测试可以帮上很大忙。它监视着你的应用,并且在发生回归的时候迅速报告。请重置工作目录:git checkout -f step-3我们的应用现在有了一个搜索框。注意到页面上的手机列表随着用户在搜索框中的输入而变化。
2013-11-21 21:19:57 986
转载 AngularJS入门教程02:AngularJS 模板
是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试。一个应用的代码架构有很多种。对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模式解耦代码和分离关注点。考虑到这一点,我们用AngularJS来为我们的应用添加一些模型、视图和控制器。请重置工作目录:git checkout -f step-2我们的应用现在有了一个
2013-11-21 21:19:30 2180
转载 AngularJS入门教程01:静态模板
为了说明angularJS如何增强了标准HTML,我们先将创建一个静态HTML页面模板,然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。在本步骤中,我们往HTML页面中添加两个手机的基本信息,用以下命令将工作目录重置到步骤1。git checkout -f step-1请编辑app/index.html文件,将下面的代码添加到index.html文件中,然后运行
2013-11-21 21:18:59 1122
转载 AngularJS入门教程00:引导程序
我们现在开始准备编写AngularJS应用——phonecat。这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用。进入angular-phonecat目录,运行如下命令:git checkout -f step-0该命令将重置phonecat项目的工作目录,建议您在每一学习步骤运行此命令,将命令中的数字改成您
2013-11-21 21:18:22 1002
转载 AngularJS入门教程:导言和准备
学习AngularJS的一个好方法是逐步完成本教程,它将引导您构建一个完整的AngularJS web应用程序。 该web应用是一个Android设备清单的目录列表,您可以筛选列表以便查看您感兴趣的设备,然后查看设备的详细信息。本教程将向您展示AngularJS怎样使得web应用更智能更灵活,而且不需要各种扩展程序或插件。 通过本教程的学习,您将:阅读示例学习怎样使用Angular
2013-11-21 21:17:48 950
转载 AngularJS快速开始
Hello World!开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”:使用您喜爱的文本编辑器,创建一个HTML文件,例如:helloworld.html。将下面的源代码复制到您的HTML文件。在web浏览器中打开这个HTML文件。源代码 ng-app> src="http://code.angularjs.o
2013-11-21 21:17:03 892
转载 AngularJS路由和模板
AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写
2013-11-21 21:10:38 1608
翻译 Angular 改变url参数而不重新视图
我构建一个仪表板系统AngularJS,我遇到一个问题通过$location.path与设置的url在我们的指示板,我们有一堆的小部件。每个显示更大的最大化观点当你点击它。我们正试图设置深度链接,允许用户链接到一个仪表板部件最大化。目前,我们有两个路线,看起来像/dashboard/:dashboardId和/dashboard/:dashboardId/:maximizedWidgetI
2013-11-21 20:59:52 3795 1
转载 PHP ctype函数总结
今天翻PHP的文档 偶然看到ctype函数 觉得很好用 记录下来以备后用:Ctype 函数Table of Contentsctype_alnum — Check for alphanumeric character(s) 检查字符串中只包含数字或字母,相当于正则[A-Za-z0-9]. 有返回值。ctype_alpha — Check for alphabet
2013-11-18 01:19:55 809
转载 利用iframe实现ajax跨域通信的实现原理(图解)
一般情况下都是用在同一域下的ajax请求;但是如果请求是发生在不同的域下,请求就无法执行,并且会抛出异常提示不允许跨域请求,接下来介绍利用iframe实现ajax跨域通信感兴趣的朋友可以了解下,或许对你学习ajax跨域有所帮助在漫长的前端开发旅途上,无可避免的会接触到ajax,而且一般情况下都是用在同一域下的ajax请求;但是如果请求是发生在不同的域下,请求就无法执行,并且会抛出异常提示不允许
2013-11-17 17:29:12 1070
转载 【整理】查看SVG图片,将SVG图片转换为PNG,JPG,TIF等方面的工具或软件
浏览器类只是单纯查看SVG等矢量图片的话,使用浏览器打开svg图片就够了。下面是各类浏览器对svg的支持的情况:IE9+本身IE9,就支持打开查看SVG图片了Mozilla Firefox v1.5+Google ChromeSafari 软件类如果除了查看SVG之外,还想要对SVG图片进行编辑/转换(成JPG,PNG等其他)格式的话,则一般还是需要相关工具
2013-11-16 13:47:17 13238
转载 Qeephp ActiveRecord CRUD 操作
每一个 AR(ActiveRecord 的简称)对象对应一条数据库记录,所以 AR 的 CRUD 操作也分为单个记录和多个记录的批量操作。在数据库中新建一个 AR方式1:$post = new Post();$post->title = 'post title';$post->body = 'post body';$post->save();
2013-11-15 14:23:46 1204
转载 qeephp 的数据库查询
不管一个框架的数据库功能有多么强大,也不可能涵盖数据库的全部功能(甚至常用的部分)。比如带有表达式或 OR 的查询条件,在现有的框架中并不好用。例如 fleaphp 里面类似:复制PHP内容到剪贴板PHP代码:$conditions =array( array('Field1','Value1','LIKE','OR'), array('Field2',
2013-11-15 13:51:30 985
转载 qeephp数据库关联操作
qeephp提供了强大的数据库关联,比如我添加新闻的时候,新闻标题等属性放到news表里面,新闻内容单独放到一个newses表里面。这样我们平常操作的时候,一般都是left join关联查询,添加、修改、删除都是分别对两个表操作。但是qeephp就不需要那么麻烦,只要在模型里面建立一下关联,然后就查询、添加、修改、删除就很简单了。 在model里面:/*** 添加对象间的关联*
2013-11-15 13:51:00 1447
转载 RequireJS 2.0 API之用法
用法§ 1 加载 JavaScript 文件§ 1.1相比于传统的用标签来加载js,RequireJS 采用了不同的方式。 它的目标是促进JS编程模块化。 虽然它也能优化我们JS程序的性能, 但是它的主要目的还是促进JS编程模块化。其中, 它鼓励使用 module IDs 来加载JS文件,而不是 用标签直接引入JS文件的URLs的方式。RequireJS 基于 baseUrl 配置的地
2013-11-14 10:41:15 1102
转载 CSS3 实用技巧:制作三角形
/* create an arrow that points up */div.arrow-up { width:0px; height:0px; border-left:5px solid transparent; /* left arrow slant */ border-right:5px solid transparent; /* right arrow slant
2013-11-13 22:02:08 814
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人