zl程序教程

移动web开发

  • 移动web开发(5)之rem适配布局

    移动web开发(5)之rem适配布局

    刚刚又把携程的案例做了一遍,发现还是有问题的,虽然说子盒子为弹性容器的时候,虽然是没有行内元素和块级元素的区别了,但是当里面没有内容的时候,设置了大小也还是不生效的.案例自己做的时候发现也没那么麻烦啦,只是刚学习了新的知识点 , 所以写起来还是比较慢的. 01rem单位 rem(root em)是一个相对单位,类似于em,em是父元素字体大小. 不同的是rem的基准是相对于html元素的

    日期 2023-06-12 10:48:40     
  • 移动web开发(6)之Less语言

    移动web开发(6)之Less语言

    Less基础维护CSS的弊端CSS是一门非程序式语言,没有变量,函数,SCOPE(作用域)等概念.CSS需要书写大量看似没有逻辑的代码,CSS冗余度是比较高的.不方便维护及扩展,不利于复用.CSS没有很好的计算能力非前端开发工程师来说,往往会因为缺少CSS编写经验而很难写出组织良好且易于维护的CSS代码项目. Less介绍 Less(Leaner Style Sheets)是一门CSS扩展语言,

    日期 2023-06-12 10:48:40     
  • 适配移动端,菜单采用底部固定形式(1+X Web前端开发初级 例题)

    适配移动端,菜单采用底部固定形式(1+X Web前端开发初级 例题)

    文章目录   📄题目要求 🧩说明 🧩效果图 🧩补充:题目文件结构 💻HTML代码 💻CSS代码 💻JavaScript代码 🎯实现效果 📰完整答案 📄题

    日期 2023-06-12 10:48:40     
  • 《HTML5移动Web开发实战》—— 第1章 HTML5与移动网站

    《HTML5移动Web开发实战》—— 第1章 HTML5与移动网站

    本节书摘来异步社区《HTML5移动Web开发实战》一书中的第1章,作者:石川,更多章节内容可以访问云栖社区“异步社区”公众号查看。 第1章 HTML5与移动网站 HTML5移动Web开发实战本章内容包括: 准备好你的移动设备 仿真器与模拟器 搭建移动开发环境 在移动网站中使用HTML5 跨浏览器兼容HTML5 适用于移动设备的设计 确定你的核心移动设备 定义一个内容策略

    日期 2023-06-12 10:48:40     
  • 《HTML5移动Web开发实战》—— 1.1 简介

    《HTML5移动Web开发实战》—— 1.1 简介

    本节书摘来异步社区《HTML5移动Web开发实战》一书中的第1章,第1.1节,作者:石川,更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.1 简介 HTML5移动Web开发实战HTML5以及移动网站都是很有前景的技术,他们都有着相对较短的历史。本章介绍的大部分内容都是比较基础的,可以帮助你迅速、轻松地开始移动端开发。 移动网站以及HTML5本身仍然在不断演进,对此你肯定有很多的疑惑

    日期 2023-06-12 10:48:40     
  • 《HTML5移动Web开发实战》—— 1.8 移动设计

    《HTML5移动Web开发实战》—— 1.8 移动设计

    本节书摘来异步社区《HTML5移动Web开发实战》一书中的第1章,第1.8节,作者:石川,更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.8 移动设计 HTML5移动Web开发实战适用浏览器:所有 桌面网站的设计趋势是固定布局(flxed layout)或流体布局(fluid layout),而在移动网站中我们应该始终使用流体布局,它可以使你的网站适应不同的设备尺寸。 1.8.1

    日期 2023-06-12 10:48:40