长时间以来对一些名词感到很困惑,不明白其具体指什么,在此记录一下。

一、切图

1.1 原先理解

从字面意思理解,切图是指将一张大的图切割成很多张小的图片。最早(视频教程网或者我要自学网)看到的视频也是这个意思,并说切图的原因是整张图片放入界面会比较大,为了加快加载速度提升用户体验,至于去除的部分重复的通过css拉长代替颜色可代替的用css颜色代替文字也可以通过CSS调整字体代替。在以前网速是比较大的瓶颈对这个解说还是比较信服的。

1.2 困惑

但后来感觉一些小公司中切图似乎除了上述切割图片,还有按设计稿(使用切割出来的小图)实现web界面的意思。由此陷入了困惑。

1.3 现在理解

今天专门请教了接触前端的同学,其给切图的定义是“根据设计稿和开发人员的需求得到图片”,并明确切图不包实现切图一般是设计师做的而界面实现是前端做的。在其给的一张APP的设计界面和切割成的多张小图例子中,看到很多同一部分的不同大小的图片。由此意识到切图的主要目的已由互联网时代的减小大小转移到移动互联网时代的适配不同屏幕大小上。

由此总结当前切图的意思是,从设计稿上根据开发人员的需求切割出目标位置目标大小的图片,切图的目地一是减小大小二是适配不同屏幕大小。在一些小公司中前端兼职设计师所以切图可能包含编码实现的工作。

二、H5

2.1 原先理解

H5是在HTML5标准完成前后出现的,在开始认为其是指HTML5。

2.2 困惑

后来帮一个同学做网站,他一直念叨要用HTML5那种扁平化风格,你会不会H5那种动画效果,而且公司上下深以为然。什么鬼,HTML5和扁平化有什么关系HTML4就不可以扁平化?H5动画效果HTML4就不可以?

2.3 当前理解

H5是外行人混淆同时期出现的HTML5、扁平化和APP上可播放的类flash动画形成的概念,他的关键不是HTML5而是酷炫的界面或者叫酷炫的界面就是H5不酷炫的界面不是。

三、XML

3.1 原先理解

XML就是一些标签。

3.2 困惑

XML用于传输、存储数据,HTML用于显示数据。XML和HTML长得都差不多,凭什么XML就只能存储数据而HTML就是显示数据。

3.3 当前理解

本质而言XML和HTML都可以存储数据和显示数据,只要你想你就可以用HTML传输和存储数据也可以用XML显示数据。但用HTML传输数据要考滤浏览器直接解析问题,用HTML存储数据则容易造成开发人员将其于html页面混淆;要用XML显示数据那得自己写个支持将xml解析展示的浏览器。

也就是说“XML用于传输、存储数据,HTML用于显示数据”的说法不是由XML和HTML本身决定的,而是为了避免人和浏览器的误解而要求的。

四、REST

4.1 原先理解

看定义都是:REST即表述性状态传递(英文:Representational State Transfer,简称REST)是Roy Fielding博士在2000年他的博士论文中提出来的一种软件架构风格。

一点都不理解,REST和RESTful什么关系和区别都不理解。

4.2 困惑

《黑客攻防技术宝典web实战篇》等都说:

普通URL是问号后带参数的形式----http://wahh-app.com/search?make=ford&model=pinto

REST风格是参数并入URL的形式----http://wahh-app.com/search/ford/pinto

什么鬼,这在早几年是为了搜索引擎友好而进行的URL重写吧,现在改名叫REST了?以前怎么不见你叫REST,现在又有什么好吹。

4.3 当前理解

现在流行搏出位,有一种方式是咬名人比如考证李清照是个荡妇等等。我也搏出位,因为我要说Roy Thomas Fielding当年提的REST并不就是现在的REST。

我也捕风抓影,一是论文不说人话二是英文水平一般没有耐心逐句分析原文,主要是从侧面分析。

我们首先定义现在的REST,现在REST是随着智能手机(或者叫移动互联网,或者叫多终端)的普及而流行的前后端分离的实现形式,从技术就是客户端和服务端使用xml或json格式进行交互的http,在对外开放的接口中一般使用oAuth认证。百度AI开放平台是典型例子。

在REST的关键组成中,XML是在1998年制定的,json是1999年定义2001年开始推广的,web2.0是2004年才开始有清晰定义的,移动互联网是2007年才开始发端的,oAuth也是2007年才开始攥写的,前后端分离至少应该得在2010后才有的而且国外似乎不怎讲这个东西。所以要说Roy Thomas Fielding大神及时地吸收了新技术还是可信的,但他能在电脑都很差劲的年代提出为多终端而生当今REST是不怎么能令人信服的。

所以我个人只相信Roy Thomas Fielding大神提出了REST这个词,而不相信他提出了当今的REST;正如牛顿说的光的粒子性和当前说的光的粒子性不是一回事。

参考:

https://www.cnblogs.com/shiy/p/6577080.html

https://www.cnblogs.com/padding1015/p/7085539.html

