轩枫阁

首页 / Web前端 (第24页)

响应式网页设计- 移动、ipad端开发总结

前言

响应式Web设计(Responsive Web design)的理念是: 页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。

1、特殊的meta 标签

现在我们用的智能手机(iOS,Android)的浏览器都是基于webkit内核,由于webkit的浏览器对于html5的支持比较好,所以我们在声明头部的时候最好用html5的声明方式。标签中可以设置具体的宽度(如像素值)或者缩放比例如2.0(设备实际尺寸的两倍)。 查看全文

2014/11 05  周三

Gif动态图像录制、截屏、录像软件推荐及下载

前言

一图胜千言,有配图的文章显得更容易理解更有兴趣去阅读而不觉得枯燥,所以会经常给文章加上配图。而有些操作是需要gif动态图像去表意的,如实用的sublime插件集合 这篇文章中的配图就都是动态的,这里推荐一些gif录制、截图、录像软件。

1. GifChm_CHS

简介:gif图像录制

推荐指数:★★★★★

下载地址http://pan.baidu.com/s/1qWnZAFi

功能:可录制Gif图像、捕获光标、可编辑、可导出成AVI视频等

特点:使用简单,无需安装,必推荐 查看全文

2014/10 30  周四

Markdown标记语言的用处

markdown是为哪些使用者设计的

首先要确定是否真的需要markdown,使用某种工具是为了提高效率或者某种体验的,如果这种工具并不能显著帮你改善体验,那就让它见鬼去吧,哪怕这个工具学起来很简单。

markdown是为那些需要经常码字或者进行文字排版的、对码字手速排版顺畅度有要求的人群设计的,他们希望用键盘把文字内容啪啪啪地打出来后就已经排版好了,最好从头到尾都不要使用鼠标。这些人包括经常需要写文档的码农、博客写手、网站小编、出版业人士等等。

通常情况下,网络上需要进行大量文字输入的地方都可以通过所见即所得的方式排版(比如知乎的答案编辑模式),本地写作的话则可以使用word这类常用的文本编辑软件,当然你也可以蛋疼地手工使用html标签实现排版效果——而markdown只是使这一切更方便了一点而已,所以如果你觉得现有文本编辑方式完全够用了,就别费神折腾了(除非你在使用像github这样markdown作为主流编辑方式的网站)。

Markdown还可以用在以下场景

  • 需维护型文档:文档需要在多平台使用,如wiki平台、同事传阅、网站发布等。一般文档常用Word来写,但是如果文档一需要在网上发布就麻烦了,格式没有跟过来。如果一开始就是markdown语法,可以通用解决。
  • 项目文档:项目文档一般都是用md来写的,github的项目的Readme.md就是markdown文档
  • wordpress博客:当然WP有自己的编辑器,如果你想用markdown还是可以的,装插件(后面会介绍)即可
  • 创意简历:还有一种装逼手段就是用markdown来编写简历,那绝对是创意来着的哦,适合程序员
  • 更多:管理所有的文本创作和笔记、建立自己的知识库、写博客日记、写技术文献、做ppt

markdown语法

如果决定使用markdown了,那就先快速学习一下它的语法吧。markdown语法很少很简单,可以参照下面两个链接中的简明版,然后在这个在线的markdown-html在线转换上(Daring Fireball: Markdown Web Dingus)操练操练,不用一个小时就可以掌握。

简明版 Markdown 语法说明(简体中文版)

完整版 Markdown 语法说明(简体中文版) 查看全文

2014/10 26  周日

方案合集:判断Javascript对象是否存在

前言

Javascript语言的设计不够严谨,很多地方一不小心就会出错。

举例来说,请考虑以下情况。

现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明。用自然语言描述的算法如下:

你可能会觉得,写出这段代码很容易。但是实际上,它涉及的语法问题,远比我们想象的复杂。Juriy Zaytsev指出,判断一个Javascript对象是否存在,有超过50种写法。只有对Javascript语言的实现细节非常清楚,才可能分得清它们的区别。

第一种写法

根据直觉,你可能觉得可以这样写:

但是,运行这段代码,浏览器会直接抛出ReferenceError错误,导致运行中断。请问错在哪里? 查看全文

2014/10 25  周六

Ejs与Jade如何选择–NodeJs模版引擎比较

前言

前段时间的项目有用到NodeJs,而比较主流的模版引擎当属Ejs与Jade,该如何选择呢?各自又有什么优缺点?

EJS 结构更像原生 HTML,而 Jade 更简洁。你使用其中之一,是出于什么原因呢?看一看知乎上大家的讨论。

赞同Jade

1. 点评1

Jade有两点是超出传统模板技术的。

第一、简洁。

注意,简洁并非单指更少的符号,而是看是否能match你的需要。Jade强制的缩进格式能凸显html的结构,而对于前端来说,最重要的任务恰恰是处理结构,而不像一般的html author那样是处理内容。反过来说,假如你的主要任务是处理内容,比如写作blog之类的,那你应该用wiki或者markdown之类的,而不应该用Jade。 查看全文

2014/10 22  周三

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子