某人

此前素未谋面、此后遥遥无期

0%

Handlebars模版

Handlebars模板是一个JavaScript模板引擎,有些类似与Mustache、Underscore Templates、Embedded JS Templates、Jade templating等模版,但是他们都各有各的特点。

  1. Mustache模板和 Handlebars是兼容的
  2. 逻辑处理由Handlebars的Helper进行
  3. 无依赖
阅读全文 »

Math对象

Math 对象用于执行数学任务,(复习一下)

  1. Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math()
  2. 如:Math.sin() 这样的函数只是函数
  3. 无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法
阅读全文 »

Gulp

Gulp是基于node.js流的前端自动化构建工具,类似与grunt工具
官方网站地址:中文英文github地址

官方指出

  • 易于使用:通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。
  • 构建快速:利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。
  • 插件高质:Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。
  • 易于学习:通过最少的 API,掌握 Gulp 毫不费力,构建工作尽在掌握:如同一系列流管道。
阅读全文 »

photoshop脚本

PhotoShop脚本是指图像处理软件PhotoShop所支持的批处理程序,其英文为Photoshop Scripting。

它分别支持脚本编程语言有:

  1. Mac平台上的Apple Script脚本
  2. Windows平台上的Visual Basic Script脚本
  3. 跨平台的JavaScript脚本

注:此处未说明使用的是ps cs6版本

阅读全文 »

HTTP状态码

HTTP状态码(HTTP Status Code)是用以表示网页服务器HTTP响应状态的3位数字代码。它由 RFC 2616 规范定义的,并得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等规范扩展。

所有状态码的第一个数字代表了响应的五种状态之一。

常用的HTTP状态码

  • 200 OK => 请求成功(其后是对GET和POST请求的应答文档。)
  • 301 Moved Permanently => 所请求的页面已经转移至新的url。
  • 302 Found => 所请求的页面已经临时转移至新的url。
  • 304 Not Modified => 未按预期修改文档。客户端有缓冲的文档并发出了一个条件性的请求(一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档)。服务器告诉客户,原来缓冲的文档还可以继续使用。
  • 404 Not Found => 服务器无法找到被请求的页面。
  • 500 Internal Server Error => 请求未完成。服务器遇到不可预知的情况。
  • 502 Bad Gateway => 请求未完成。服务器从上游服务器收到一个无效的响应。
  • 503 Service Unavailable => 请求未完成。服务器临时过载或当机。
阅读全文 »

前言

类选择符允许以一种独立于文档元素的方式来指定样式,该选择符可以单独使用,也可以与其他元素结合使用。像id、class、标签等选择符我们平时都很常用,可是css选择符有好多种,许多选择符我们不常用的话,就会忽略它。

css选择符参考图

阅读全文 »

基本定义

EDM 是 Email Direct Marketing 的缩写,即电子邮件营销,简称为邮件营销,是利用电子邮件(Email)与受众客户进行商业交流的一种直销方式。下面是一张参考图:

阅读全文 »

了解html

  • W3C:万维网联盟-World Wide Web Consortium,创建于1994年
  • HTML:超级文本标记语言-HyperText Markup Language
  • XHTML:可扩展超文本标记语言-Extensible HyperText Markup Language,XHTML 的目标是为取代 HTML
  • DHTML:是动态HTML - Dynamic HTML,它不是 W3C 标准
  • HTML5:万维网的核心语言,是超文本标记语言-html的第五次重大修改,是一项推荐标准

元素的基本定义

块级元素与块元素

  • **块级元素(block-level elements)**:那些视觉上会被格式化成块状的元素,通俗一点来说就是那些会换新行的元素。display 属性值为:block, list-item, table 值都可以将一个元素设置成块级元素。
    阅读全文 »

html5 Geolocation 基本介绍

HTML5有一个新功能:Geolocation,它允许用户在 Web 应用程序中共享他们的位置,使其能够享受位置感知服务。
Geolocation API的使用很简单,请求一个位置信息,如果用户同意,就返回位置信息。

注:此处所提到的定位都是javascript地图API,适合Web 应用程序

获取地理位置的方式

设备可以使用的数据源:

  • IP 地址
  • GPS(Global Positioning System,全球定位系统)
  • WiFi基站的mac地址
  • 手机信号(GSM或CDMA基站)
  • 用户自定义数据

数据源对比:

|数据源|优点|缺点|
|—|:—|:—:|—:|
|IP 地址|任何地方都可用、在服务器端处理|不精确(经常出错,一般精确到城市级)、运算代价大|
|GPS|很精确|定位时间长,耗电量大 、室内效果差 、需要额外硬件设备支持|
|Wi-Fi|精确、可在室内使用、简单,快捷|在乡村这些 Wi-Fi 接入点少的地区无法使用|
|手机信号|精确、可在室内使用、简单,快捷|需要能够访问手机或其 modem 设备|
|用户自定义|可获得比程序定位服务更准确的位置数据,用户自行输入可能比自动检测更快|可能很不准确,特别是当用户位置变更后|

阅读全文 »

什么是Matrix?

Matrix(矩阵)是一个有关数字,符号,表达式组合的有趣的数学词汇,广泛应用于数学和科技领域。物理学家们还将其纳入量子力学的学习范畴。在电脑图形方面,它们被用于线性变形和处理3D图像和2D映画。Matrix 函数中的matrix()可以用来创建线性变化,matrix3d()可以用css在二维画面里创建三维图像。(下图是一个matrix例子)

2D变换矩阵为3x3 ,3D变换则是4x4的矩阵;
矩阵(matrix)可以完成,斜拉(skew),缩放(scale),旋转(rotate)以及位移(translate);
变换矩阵基于一个特定坐标点相乘表示为一个向量。

坐标系统

坐标系统。每一个文档视图都是一个坐标系统,左上角为视图的原点,坐标(0,0)。数值沿着X轴向右,沿着Y轴向下而递增。3D transform里面的Z轴决定了观察者所能觉察到的距离。数值越大,距离越近物象越大,数值越小,距离越远物象越小。

阅读全文 »