https://www.ics.uci.edu/~fielding/pubs/dissertation/fielding_dissertation.pdf

https://scholar.google.com/scholar?q=roy+fielding

那些令人迷惑的名词:切图/H5/XML/REST的更多相关文章

  1. 移动端rem切图

    1.为什么用rem 根据屏幕大小,自动调整大小 2.如何使用rem 分以下几步 a.用ps把设置稿弄成640px或者750px的(记得等比例缩放) b.调试时记得把浏览器默认最小字体设置为最小.手机端 ...

  2. 前端切图实战(PSD设计稿转化为前端)

    课程来源:https://www.imooc.com/learn/668 一:读设计稿 划分:头部.尾部.公共部分.大概分多少块.logo的重用.列表有哪些.各部分用什么技术实现等等. 二:建立项目目 ...

  3. 移动端rem自适应布局(切图)

    本篇适用于初次使用rem为单位切图而无从下手的童鞋.核心是根据屏幕动态改变根元素字体大小,以达到适配各种屏幕.这只是一个拿来就用的教程.很多东西没有详细说明.不过对于快速做手机端切图很有帮助. 模板: ...

  4. 前端初级技能No.1 [切图]

    “切图”是指通过测量设计稿,从设计稿中提取图片等方式为页面开发提供支持的过程. 整个“切图”过程主要分为以下五个主要步骤: 分析设计图: 测量元素: 提取图片: 保存图片: 图片优化与合并: 1.分析 ...

  5. App切图命名规范

    转自:http://www.uisdc.com/slice-rename-in-ui-design(略有修改) 关于切图命名的规范,我个人觉得关键是在于团队能够有一个统一的规则,所有成员严格遵守并且和 ...

  6. 关于png、jpg、gif切图时的使用感悟

    关于png.jpg.gif切图时的使用感悟 曾经切图时都是一股脑所有图全切成jpg格式,最近突然心血来潮简单的研究了下其他图片格式的具体属性,才突然发现走了不少弯路,并没有做到使图片用最小体积展现出最 ...

  7. iOS设计 - 一款APP从设计稿到切图过程概述

    这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我 ...

  8. iOS - 如何切图适配各种机型

    关于iPhone6/6+适配问题一直有争议,今天小编专门为大家整理了相关的有效方案,希望对大伙儿有帮助! 移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选 ...

  9. 切图时图片的选择:JPG、PNG、GIF的区别

    目前网站图片的采用一共有流行三种,分别是JPG.PNG.GIF,然而很多人并不知道三者在选择的时候究竟应该选谁.虽然都可以存储图片,但是如果要发布到网上,就必须考虑速度.大小和失真程度的问题.如果你运 ...

随机推荐

  1. element-ui table表格展开行每次只能展开一行

    https://www.jianshu.com/p/a59c22202f2c <template> <el-table @expand-change="expandSele ...

  2. [js]js设计模式-修改原型

    参考 操作原型 - 给原型添加属性 - 方法1: Fn.prototype.sum=function{} - 方法2: Fn.prototype={} //constructor指向了Object的原 ...

  3. 这10个Python项目超有趣!

    前言: Python可谓是现在很多人正在学或者想学的一个脚本语言了,提到学习自然就少不了拿项目练手,可是一般的项目根本提不起兴趣嘛,这10个项目可是非常有趣的,不信你看看. [Python 图片转字符 ...

  4. 实现html页面自动刷新的几种方式

    自动页面刷新通常会用在对数据的实时性比较敏感的网站中,比如股票走势等,另外在普通的页面自动跳转中也会使用到页面自动刷新技术. 页面刷新我见过的有三种方式,下面来一一说明 1.通过在<head&g ...

  5. iscroll4升级到iscroll5全攻略笔记

    前段时间在搞移动终端(移动web)的项目,其中需要用到滚动的功能(html的滚动效果不好,且在低版本上不支持).后面上网找了下资料,发现大部分人都在用iscroll4(下面简称v4),下载下来试了下确 ...

  6. airflow中的两个参数

    'trigger_rule':'all_done','retry_delay':timedelta(),

  7. C++ WINDOWS 防多开

    我们有些程序是可以同时运行多个进程,典型的像Visual Studio.但有些就能一次运行一个进程.比如Outlook.那你可能会问啥时可以让它同时打开多个应用程序,啥时只能一个啊.这个主要看进程间是 ...

  8. undefined的几种情况

    1.变量声明了,但是没有赋值: 2.一个变量声明了,并且赋值了undefined: var a = undefined; 3.一个对象中,获取某个不存在的属性,值也是undefined

  9. jvm 线上命令

    jstat -gc 40015 查看jvm用的是什么gc算法 java -XX:+PrintCommandLineFlags -version

  10. Centos7 升级 Ruby

    Centos7通过yum 安装的Ruby 是2.0版本.版本较低,需要升级到2.5以上版本. #yum 安装ruby yum install ruby #查看ruby版本 ruby -v 以下开始升级 ...