移动WEB 第7页

2022前端技术栈

六、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。七、前端框架：Vue.js和Re

程序小小黑·2022-05-30 09:23

SSM+Layui网上书城系统移动端Web开发

移动Web与原生应用的优劣势一、移动Web的优势跨平台:网页应用运行在浏览器上，不会直接和系统打交道开发成本低:Because没有平台问题，开发者不需要掌握多种开发语言和框架更容易迭代:Web应用所有的资源都在服务器

彭祥.·2022-05-28 18:08

vue后台管理系统实践方案总结(一)

项目概述基本业务概述根据不同的应用场景，电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式管理系统功能电商后台管理系统用于管理账号、商品分类、商品信息、订单、数据统计等业务功能开发模式电商后台管理系统整体采用前后端分离的开发模式

GaoYao.·2022-05-16 21:57

Vue.js项目实战——Day（1）

Day11.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app管理员使用的业务服务

追风少年啊·2022-05-16 21:27

移动web app开发必备 - 异步队列 Deferred

背景移动webapp开发,异步代码是时常的事,比如有常见的异步操作：Ajax（XMLHttpRequest）ImageTag，ScriptTag，iframe（原理类似）setTimeout/setIntervalCSS3Transition

baoaoba9317·2022-05-12 11:06

适合初学者练手的vue小商城项目（附github源码）

基于Vue2.0+Vuex+Axios+NodeJs+Express+MySQL实现京东移动web商城，废话不多说，直接上截图！

Amusing编程喵·2022-04-23 09:48

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遇到的坑

主要使用于移动端的网站、移动webapps，nativeapps和hybridapps。

·2022-03-26 18:33

京东移动端组件库 React 版如约而来

京东零售开源项目NutUI是一套京东风格的轻量级移动端组件库，开发和服务于移动Web界面的企业级产品。随着NutUI的用户越来越多，社区交流群里对React版本的呼声也越来越高。

·2022-03-23 10:07

京东 vue3 组件库震撼升级，如约而至！

京东零售开源项目NutUI是一套京东风格的轻量级移动端Vue组件库，是开发和服务于移动Web界面的企业级产品。经过长时间的开发与打磨，NutUI3.0终于和大家见面了！

·2022-03-23 10:02

前端|移动web图片上传问题

