那些令人迷惑的名词:切图/H5/XML/REST
长时间以来对一些名词感到很困惑,不明白其具体指什么,在此记录一下。
一、切图
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的更多相关文章
- 移动端rem切图
1.为什么用rem 根据屏幕大小,自动调整大小 2.如何使用rem 分以下几步 a.用ps把设置稿弄成640px或者750px的(记得等比例缩放) b.调试时记得把浏览器默认最小字体设置为最小.手机端 ...
- 前端切图实战(PSD设计稿转化为前端)
课程来源:https://www.imooc.com/learn/668 一:读设计稿 划分:头部.尾部.公共部分.大概分多少块.logo的重用.列表有哪些.各部分用什么技术实现等等. 二:建立项目目 ...
- 移动端rem自适应布局(切图)
本篇适用于初次使用rem为单位切图而无从下手的童鞋.核心是根据屏幕动态改变根元素字体大小,以达到适配各种屏幕.这只是一个拿来就用的教程.很多东西没有详细说明.不过对于快速做手机端切图很有帮助. 模板: ...
- 前端初级技能No.1 [切图]
“切图”是指通过测量设计稿,从设计稿中提取图片等方式为页面开发提供支持的过程. 整个“切图”过程主要分为以下五个主要步骤: 分析设计图: 测量元素: 提取图片: 保存图片: 图片优化与合并: 1.分析 ...
- App切图命名规范
转自:http://www.uisdc.com/slice-rename-in-ui-design(略有修改) 关于切图命名的规范,我个人觉得关键是在于团队能够有一个统一的规则,所有成员严格遵守并且和 ...
- 关于png、jpg、gif切图时的使用感悟
关于png.jpg.gif切图时的使用感悟 曾经切图时都是一股脑所有图全切成jpg格式,最近突然心血来潮简单的研究了下其他图片格式的具体属性,才突然发现走了不少弯路,并没有做到使图片用最小体积展现出最 ...
- iOS设计 - 一款APP从设计稿到切图过程概述
这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我 ...
- iOS - 如何切图适配各种机型
关于iPhone6/6+适配问题一直有争议,今天小编专门为大家整理了相关的有效方案,希望对大伙儿有帮助! 移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选 ...
- 切图时图片的选择:JPG、PNG、GIF的区别
目前网站图片的采用一共有流行三种,分别是JPG.PNG.GIF,然而很多人并不知道三者在选择的时候究竟应该选谁.虽然都可以存储图片,但是如果要发布到网上,就必须考虑速度.大小和失真程度的问题.如果你运 ...
随机推荐
- 006-mac下finder操作
1. 在 Finder 窗口显示更多信息 打开任意 Finder 窗口.前往并打开「显示」-「显示路径栏」.「显示」-「显示状态栏」和「显示」-「显示预览」三项. 选择了显示路径栏 路径栏通常是从磁盘 ...
- 【JVM】-NO.115.JVM.1 -【JDK11 HashMap详解-4-伸展树、B树】
.Style:Mac Series:Java Since:2018-09-10 End:2018-09-10 Total Hours:1 Degree Of Diffculty:5 Degree Of ...
- 【JVM】-NO.116.JVM.1 -【JDK11 HashMap详解-5-红黑树】
Style:Mac Series:Java Since:2018-09-10 End:2018-09-10 Total Hours:1 Degree Of Diffculty:5 Degree Of ...
- 2019年度【计算机视觉&机器学习&人工智能】国际重要会议汇总
简介 每年全世界都会举办很多计算机视觉(Computer Vision,CV). 机器学习(Machine Learning,ML).人工智能(Artificial Intelligence ,AI) ...
- 0001-20180421-自动化第一章-python基础学习笔记
======================学习python==================介绍: python种类: cpython(*),jpython,ironpython,rubypyth ...
- DataGridView 访问任意行不崩溃
int index= this.dataGridView1.rows.Add(); 先执行这行代码,然后访问任意行,不崩溃, 赋值不存在的行,只是不显示,或者无值. 什么原理呢? 一些其他 priva ...
- Windwos Live Writer插件指南
Windows Live Writer 即(WLW) 是一个免费的桌面应用程序,可以用于发布博客. 官网下载地址:https://www.microsoft.com/zh-CN/download/de ...
- Hdu2191 悼念512汶川大地震遇难同胞——珍惜现在,感恩生活 (多重背包)
Problem Description 急!灾区的食物依然短缺!为了挽救灾区同胞的生命,心系灾区同胞的你准备自己采购一些粮食支援灾区,现在假设你一共有资金n元,而市场有m种大米,每种大米都是袋装产品, ...
- Numpy 数据类型和基本操作
Numpy 数据类型 bool 用一位存储的布尔类型(值为TRUE或FALSE) inti 由所在平台决定其精度的整数(一般为int32或int64) int8 整数,范围为128至127 int1 ...
- openGL学习----光照
0.光照处理时候,向量点乘一定要是标准化后的单位向量!!! 1.冯氏光照模型:光照=环境光+漫反射+镜面反射 vec3 result = ambient + diffuse + specular; 一 ...