前端开发珠宝行业经验

Posted 2023-04-07

参考技术A 　前端简介
　　Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。
　　早期的前端其实就是Table布局，后来发展到所谓的Div + CSS网站重构，再到现在的让人眼花缭乱的各种各样的新技术，Web前端技术发展是非常快速的，因此选择了前端这个行业就意味着不停的学习吧。让我们先看看张克军绘制的前端知识体系结构：
　　前端开发的核心是html + CSS + javascript。本质上它们构成一个MVC框架，即HTML作为信息模型（Model），CSS控制样式（View），JavaScript负责调度数据和实现某种展现逻辑（Controller）。
　　HTML
　　1. 标签的分类
　　1. 标签表示一个元素
　　2. 按性质划分: Block-Level和Inline-Level
　　3. 按语义划分:
　　Headings : h1, h2, h3, h4, h5, h6
　　Paragraphs : p
　　Text Formatting : em, strong, sub, del, ins, small
　　Lists : ul, li, ol, dl, dt, dd
　　Tables : table, thead, tbody, tr, th, td
　　Forms and Input : form, input, select, textarea
　　Others : div, span, a, img, <!---->
　　HTML5 : header, footer, article, section
　　2. XHTML
　　XHTML 于2000年的1月26日成为 W3C 标准。W3C 将 XHTML 定义为最新的HTML版本。XHTML 将逐渐取代 HTML。XHTML是通过把 HTML 和 XML 各自的长处加以结合形成的。XHTML 语法规则如下：
　　属性名和标签名称必须小写
　　属性值必须加引号
　　属性不能简写
　　用 Id 属性代替 name 属性
　　XHTML 元素必须被正确地嵌套
　　XHTML 元素必须被关闭
　　3. 标签的语义化
　　为表达语义而标记文档，而不是为了样式，结构良好的文档可以向浏览器传达尽可能多的语义，不论是浏览器位于掌上电脑还是时髦的桌面图形浏览器。结构良好的文档都能向用户传达可视化的语义，即使是在老的浏览器，或是在被用户关闭了 CSS 的现代浏览器中。同时结构良好的HTML代码也有助于搜索引擎索引你的网站。
　　不要使用table布局，table是用来表格显示的。
　　不要到处滥用div标签，div是用来分块用的。
　　不要使用样式标签，如font, center, big, small, b, i，样式可以用CSS来控制，b和i可以用strong和em来代替。
　　不要使用换行标签<br />和空格来控制样式，请用CSS。
　　尽量不要使用内联CSS
　　CSS
　　1. CSS基础知识
　　层叠和继承
　　优先级
　　盒模型
　　定位
　　浮动
　　2. CSS进阶
　　CSS Sprite
　　浏览器兼容性
　　IE HasLayout和Block Format Content
　　CSS Frameworks
　　CSS3
　　CSS性能优化
　　LESS and SASS
　　CSS Sprite
　　CSS Sprite主要用于前端性能优化的一种技术，原理是通过将多张背景图片合成在一张图片上从而减少HTTP请求，加快载入速度。
　　浏览器兼容性
　　绝大部分情况下我们需要考虑浏览器的兼容性，目前正在使用的浏览器版本非常多，IE6, IE7, IE8, IE9, IE10, Chrome, Firefox, Safari。
　　IE HasLayout和Block Format Content
　　IE HasLayout是一个 Internet Explorer for Windows的私有概念，它决定了一个元素如何显示以及约束其包含的内容、如何与其他元素交互和建立联系、如何响应和传递应用程序事件、用户事件等。这种渲染特性可以通过某些 CSS 属性被不可逆转地触发。而有些 HTML 元素则默认就具有”layout”。目前只有IE6和IE7有这个概率。BFC是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。这个其实和浏览器的兼容性有关，因为绝大部分的兼容性问题都是它们引起的。参考： CSS BFC和IE Haslayout介绍
　　CSS Framework
　　CSS框架是一系列CSS文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块,用于简化web前端开发的工作，提高工作效率。目前常见框架有：
　　960 Grid System
　　Blueprint CSS
　　Bluetrip
　　Minimum Page
　　还是一个比较出名和特殊的框架是Twitter的 Bootstrap 。Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。它是基于Less开发的。不支持IE6，在IE7和IE8里效果也不咋地。
　　CSS3
　　虽然CSS3还没有正式成为标准，但是包括IE9+, chrome, Firefox等现代浏览器都支持CSS3。CSS提供了好多以前需要用JavaScript和切图才能搞定的功能，目前主要功能有：
　　圆角
　　多背景
　　@font-face
　　动画与渐变
　　渐变色
　　Box阴影
　　RGBa-加入透明色
　　文字阴影
　　CSS性能优化
　　CSS 代码是控制页面显示样式与效果的最直接“工具”，但是在性能调优时他们通常被 Web 开发工程师所忽略，而事实上不规范的 CSS 会对页面渲染的效率有严重影响，尤其是对于结构复杂的 Web 2.0 页面，这种影响更是不可磨灭。所以，写出规范的、高性能的 CSS 代码会极大的提高应用程序的效率。参考 CSS性能优化探讨
　　LESS和SASS
　　LESS 和 SASS 都是 CSS 预处理器，用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。
　　SASS 基于Ruby开发。 LESS 既可以在客户端运行，也可以借助Node.js或者Rhino在服务端运行。

