【web前端】第一个移动端的心里体会

  公司(zyqygl)没有UI,刚开始,并没有一些具体的标准,对于字体多大,头部底部多高等一些参数,完全没有概念,按照前辈的指导(只有一个标准:做出的东西跟设计图一毛一样就对了),粗略的搭了个框架。

  大致框架打出来之后,前辈帮我分析细节,并指导我修改。整个过程一直被业务部催着,完全紧张的状态,加班是必须的,每修改完一遍,心里都会有种既欣喜又紧张的感觉,欣喜的是终于把所有需要改的地方改完了,紧张的是改完之后恐怕还要再改。磕磕绊绊,总之,修改到经理满意,然后拿给客户看,客户满意,整个项目才算结束。

  从头到尾就感觉,忙和紧张,但同时进步也是飞快的,整个项目下来,基本对移动端有了一定的了解,遇到一些问题知道问题出在哪里,知道该怎么去修改。

最后附词一首:

  

秋风清,秋月明,

落叶聚还散,寒鸦栖复惊。

相思相见知何日?此时此夜难为情!

入我相思门,知我相思苦。

长相思兮长相忆,短相思兮无穷极。

早知如此绊人心,何如当初莫分离。
时间: 2024-11-03 15:33:28

【web前端】第一个移动端的心里体会的相关文章

web前端开发之移动端真机调试

---恢复内容开始--- 前言 在前端开发中,调试是不可缺少的环节,PC端很简单,但是随着移动端火起来,在手机上面测试就显得尤为重要. 在工作中本人也经过了一些测试,总结了如下几种方法. 1.Weinre 调试 2.UC开发者浏览器: 3.chrome真机调试 4.Safari开发者工具 5.Browsersync 在这5种调试方法中我推荐第5种,有兴趣的朋友可以逐一浏览. 一.使用 Weinre 调试 该方法是比较老的一种方法,对于其他的调试方法来说属于刀耕火种型的.weinre是一个调试包,

web前端第一步——照片墙(缩略图)

折腾了几天,终于终于终于解决了一个照片墙的问题哟! 先上效果图: 他会像百度图片库一样,鼠标移到哪张图,哪张图 就会放大显现.看下图: 哈哈,最得意的是知道了怎么把图片放在我想放的地方,显示的大小也可以,一开始的时候,图片放好,鼠标移到图片也会变大,只是其他的图片也会相应的移动位置,特别难看, 现在明白了“块级元素”,也知道了,为什么不直接防止图片,而是将img放在a里面,a 又放在li里面,因为这样可以实现更多的效果啦. 不多说,上代码,再注释: <!DOCTYPE html> <ht

Web前端第一课:HTML

什么是Html? HTML全称Hyper Text Markup Language,中文翻译为 超文本 标记 语言.简单而言,HTML是用来向浏览器描述网页结构和内容的计算机语言.HTML是面向计算机的,但是算不上编程语言,它没有数据类型,控制结构等这些编程语言才具有的语法.HTML以各式各样的标记告诉浏览器网页的结构.HTML是由人编写的,因此它也是面向人的,网站的其他开发人员通过HTML中的标记,能够更清晰的了解到网站的内容 是如何组织的,方便阅读和修改.此外,HTML也是面向互联网的,例如

Web前端第一天作业

本次作业中关键用到的几个html标签: colspan="列数" 单元格横跨的列数 rowspan="行数" 单元格竖跨的行数 border 表格边框 cellpadding 内边距 cellspacing 外边距 align="center" 字体居中 题目一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

传智14期WEB前端培训

本月刚毕业的,最新的前端技术 下载地址:http://www.zygx8.com/thread-4882-1-1.html \web前端14期\01-HTML-基础班\1.html基础一上课资料.rar  \web前端14期\01-HTML-基础班\2.html基础二上课资料.rar  \web前端14期\02-CSS-基础班\3.css基础一上课资料.rar  \web前端14期\02-CSS-基础班\4.css基础二上课资料.rar  \web前端14期\02-CSS-基础班\5.css基础

架构设计:前后端分离之Web前端架构设计

在前面的文章里我谈到了前后端分离的一些看法,这个看法是从宏观的角度来思考的,没有具体的落地实现,今天我将延续上篇文章的主题,从纯前端的架构设计角度谈谈前后端分离的一种具体实现方案,该方案和我原来设想有了很大的变化,但是核心思想没变,就是控制层是属于Web前端的. 在以前文章里我说道前后端分离的核心在于把mvc的控制层归为前端的一部分,原方案的构想在实际的生产开发里很难做到,我觉得核心还是控制层和视图层的技术异构性,这样后果使得系统改造牵涉面太大,导致在项目团队里,沟通.协调以及管理成本相对较高,

Web前端开发视频教程

零基础Web前端开发工程师高端培训配项目开发 课程讲师:叮咚 适合人群:初级 课时数量:335课时 用到技术:PS.Flash.HTML.CSS.js框架.Ajax技术 涉及项目:支付宝社区.传统企业站.行业网站.轻博客 咨询QQ:1840215592 第一部分 Web前端设计师之十八般武艺 - 了解PS+Flash(25讲) 第二部份 Web前端设计师入门必备 - 新手学HTML+CSS(17讲) 第三部分 第三章 Web前端设计师之内功修炼 - CSS高级及兼容Hack技术(22讲) 第四部

为什么Web前端语言只有JavaScript?

Web前端选择语言的标准个人认为有以下几点: 一. 浏览器的支持 1.浏览器不同厂家,不同内核可以共同解析,且支持和性能选择最好的语言 2.JavaScript作为浏览器时代最早产生且经过浏览器大战及历史的沉淀中脱颖而出的语言,且成Web前端第一套标准,也是Web前端唯一一套成熟的标准. 二. 众多语言的性能及兼容方面 1.javaScript作为所有浏览器内核兼容性最好.性能最优的前提,作为Web前端支持语言中的王者也是必然. 2.javaScript本身的基于对象的特点及松散类型物特点也决定

移动端WEB前端开发最佳实践

移动端WEB前端开发最佳实践 Safari,Android Browser,Chrome都是以WebKit为核心的 移动设备和PC之间的页面现实存在差异(Safari中定义了viewport) 在移动设备和桌面端WEB前端开发中,事件绑定存在差异(移动触点) 页面控件设计存差异(点触不灵敏,虚拟键盘弹出框) 移动设备的网络带宽普遍比PC慢,移动页面要设置更简洁 PC页面兼容移动设备 使用流式布局 借助CSS Media queries(媒体查询)技术 使用合适的图片显示兼容方案 保持页面简洁,不