手机站点图片上传时，使用默认的文件上传插件只能打开图库只能打开相机`期望可以同时打开图库和相机，测试发现安卓和ios系统存在差异。故最终采用js检测设备，区别配置。同时打开图库和相机varu=navigator.userAgent;varisAndroid=u.indexOf('Android')>-1||u.indexOf('Adr')>-1;//android终端if(isAndroid){$

皮卡球ca·2022-02-19 08:07

前端基础知识第三章---移动端WEB开发之rem适配布局

前言❤️我不停奔跑，只为追赶当年被寄予厚望的自己❤️前端基础知识第三章---移动WEB开发之rem适配布局一、rem基础二、媒体查询（1）什么是媒体查询（2）语法规范2.1mediatype查询类型2.2

battledao·2022-02-18 17:22

html

标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签typora-copy-images-to:media前端基础html+css基础班中级js移动

前端搬砖工小陈·2022-02-18 03:59

移动web适配方案

PC页面的人聊的最多的就是兼容，这是因为浏览器之间的差异引起的。而移动端是基本没有兼容的问题的，全是CSS3。可是适配的问题随之而来。手机适配，目前有四种方法：固定高度，宽度自适应固定宽度，viewport缩放利用rem布局利用vw布局这四种方法的核心都是视口的确定1.固定高度，宽度自适应目前拉勾网使用的就是这种方式，只适合简单的webapp，单位使用px(1)以较小宽度（如320px）的视觉稿作

gavin_zhuo·2022-02-17 15:50

12款很赞的web前端移动开发框架

利用现有的高质量移动框架来构建移动Web应用程序已成为非常容易，但是如何选择合适的框架是比较纠结的。因此在本文中，我们整理了12个很赞的移动框架。

web前端04·2022-02-16 12:11

用于构建渐进式 Web 应用程序（PWA）的前5个开源框架

PWA是一种Web应用程序，旨在像移动平台上的本机应用程序一样运行，尽管它是通过Web交付的，你可以使用PWA来优化你的应用程序的移动Web体验。PWA为用户和开发人员提供了多种好处。

粤嵌教育·2022-02-16 10:04

企业应该开始构建渐进式 Web 应用程序吗？

PWA是一种新兴的移动Web应用程序模式，现在可以采用。它们也可能是你在不影响服务质量的情况下节省资金的下一个机会，并帮助你的组织更快地提供服务，而不会破坏你对业务目标和新客户获取的关注。

粤嵌教育·2022-02-15 16:58

移动web学习

移动web学习1.平面转换位移旋转修改寻转中心点多重转换缩放2.渐变背景3.空间转换平移空间旋转立体图形空间缩放1.平面转换使用transform属性实现元素的位移、旋转、缩放等效果位移注意：一般要加过渡属性

Concision.·2022-02-14 16:33

基本布局

PC端盒子模型定高定宽display:inline-block移动Web定高，宽度百分比flex(响应式)mediaquery媒体查询(响应式)@media媒体类型and(媒体特性){css样式}媒体类型

寿司酱n·2022-02-14 13:58

vue项目电商后台管理系统(一)

###今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式###1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app

Ali_code·2022-02-10 13:17

盒子端 Css 动画性能提升研究

作者：chokcocohttp://web.jobbole.com/93258/不同于传统的PCWeb或者是移动WEB，在腾讯视频客厅盒子端，接大屏显示器（电视）下，许多能流畅运行于PC端、移动端的Web

grain先森·2022-02-05 13:39

将Angular单项目升级为多项目的全过程

目录前言开发环境生成新工程移动web项目angular.json公共模块总结前言有时候在开发的过程中发现一个Angular项目不太够用，两个独立的项目又不太好复用。

·2021-11-08 15:43

2021最新一线大厂前端面试题，包含腾讯，字节，顺丰······

前端入门基础HTML+CSS前端Html5+Css3+移动Web教程，前端Web入门教程，零基础前端开发视频教程JavaScript入门神器JavaScript全套教程，Web前端必学的JS教程，零基础入门

是一只萨摩耶·2021-10-20 17:58

移动端web开发笔记

背景二倍图以及多倍图切图移动端开发选择移动端技术解决方案移动端特殊样式移动端技术选型流式布局京东移动端首页准备工作body设置app布局app内容填充搜索模块布局搜索模块内容制作新闻快报模板京东移动端首页结束移动

CharmDeer·2021-10-14 20:56

移动端常见布局

流式布局的方式是移动web开发使用的比较常见的布局方式。2、flex弹性布局（可参照之前的常见的弹性盒子布局）3、less+rem+媒体查询布局①假设设计稿是750px。

Hannaaa·2021-10-06 11:02

移动端Web开发基础知识

文章目录移动端Web开发移动端基础浏览器视口样式编写分辨率和设备像素比二倍图SVG矢量图移动端Web开发移动Web开发的两种主流方案，一种是单独制作移动端页面，另一种是制作响应式页面移动端页面：单独制作移动端页面的优势和劣势

YuLong~W·2021-09-26 19:35

mdebug 基于React开发的web调试工具

mdebug是腾讯新闻TNTWEB团队推出的基于react开发的移动web调试工具。沉淀自腾讯新闻微信手q双插件多年的移动web开发实践中。

·2021-09-02 13:38

使用Flexible & swiper进行移动Web开发

[toc]移动端适配方案flexible.js出发点事故的开始总是有原因的，那思考一下，为什么使用Flexible?为了rem布局？>>为什么要rem布局——>高度还原移动端适配?>>为什么移动端适配要用Flexible——>同等占比什么是移动端适配？最初点是设计图的高度还原！！！以750*1334设计稿(iPhone6)为准，期望每一个设计元件在iPhone6实机上占比、宽高比都与设计稿显示一致

说叁两事·2021-06-30 22:32

小程序随笔

2.小程序并非凭空冒出来的一个概念，当微信中的WebView逐渐成为移动Web的一个重要入口时，微信就有相关的JSAPI了。3.小程序的主要语言是JavaScript。

小白不白Zcq·2021-06-25 22:06

全开源即时通讯(IM)系统-仿微信

E聊现已适配PCWeb,移动Web,Android,iOS等平台。3.系统架构:image.png3.1各模块介绍E聊服务器:提供了基础的

E聊·2021-06-23 23:06

移动web开发——流式布局

视口视口（viewport）就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理想视口布局视口layoutviewport一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。iOS,Android基本都将这个视口分辨率设置为980px，所以PC上的网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可以通过手动缩放网页。2.png视觉视口v

王玉伟的伟·2021-06-22 19:14

[前端学习]移动web部分学习笔记，第二天

网页布局方法总结：目前已经学习了两种布局方式：固定宽度布局：常见于PC端，设定固定的宽度作为版心来布局流式布局：常见于移动端，所有宽度不固定，采用相对参照的方式，用百分比来设置接下来还要接触两种布局方式：栅格式布局：这种布局方式被bootstrap框架使用，主要思路是让整个页面分为多个均宽等份。某个元素设置宽度时，让它占有几个等份，而不是直接设置宽度响应式布局：很流行的布局方式，自动检测设备宽度来

印象rcj·2021-06-22 05:01

移动web开发——flex布局

3.0父项常见属性flex-direction：设置主轴的方向justify-content：设置主轴上的子元素排列方式flex-wrap：设置子元素是否换行align-content：设置侧轴上的子元素的排列方式（多行）align-items：设置侧轴上的子元素排列方式（单行）flex-flow：复合属性，相当于同时设置了flex-direction和flex-wrap3.1flex-direc

王玉伟的伟·2021-06-21 11:50

原生APP 、Web App和混合App

APP原生native（基于本机操作系统，功能丰富、速度快）移动web（基于系统的浏览器内核，易开发、成本低）混合Hybrid(核心功能和壳使用native，兼具NativeApp良好用户交互体验的优势和

前端girl吖·2021-06-20 13:45

1 - Hybrid开发

移动应用开发三种方式WebApp网页应用程序（移动web）NativeApp本地应用程序（原生App）HybridApp混合应用程序（混合App）三种方式的对比image.pngHybridApp开发简介与意义

Elvmx·2021-06-11 17:53

移动WEB flex 布局

一、简介又名伸缩布局、弹性布局、伸缩盒布局、更适用于移动端布局原理，添加display:flex;父盒设为flex后，子元素的float、clear、vertical-align属性失效二、常见父项属性flex-direction设置主轴方向属性row（默认）row-reversecolumncolumn-reversejustily-content主轴上的子元素排列方式flex-startfle

天涯笑笑生·2021-06-08 15:35

移动web唤起手机拍照、摄影、录音及拨号

本文主要介绍移动web页面唤起手机的拍照、摄像、录音及拨号的功能以下代码均可直接复制运行查看效果，本地测试有两种方式：1、本地搭个测试环境，手机连接局域网，输入IP地址访问进行测试（推荐）2、代码文件直接存到手机

代码西施·2021-06-07 13:49

1.我的冰箱里有什么？

如何开始现在我们会完成一个项目，我希望你是一个想从事互联网开发，或者是已经他踏进了这个行业没有超过一年，并且想做一些cool的产品，我们将会独立编写一个项目，这个项目应该是包括以下UI移动web端源生移动端

Lucifer_li·2021-06-07 05:59

vue后台管理系统实践方案总结——简易电商后管