腾讯云携手水贝珠宝集团，共建腾讯泛珠宝行业云基地

2月6日，腾讯云与水贝珠宝集团在深圳环球商务中心（以下简称IBC）泛珠宝时尚经济总部签署战略合作协议，双方就泛珠宝智慧园区建设及相关领域展开深度合作，共同带动和促进在全国范围内的泛珠宝行业等领域的建设和发展。腾讯公司副总裁、腾讯云总裁邱跃鹏，水贝珠宝集团总裁梁锐，深圳市政协副主席王璞、深圳市科协副主席、党组书记张莉，罗湖区委常委、常务副区长王守睿，副区长宋强等出席了签约仪式，并为腾讯泛珠宝行业云基地揭牌。

▲双方签约仪式现场图

近年来，中国珠宝市场的产品、服务同质化日益严重，打造差异化、各具特色的品牌显得格外重要。腾讯云与水贝珠宝集团将共同建设腾讯泛珠宝行业云基地，双方通过不断完善夯实的系列举措，建立泛珠宝时尚经济总部的全新格局，借助各个行业的实力，汇聚各方力量，支持与助推珠宝产业的升级与改革，实现共享共赢。

腾讯公司副总裁、腾讯云总裁邱跃鹏表示，通过AI、大数据等技术和能力，腾讯云用智能连接各行各业，发展数字经济，助力珠宝行业从传统的“坐商”式经营向数字化的“智慧”产业转型。

▲腾讯公司副总裁、腾讯云总裁邱跃鹏发表致辞

水贝珠宝集团总裁梁锐指出，在罗湖“一河六圈一带”的“全域消费地图”格局中，水贝－布心黄金珠宝产业集聚区是其中的重要一环。我们希望以IBC为圆心，打造水贝泛珠宝时尚产业基地，构建罗湖新的消费片区。

此次腾讯云与水贝珠宝集团在建立紧密合作关系的基础上，双方将在行业数据与解决方案多个层面展开深入合作，在泛珠宝时尚产业大数据等方面进行战略合作，共同带动和促进在全国范围内的珠宝行业等领域的建设和发展。

据了解，腾讯云与水贝珠宝集团此次签约，将从IBC智能化项目展开，双方未来将打造以IBC为区域标志性的智慧楼宇，实现水贝区域、珠宝产业、罗湖区域的重大变化；同时，通过腾讯云大数据与AI的赋能，双方将展开智慧零售方向的合作，让珠宝商能够更清晰的了解消费者所想所需，大大的提升珠宝行业的管理效率以及数据的整合与挖掘，帮助珠宝商发挥数据的更大价值。

值得一提的是，腾讯云还将携手水贝珠宝共同探索建设“腾讯泛珠宝行业云基地”，在充分发挥自身技术及业务优势，共同推进泛珠宝行业的深化发展的基础上，通过打造水贝泛珠宝时尚产业基地，构建罗湖新的消费片区，真正实现智慧商业板块和智能化控制系统的建设。