E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
移动web
移动web
开发_流式布局-day4
移动web
开发流式布局-day41.0移动端基础1.1浏览器现状PC端常见浏览器:360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。
叫我序猿就好了丶
·
2022-11-21 20:01
移动Web
开发学习笔记 流式布局-百分比布局-flex布局-rem布局
文章目录
移动Web
开发学习笔记视口viewportmeta视口标签二倍图物理像素&物理像素比二倍图背景缩放background-size移动端技术解决方案CSS3盒子模型box-sizing移动端特殊样式设置移动端常见布局流程布局
nuise_
·
2022-11-21 20:58
css+html
前端
css
学习
移动web
开发--移动端常见布局+流式布局和flex布局+携程网首页案例
浏览器私有前缀为了兼容老版本私有前缀-moz-:fixfox浏览器私有属性-ms-:ie浏览器私有属性-webkit-:safari、chrome私有属性-o-:Opera私有属性提倡写法-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;分割线-------
phoebemeng
·
2022-11-21 20:54
web移动端
chrome
前端
css
html
移动WEB
开发之流式布局 ---京东移动端首页
步骤:1.技术选型方案:我们采取单独制作移动页面方案技术:布局采取流式布局2.搭建相关文件夹结构3.设置视口标签以及引入初始化样式4.常用初始化样式body{margin:0auto;min-width:320px;max-width:640px;background:#fff;font-size:14px;font-family:-apple-system,Helvetica,sans-seri
不爱吃菜的蔡菜
·
2022-11-21 20:52
移动Web开发
前端
css3
html5
【CSS】8-移动端开发
目标能够知道移动端web开发现状能够写出标准的viewport能够使用
移动web
调试方法能够说出移动端场景的布局方案能够描述流式布局能够独立完成京东移动端首页基础移动端基础、视口、二倍图、移动端调试、移动端技术解决方案
moonbaby1
·
2022-11-21 20:16
#
CSS
前端
css
前端
前端基础知识第一章---移动端WEB开发之流式布局
前言❤️别去羡慕别人的风光,有本事自己闯一片辉煌❤️前端基础知识第一章---
移动WEB
开发之流式布局一、移动端基础(1)浏览器现状(2)手机屏幕现状(3)移动端调试方法二、视口(1)布局视口layoutviewport
battledao eternity
·
2022-11-21 20:42
HTML5+CSS3+移动端
前端
javascript
css3
css
开发语言
pink-
移动web
开发之流式布局
改变行高只是改变上下间距的大小,目标:知道
移动WEB
的开发现状写出标准的viewport使用
移动WEB
的调试方法说出移动端常见的布局方案描述流式分布独立完成京东移动端首页1.移动端基础2.视口3.二倍图二倍精灵图做法先缩小一倍精灵图量
云诗卡达
·
2022-11-21 20:41
前端学习笔记
html
css
css3
web
移动WEB
开发之流式布局--移动端常见布局--流式布局
移动端技术选型移动端布局和以前我们学习的PC端有所区别:1.单独制作移动端页面(主流)流式布局(百分比布局)flex弹性布局(强烈推荐)less+rem+媒体查询布局混合布局2.响应式页面兼容移动端(其次)媒体查询bootstarp流式布局(百分比布局)流式布局,就是百分比布局,也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。流式布局方
小喵咪汪汪叫(*^▽^*)
·
2022-11-21 20:03
移动web开发实战
css
html
css3
移动web
开发基础
文章目录移动端基础移动端调试方法总结概述视口viewportlayoutviewportvisualviewportidealviewportmeta视口标签二倍图物理像素和物理像素比多倍图移动端开发的选择移动端技术解决方法CSS初始化移动端常见布局移动端基础目前国内的手机浏览器内核都是经过Webkit修改过来的内核,国内尚无自主研发的内核,就像国内的操作系统都是基于Android修改开发的一样。
太一TT
·
2022-11-20 03:10
前端专栏
webkit
[Python3+Vue2]美多商城前后端分离
移动web
版 -- 登录与注册页面的实现
3.1登录界面3.2注册界面4.文件目录层次结构5.代码实现5.1工具文件的准备5.2main.js入口文件全局挂载5.3登录界面实现6.源码地址系列文章:[Python3+Vue2]美多商城前后端分离
移动
萤火虫的小尾巴
·
2022-11-14 07:24
Python
Vue.js
git
前端
vue
vue.js
js
移动web
响应式布局
第一节媒体查询22-01-课程介绍22-02-媒体查询-max-min-width22-03-媒体查询-书写顺序22-04-了解-媒体查询-完整写法22-05-媒体查询-link写法22-06-媒体查询-隐藏第二节Bootstrap22-07-bootstrap-体验22-08-bootstrap-简介22-09-bootstrap-下载22-10-bootstrap-使用22-11-bootst
云松编程
·
2022-11-06 14:21
前端web
移动web
前端
bootstrap
html
移动web
简介
什么是
移动web
移动web
就是在手机浏览器里面访问的web页面
移动web
与PCweb的区别页面大小不一样。手机页面大小明显比PC页面大小小布局方式不一样。
淼清风
·
2022-11-05 17:59
HTML和CSS
html5
前端
css
移动端常见布局
流式布局方式是
移动web
开发使用的比较常见的布局方式。
FG.
·
2022-10-22 07:03
前端
css
html
移动端布局
移动端页面布局
移动端页面布局目录移动端页面布局引言一、移动端页面常用布局(一)流式布局(二)弹性盒布局二、媒体查询三、Rem布局四、Sass引言在
移动Web
开发中,可以通过流式布局、弹性盒布局和Rem适配布局来制作移动端页面
暮白寒窗雪
·
2022-10-22 07:32
前端
Bootstrap响应式Web开发笔记02——移动端页面布局
流式布局也称为百分比布局,它是一种等比例缩放的布局方式,也是
移动Web
小C好好干饭
·
2022-10-22 07:30
css
html
bootstrap
纯正商业级应用-微信小程序开发实战
当微信中的WebView逐渐成为
移动Web
的一个重要入口时,微信就有相关的JSAPI了。
深入沟通_it6688668
·
2022-10-04 12:38
小程序
Appium + java 实现Android app自动化测试
一、Appium:是一个开源测试自动化框架,可用于原生,混合和
移动Web
应用程序测试。
OkidoGreen
·
2022-09-28 10:31
测试-Selenium
android
java
开发语言
DingTalk「开发者说」|钉钉小程序开发实践
移动Web
的特点钉钉小程序开发的应用分布很广泛,下面列举了四个常用的钉钉小程序:钉钉投票、传图识字,以及集成在钉钉客户端中的自定义平台和考勤打卡。
钉钉开发者社区
·
2022-09-24 00:47
线上沙龙「开发者说沙龙」
前端
小程序
java
php
微信小程序-1-简介及环境配置
当微信中的WebView逐渐成为
移动Web
的一个重要入口时,微信就有相关的JSAPI了。
Jevious
·
2022-09-22 11:14
微信小程序
小程序
Vue全家桶-电商后台管理系统项目开发
项目效果展示:1.项目概述1.1电商项目基本业务概述一般情况下客户使用的业务服务包括:PC端,小程序,
移动web
,移动app。
流年里的小沙子
·
2022-09-08 12:36
前端
vue.js
node.js
javascript
移动web
开发布局
移动端布局主要分为四类:流式布局(百分比布局),flex布局(伸缩布局),rem适配布局,响应式布局。移动端基础知识当前,国内常见的移动端浏览器都是根据webkit修改过来的内核,因此在兼容移动端主流浏览时,处理webkit内核浏览器即可。视口视口(viewport)就是浏览器显示页面的屏幕区域。视口可分布局视口、视觉视口和理想视口。布局视口layoutviewport一般移动设备的浏览器都默认设
公瑾当年
·
2022-09-05 14:18
前端
less
bootstrap
css3
前端面试题全面整理-带解析 涵盖CSS、JS、浏览器、Vue、React、
移动web
、前端性能、算法、Node...
来自:html中文网https://www.html.cn/interview/13950.html本篇文章整理总结了一些前端面试题,涵盖面很广,并且面的都是知名大厂,所以这些题还是很有代表性的,都掌握以后一面基础面应该没什么问题,二面也能应付大半,奉上:css相关1.万能居中1.margin:0auto;水平2.text-align:center;水平3.行高,垂直4.表格,center,mid
winty~~
·
2022-09-05 13:34
移动web
开发技能之touch事件详解
目录概述touch事件touch事件分类touch事件对象
移动web
单击事件iOS单击延迟“单击穿透”问题概述单击事件是任何一个前端页面中最常用的交互行为之一,在传统的PC端大部分是使用click事件来实现用户单击交互的程序逻辑
·
2022-09-05 11:47
NutUI - 由京东出品,适合快速开发商城类h5、小程序的移动端 UI 组件库
来自京东用户体验设计部(JDC)前端开发部的移动端Vue组件库,主要开发和服务于
移动Web
界面的企业级前中后台产品。
那些免费的砖
·
2022-08-30 02:48
前端优秀开源项目
web
vue
html
移动Web
开发 之 rem适配布局
目录rem基础rem单位媒体查询什么是媒体查询语法规范1.mediatype查询类型2.关键字3.媒体特性案例:根据页面宽度改变背景变色媒体查询+rem实现元素动态大小变化案例:媒体查询+rem实现元素变化引入资源(理解)Less基础维护css的弊端Less介绍Less使用Less变量1.变量命名规范2.变量使用规范Less编译Less嵌套Less运算!!!rem适配方案rem实际开发适配方案re
不爱吃菜的蔡菜
·
2022-08-19 10:14
移动Web开发
css3
css
html5
rem
19 【
移动Web
开发之flex布局】
34.
移动Web
开发之flex布局34.1flex布局体验34.1.1传统布局与flex布局【传统布局】兼容性好布局繁琐局限性,不能在移动端很好的布局【flex布局】操作方便,布局极为简单,移动端应用很广泛
DSelegent
·
2022-08-15 19:35
html+css学习笔记
javascript
前端
typescript
Appium 自动化测试环境搭建
JDK安装AndroidSDK安装AppiumClient安装Appium运行测试Appium介绍Appium是一个开源工具,用于自动化IOS手机、Android手机和Windows桌面平台上的原生、
移动
萧兮易
·
2022-08-08 16:00
移动web
开发02
虽然视口很多,但是我们只用一个。就是理想视口。单标签。原本是高宽都300的。后来变成移动端后没有变成300/750,也不是300/1334。而是占据了一大半(300/375)。甚至375就满屏了。所以1px不是1物理像素。物理像素比是2。下载下来,后续使用直接引用就好了。可以改变默认的效果。
dongdongkuang
·
2022-07-31 17:00
移动WEB
开发之流式布局
web前端基础知识资料包百度网盘提取码:f1vz学习目录移动端最终需要完成一个京东页面浏览器基础手机屏幕现状移动端调试方法总结视口布局视口视觉视口理想视口总结meta视口标签标准的viewport设置最完美的写法物理像素与物理像素比二倍图图片里面的像素太丰富了,文字一般是不会受到什么影响的多倍图背景缩放background-size二倍图以及多倍图切图可以使用cutterman来进行切图操作移动端
Co-King
·
2022-07-09 20:27
web前端技术
前端
css
css3
响应式
移动Web
测试题
第一题下列选项中对bootstrap中的能让元素只在小屏设备隐藏的类是(B)A:hidden-xsB:hidden-smC:hidden-mdD:hidden-lg解析:hidden-xs是超小屏;hidden-sm是小屏;hidden-md是中屏;hidden-lg是大屏第二题下列选项中能清除父容器左右15px内边距的类是(D)A:containerB:col-md-1C:container-f
HHppGo
·
2022-06-30 09:29
移动Web开发
bootstrap
container
col-md
min-width
视口宽度
Vue项目实战
Vue项目实战开发1.电商业务概述客户使用的业务服务:PC端,小程序,
移动web
,移动app管理员使用的业务服务:PC后台管理端。
尘疯
·
2022-06-18 12:38
html
css
javascript
vue.js
node.js
前端每周清单半年盘点之 React 与 ReactNative 篇
教程实践Twitter宣布
移动Web
技术栈迁
weixin_33811961
·
2022-06-13 10:05
前端
webpack
javascript
ViewUI
前端开发Vue项目实战:电商后台管理系统(一)前后端搭建
前端项目初始化步骤3.后台项目的环境安装配置下载安装phpStudy,添加数据库Postman测试工具验证1.项目概述电商项目基本业务概述:根据不同的应用场景,电商系统一般都提供了PC端、移动APP、
移动
举一个栗子吖
·
2022-06-09 17:40
前端框架
Vue
vue.js
前端
Axios
ESLint
7.
移动Web
-Flex布局
Flex布局目标:能够使用Flex布局模型灵活、快速的开发网页lFlex布局/弹性布局:Ø是一种浏览器提倡的布局模型Ø布局网页更简单、灵活Ø避免浮动脱标的问题作用Ø基于Flex精确灵活控制块级盒子的布局方式,避免浮动布局中脱离文档流现象发生。ØFlex布局非常适合结构化布局设置方式Ø父元素添加display:flex,子元素可以自动的挤压或拉伸组成部分Ø弹性容器Ø弹性盒子Ø主轴Ø侧轴/交叉轴弹性盒
Lz_Bin
·
2022-06-03 13:58
2022前端技术栈
六、
移动Web
开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。七、前端框架:Vue.js和Re
程序小小黑
·
2022-05-30 09:23
SSM+Layui网上书城系统 移动端Web开发
移动Web
与原生应用的优劣势一、
移动Web
的优势跨平台:网页应用运行在浏览器上,不会直接和系统打交道开发成本低:Because没有平台问题,开发者不需要掌握多种开发语言和框架更容易迭代:Web应用所有的资源都在服务器
彭祥.
·
2022-05-28 18:08
SSM框架
毕业设计
javaweb
vue后台管理系统实践方案总结(一)
项目概述基本业务概述根据不同的应用场景,电商系统一般都提供了PC端、移动APP、
移动Web
、微信小程序等多种终端访问方式管理系统功能电商后台管理系统用于管理账号、商品分类、商品信息、订单、数据统计等业务功能开发模式电商后台管理系统整体采用前后端分离的开发模式
GaoYao.
·
2022-05-16 21:57
vue.js
前端
elementui
Vue.js项目实战——Day(1)
Day11.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式1.电商业务概述客户使用的业务服务:PC端,小程序,
移动web
,移动app管理员使用的业务服务
追风少年啊
·
2022-05-16 21:27
Vue项目实战
vue
postman
css3
移动web
app开发必备 - 异步队列 Deferred
背景
移动web
app开发,异步代码是时常的事,比如有常见的异步操作:Ajax(XMLHttpRequest)ImageTag,ScriptTag,iframe(原理类似)setTimeout/setIntervalCSS3Transition
baoaoba9317
·
2022-05-12 11:06
javascript
数据库
前端
ViewUI
适合初学者练手的vue小商城项目(附github源码)
基于Vue2.0+Vuex+Axios+NodeJs+Express+MySQL实现京东
移动web
商城,废话不多说,直接上截图!
Amusing编程喵
·
2022-04-23 09:48
框架
Vue
实战教程
vue
nodejs
前端
mysql
数据库
2022年4月20日,第13天
【学习内容】今天没有学习新内容,在做
移动Web
开发配套的练习。【遇到的问题】1、如何设置一个盒子固定在屏幕的底部,让它不随屏幕滚动而滚动。
·
2022-04-20 23:57
程序员
2022年4月15日,第8天
【学习内容】今天学了一些
移动Web
开发的一些基础知识,如:视口、物理像素与物理像素比、二倍图等。还学完了流式布局与Flex布局的一些基础知识。明天准备用今天所学的知识做一个案例,巩固今天的学习内容。
·
2022-04-15 23:28
程序员
2022年4月14日,第7天
【学习内容】今天完成了电商网站的案例,进入
移动Web
网页开发阶段的学习,且基本学完HTML5进阶这一部分的内容。【遇到的问题】无。【学习计划】
移动Web
网页开发部分的视频教程时长21小时。
·
2022-04-14 22:05
程序员
移动web
-day05-移动适配
今日重点:移动适配rem:目前多数企业在用的解决方案vw/vh:未来的解决方案1.rem能够使用rem单位设置网页元素的尺寸思考:Ø手机屏幕大小不同,分辨率不同,如何设置不同的HTML标签字号?Ø设备宽度不同,HTML标签字号设置多少合适?Ø设备宽度大,元素尺寸大Ø设备宽度小,元素尺寸小目前rem布局方案中,将网页等分成10份,HTML标签的字号为视口宽度的1/10网页效果Ø屏幕宽度不同,网页元素
sheepl
·
2022-04-13 11:53
移动Web
---移动端相关知识,百分比布局,Flex布局
移动端基础知识屏幕尺寸屏幕尺寸:指的是屏幕对角线的长度,一般用英寸来度量。屏幕尺寸样例分辨率Ø物理分辨率是生产屏幕时就固定的,它是不可被改变的物理分辨率Ø逻辑分辨率是由软件(驱动)决定的,可以经过软件设置改变分辨率的比例大小逻辑分辨率我们平时制作网页时参考的就是逻辑分辨率,以下是部分移动端主流设备分辨率的比例关系:部分移动端主流设备分辨率比例关系视口视口:显示HTML网页的区域,用来约束HTML尺
tzcake
·
2022-04-05 21:12
移动Web
---字体图标,平面转换,渐变
字体图标下载字体图标(https://www.icnfont.cn/)image.png步骤:百度搜索iconfont--素材库或者搜索栏去搜索你想添加的字体图标--点击你想要添加的某个字体图标的购物车--点击右上角的购物车--选择添加至项目(没有项目的要新建项目)--下载至本地,解压出来,解压的文件放在需要使用的文件夹的根目录image.png使用方法1.unicode编码使用步骤:1.引入下载
tzcake
·
2022-04-05 21:07
移动web
第三天
PC端网页和移动端网页的有什么不同?PC端网页和移动端网页的有什么不同?PC屏幕大,网页固定版心手机屏幕小,网页宽度多数为100%如何在电脑里面边写代码边调试移动端网页效果?谷歌模拟器目标:使用谷歌模拟器调试移动端网页1.png屏幕尺寸指的是屏幕对角线的长度,一般用英寸来度量2.png分辨率目标:了解移动端主流设备分辨率分辨率分类物理分辨率是生产屏幕时就固定的,它是不可被改变的逻辑分辨率是由软件(
Handicap
·
2022-04-05 20:54
移动web
第一天--字体图标,平面转换,渐变
字体图标创建自己的iconfont字体图标库,通过Unicode,Font-class,在线引入三种方法实现字体图标在html中的使用字体图标从无到使用的步骤1,进入iconfont官网https://www.iconfont.cn/home/index,完成注册2,在素材库中寻找自己这个项目所需要的所有字体图标,然后加入库3,将选择好的库全部打包进自己的项目(命名看个人)中4,通过Unicode
夏一鸣
·
2022-04-01 20:17
swiper遇到的坑
主要使用于移动端的网站、
移动web
apps,nativeapps和hybridapps。
·
2022-03-26 18:33
vue.jsswiper.js
京东移动端组件库 React 版如约而来
京东零售开源项目NutUI是一套京东风格的轻量级移动端组件库,开发和服务于
移动Web
界面的企业级产品。随着NutUI的用户越来越多,社区交流群里对React版本的呼声也越来越高。
·
2022-03-23 10:07
前端移动端组件库
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他