某人

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

0%

发表于 更新于 分类于

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轴决定了观察者所能觉察到的距离。数值越大，距离越近物象越大，数值越小，距离越远物象越小。

阅读全文 »

发表于 更新于 分类于

前言

今天在用php做图片上传时，发现在ie上传失败，chrom和火狐正常，而ie报文件类型错误，于是就针对这个问题，就有了发现…

上传的MIME类型[Uploaded MIME Types]

当上传文件从客户端到Web服务器，Windows Internet Explorer使用findmimefromdata确定MIME类型。在可能的情况下，findmimefromdata返回硬编码的值从已知的MIME类型，而不是依靠在系统注册表的文件扩展名关联的MIME类型值的列表。在某些情况下，检测到的MIME类型可以不同于一般公认为向后兼容的值，如下表所示：

从上图可以看出前者才是标准的，符合常规的文件类型。

阅读全文 »

发表于 更新于 分类于

前言

  • 雅虎的35条页面优化准则,你大概能说出几条？
  • 这35条准则被分为了7个类,内容(Content) 、服务器(Server) 、 CSS 、 JavaScript 、Cookie 、图片(Images) 、移动应用(Mobile)、
  • 复习一下

三十五条黄金定律

网页内容

减少http请求次数

80%的响应时间花在下载网页内容(images, stylesheets, javascripts, scripts, flash等),减少请求次数是缩短响应时间的关键！可以通过简化页面设计来减少请求次数，但页面内容较多可以采用以下技巧:

  1. 捆绑文件: 现在有很多现成的库可以帮你将多个脚本文件捆绑成一个文件，将多个样式表文件捆绑成一个文件，以此来减少文件的下载次数。例如在asp.net中可以使用ScriptManager，asp.net MVC中的Bundling。
  2. CSS Sprites: 就是把多个图片拼成一副图片，然后通过CSS来控制在什么地方具体显示这整张图片的什么位置
  3. Image Maps: 也是将多幅图拼在一起，然后通过坐标来控制显示导航。这里有个经典的例子，选中图片中的某个人就会将你带到不同的链接。
  4. Inline images: 在实际页面中嵌入图像数据的网址。这可以增加你的HTML文件的大小。内联图像组合到你的样式表（缓存）是一种减少HTTP请求和避免增加页面大小的。如下：
    1
    2
    //css 文件
    .change{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAIAAAD2HxkiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwBJREFUeNrs3NGNREAcwOGbsyKUJNGOFnSgEbrwqBsViIi5Cm5z5HYX+b53IX/zy4wXIcb4BXzOtxGACEGEgAhBhIAIQYSACEGEgAhBhIAIQYSACEGEgAhBhIAIQYSACEGEgAhBhIAIQYSACEGEgAhBhIAIQYSACEGEgAhBhIAIQYSACEGEgAhBhIAIQYSACEGEgAhBhIAIQYSACEGEwO8eb7vTsizrupr4EyGEPM93XTLP87ZtRncSSZJkWbb7svgubdt6Sc9VVbV3qnVdm9t5NE1zIA3HUfBNCCIERAgiBEQIIgRECCIERAgiBEQIIgRECCIERAgiBEQIIgRECCIEXuVyf1s78EsyPqjruv9aq9M03XJEdkJwHAURAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRHjOOY7iLvu8tQeyEIEIQISBCECEgQhAhIEIQISBCECEgQhAhIEIQISBCECEgQhAhIEIQIfAij8s9cVmWwzDcY/ppmlqCXC/CJEmKovDmcBwFRAgiBEQIIgRECCIERAgiBEQIIgRECCIERAgiBEQIIgRECCIERAgiBEQIIgRECCIERAgiBEQIIgRECCIERAgiBEQIIgRECCIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQIiBBECIgQRAiIEEQJ/FmKMpgB2QhAhIEIQISBCECEgQhAhIEIQISBCECEgQhAhIEIQISBCECEgQhAhIEIQISBCECEgQhAhIEIQISBCECEgQhAhIEIQISBCECEgQhAhIEIQISBCECEgQhAhIEIQISBCECEgQhAhIEIQISBCECEgQhAhIEI4jx8BBgBKc9us1uAvqAAAAABJRU5ErkJggg==') no-repeat scroll center top;}
    阅读全文 »