移动WEB

五个非常重要的移动Web内容适应设计理念

英文原文：Mobilewebcontentadaptationtechniques译者：赵建光如果你要构建移动网站，那么本文可以帮你选择合适的技术方案。本文并没有具体描述如何去开发，只是介绍应该如何选择正确的方法。在开始之前我们有必要明确一下这次实践的目标。一般来说，想要构建网站的人可分为两大类：改造现有的网站，使其可以通过移动设备访问；从头开始构建全新的移动网站。这两种目标是截然不同的，所以相应
原文链接·2020-08-22 01:17

分享15款很棒的 JavaScript 开发工具

您可能感兴趣的相关文章移动Web开发的10个最佳JavaScript框架十个拥有丰富UI组件的JavaScript开发框架精心推荐几款极好的JavaScript文件上传插件精心挑选几款优秀JavaScript
weixin_33858249·2020-08-21 22:03

前端项目总结-css常用1

清除浮动水平居中文字间距两端对齐-英文文字超出部分显示省略号background-image居中img居中并裁剪img等比例缩放移动web响应式开发思路禁止页面左右滑动iOS滑动卡顿清除浮动.clearfix
Llllalo·2020-08-21 15:34

移动web开发_flex布局

移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差
function_road·2020-08-21 14:57

HTML5打开本地app(应用)的方法

在今天这个功能可能被大家用乱了，但是在当初支付宝使用这个功能时，大伙还是很惊奇的，最后通过分析支付宝移动web源码才找到结果。
三水君兰·2020-08-21 07:57

HTML5移动Web开发（八）——避免文本字体大小重置

适用设备：iOS、WindowsMobile在一些移动设备上，比方说iPhone,WindowsMobile，当用户把手机切换到横屏时，浏览器会自动地重置文本字体大小。这可能会对我们造成困扰，因为我们希望能够完全掌控用户界面的设计和浏览器对页面的渲染结果。新建ch02r02.htmlfigure,figcaption,header{display:block;margin:0auto;text-a
weixin_34249367·2020-08-21 06:48

HTML5移动Web开发（十）——在浏览器中启动手机原生应用

用户可以在浏览器中启动移动设备的原生应用程序，比如地图、电话、短信等，具体能够启动哪些应用程序，这取决于该移动设备上哪些原生应用是否允许从浏览器启动。新建ch02r05.htmlHTML5LogoLoremipsumDirections在PlamOS的浏览器中访问该页面，并点击"Directions"链接，该动作会启动你手机上原生的GoogleMap应用。不像有些URLScheme(统一资源定位符
weixin_34236497·2020-08-21 06:16

移动端跨平台技术之下的变与不变

目前（2020/7/18）来看，移动端跨平台需求主要集中在：跨PC端与移动端：PC向无线过渡的早期，希望PCWeb与移动Web复用同一套代码跨Native与Web：商品详情页等要求有一套功能差不多的Web
前端向后·2020-08-21 04:59

移动WEB开发-响应式布局

移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌面显示器）大于1200的宽屏设备（大桌面显示器）1.2响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是
LUYrty樱花·2020-08-21 02:44

移动WEB开发-rem适配布局

移动web开发之rem布局rem基础媒体查询Less基础rem适配方案一、rem基础1、rem单位rem(rootem)是一个相对单位，类似于em，em是父元素字体大小。
LUYrty樱花·2020-08-21 02:40

移动WEB开发-flex弹性布局

移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差
LUYrty樱花·2020-08-21 02:04

移动WEB开发-流式布局（百分比布局）

移动web开发流式布局1移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。
LUYrty樱花·2020-08-21 02:04

移动WEB开发-响应式布局

移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌面显示器）大于1200的宽屏设备（大桌面显示器）1.2响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是
LUYrty樱花·2020-08-21 02:37

移动WEB开发-rem适配布局

移动web开发之rem布局rem基础媒体查询Less基础rem适配方案一、rem基础1、rem单位rem(rootem)是一个相对单位，类似于em，em是父元素字体大小。
LUYrty樱花·2020-08-21 02:46

移动WEB开发-流式布局（百分比布局）

移动web开发流式布局1移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。
LUYrty樱花·2020-08-21 02:26

移动WEB开发-flex弹性布局

移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差
LUYrty樱花·2020-08-21 02:26

@media screen解决移动web开发的多分辨率问题

在css2中就有mediatype属性，用于判断媒体类型。而在css3中新增了mediaquery属性用于增强mediatype属性。mediaquery属性可以看做是是mediatype属性的增强版，使mediatype可以进行条件判断输出对应的css。screen仅是media中的一种常用设备的尺寸：显示器1280x800ipad1024x768Android800x480iPhone640x
2012013977·2020-08-21 00:51

测试工程师_自动化测试_移动端

移动web应用”是指使用移动浏览器访问的应用。混合应用是指原生代码封装网页视图——原生代码和web内容交互。
SoapEye·2020-08-20 23:09

测试工程师_自动化测试_移动端

移动web应用”是指使用移动浏览器访问的应用。混合应用是指原生代码封装网页视图——原生代码和web内容交互。
SoapEye·2020-08-20 23:08

前端面试题全面整理-带解析 涵盖（css、js、浏览器、vue、react、移动web、前端性能、算法、node）

前言上期整理了一些vue面试题，本期整理总结这些前端面试题，涵盖面很广，并且面的都是知名大厂，所以这些题还是很有代表性的，都掌握以后一面基础面应该没什么问题，二面也能应付大半，奉上：css相关1.万能居中1.margin:0auto;水平2.text-align:center;水平3.行高，垂直4.表格，center,middle；水平垂直5.display:table-cell；模拟表格，all
李晓伟·2020-08-20 22:34

前端面试题全面整理-带解析 涵盖（css、js、浏览器、vue、react、移动web、前端性能、算法、node）

前言上期整理了一些vue面试题，本期整理总结这些前端面试题，涵盖面很广，并且面的都是知名大厂，所以这些题还是很有代表性的，都掌握以后一面基础面应该没什么问题，二面也能应付大半，奉上：css相关1.万能居中1.margin:0auto;水平2.text-align:center;水平3.行高，垂直4.表格，center,middle；水平垂直5.display:table-cell；模拟表格，all
李晓伟·2020-08-20 22:01

移动web HTML5使用photoswipe模仿微信朋友圈图片放大浏览

http://www.cnblogs.com/theroad/p/5397229.html使用js框架是PhotoSwipe。PhotoSwipe是一个图片放大插件，兼容pc和移动端，经历过多个版本的迭代且一直在不断更新，踩过的坑不知凡几，在移动端有着巨大的优势。1、可控制多种风格如：标题、分享、全屏按钮，点击事件、是否加入字幕，背景透明等。2、可支持移动端触摸手势兼容pc端所有的基本手势支持：滑
weixin_30731287·2020-08-20 21:17

Javascript限制网页只能在微信内置浏览器中访问

那么问题就来了，这个网页首先涉及到了移动web前端开发，我优先选择了用HTML5+bootstrap组合来实现页面的美观效果，前端其他的任务交给javascript解决（这里我是完全使用原生javascript
xiangyong882000·2020-08-20 20:42

[聊一聊系列]聊一聊移动web分辨率的那些事儿

欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.com/blog/frontenddriver不同于PC时代，移动
侯医生·2020-08-20 20:08

[聊一聊系列]聊一聊移动web分辨率的那些事儿

欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.com/blog/frontenddriver不同于PC时代，移动
侯医生·2020-08-20 20:08

移动web端自定义tap与模拟hover效果

在上两篇文章【10行代码搞定移动web端自定义tap事件】【移动web端模拟hover效果】中分别对移动web端的自定义tap事件、模拟hover效果的原理进行了简单的说明。
小梦design·2020-08-20 20:15

移动web端自定义tap与模拟hover效果

在上两篇文章【10行代码搞定移动web端自定义tap事件】【移动web端模拟hover效果】中分别对移动web端的自定义tap事件、模拟hover效果的原理进行了简单的说明。
小梦design·2020-08-20 20:15

10行代码搞定移动web端自定义tap事件

发发牢骚移动web端里摸爬滚打这么久踩了不少坑，有一定移动web端经验的同学一定被click困扰过。我也不列外。
小梦design·2020-08-20 20:14

10行代码搞定移动web端自定义tap事件

发发牢骚移动web端里摸爬滚打这么久踩了不少坑，有一定移动web端经验的同学一定被click困扰过。我也不列外。
小梦design·2020-08-20 20:14

构建你第一个App

我们要构建什么我们将构建一个简单的移动web应用程序使用公司的移动网站。这个应用包含一个home主页,一个联系人表单,和一个简单的列表加载你最新的发布的博客并允许访问者通过移动设备访问。
yoha1227·2020-08-20 13:32

移动web开发

一基础知识1.1屏幕屏幕尺寸——对角线的长度分辨率——像素度量（水平和垂直）1.2长度度单位（相对和绝对长度）像素是一个相对的长度单位（像素没有固定的长度）1.3像素密度（DPI.PPI）--DotsPerInchPixelsPerInch单位面积像素里面能放多少的点数屏幕尺寸固定时，当PPI越大，像素的实际大小就会越小越高，，清晰度yu当PPI越小，像素实际大小就越大补充：Retina-视网膜屏
w997621897·2020-08-20 12:49

高dpi图片对于不同设备的适配方案

在移动web端，情况变得更加复杂：各种各样的设备具有不同的外形尺寸。受限的网络带宽和电池寿命。在图片方面，Web应用程序开发人员的目标是尽可能高效地提供最佳质量的图像。
Joker_Ye·2020-08-20 12:07

ASP.NET 2.0移动开发入门之使用模拟器

开始介绍如何编程之前，先介绍如何使用模拟器浏览ASP.NET移动WEB页面。由于不同的移动设备针对ASP.NET移动程序的支持程度是有较大差距的，因此显示的效果也有所不同。
bulbul2006·2020-08-20 11:42

移动开发基础

一移动web的基础知识1.meta标签  width:设置布局viewport的特定值（“device-width”）；initial-scale：设置页面的初始缩放；minimum-scale：最小缩放
女神修炼日记Cherry·2020-08-20 11:50

详解基于Android的Appium+Python自动化脚本编写

1.AppiumAppium是一个开源测试自动化框架，可用于原生，混合和移动Web应用程序测试，它使用WebDriver协议驱动iOS，Android和Windows应用程序。
·2020-08-20 10:08

2020年全新web前端学习路线图，学完就业20K！

第一阶段：HTML5+css前端小白零基础入门HTML5+CSS3第二阶段：移动web网页开发移动web进阶教程第三阶段：JavaScript网页编程前端与移动开发基础入门到精通javaScript零基础通关必备教程第四阶段
嫦娥小姐姐·2020-08-19 05:45

移动web开发--- tabs栏详解之angular解析

我们经常使用tabs栏切换在这里我总结了一下tabs栏的切换方式。1.使用伪类：target切换.test.hd{padding:10px0;}.test.nav{position:fixed;right:10px;left:540px;}.test.nava{display:block;margin:10px0;}/*重点*/.test.bd.panel{width:500px;margin-t
believedream·2020-08-19 00:20

零基础学Vue--day07项目

1.电商业务概述客户端服务：PC端，小程序，移动web，移动app；管理员端服务：PC后台管理端；PC后台管理端功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息
淡漠的繁华·2020-08-18 23:48

swiper安装与引用

主要使用于移动端的网站、移动webapps，nativeapps和hybridapps。
kkkkljk·2020-08-18 11:23

js判断移动设备横屏竖屏状态

在移动WEB开发中，有些场景需要判断设备的横竖屏状态，在发现orientation方法之前我用的是获取设备的宽高来判断：//判断横竖屏$(window).resize(()=>{letw=$("body
懒得安分·2020-08-18 06:55

media viewport

在响应式设计或移动Web开发当中经常见到的一句代码：content属性还包括initial-scale，user-scalable等，不过这里不谈，它们的意思都很容易理解。
weixin_34259159·2020-08-18 04:23

移动Web页面，为什么都喜欢width=device-width，并且关闭系统缩放功能？

如题，这种方式做的移动Web页面，设计稿通常是按照960*640的规格进行设计，再开发的时候，通常会把里面量到的尺寸缩小一半再开发。
weixin_33991727·2020-08-18 04:27

一些关于Viewport与device-width的东西～

进行移动web开发已经有一年多的时间了，期间遇到了一些令人很困惑的东西。
weixin_30374009·2020-08-18 04:07

为什么移动Web页面都喜欢width=device-width 且关闭系统缩放功能

在网页的中增加这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中：width=device-width：表示宽度是设备屏幕的宽度nitial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例user-scalable=yes：表示用户是否可以调整缩放比例手机的屏幕肯定有各种分辨率如果单纯固定死的话，
hyamy·2020-08-17 22:06

REST风格的软件架构

手机端除了app，我们还会经常接触到移动web，除了浏览器中，很多app里面也会使用web服务，我们会在手机上面做更多复杂的操作，老一代的系统架构已经不再适应了，需要更加规范和优秀的软件架构来应对今天的挑战
狂飙-蜗牛·2020-08-17 21:56

HTML5教程书籍电子版30本合集

高级程序设计》完整版电子书http://down.51cto.com/data/259638《HTML5从入门到精通》电子书下载http://down.51cto.com/data/309111《HTML5移动
北京星硕世纪信息技术有限公司·2020-08-17 07:02

你不知道的前端SDK开发技巧

作者：陈达孚香港中文大学研究生,《移动Web前端高效开发实战》作者之一，《前端开发者指南2017》译者之一，在中国前端开发者大会,中生代技术大会等技术会议发表过主题演讲,专注于新技术的调研和使用.本文为原创文章
weixin_33895657·2020-08-16 21:21

E聊SDK-简介(1): 介绍

E聊现已适配PCWeb,移动Web,Android,iOS等平台。3.系统架构:3.1各模块介绍E聊服务器:提供了基础的消息
E聊SDK·2020-08-16 19:29

最近Android真的凉凉了？

除此之外，最近，Google宣布将有一个单独的移动web搜索索引。这革命性一步完全改变了移动app开发趋势，特别是从SEO和webapp的角度。加速移动页面AMP改变webapp
weixin_33840661·2020-08-16 15:35

前端面试题全面整理-带解析 涵盖CSS、JS、浏览器、Vue、React、移动web、前端性能、算法、Node

喜欢的小伙伴关注我哦，欢迎大家的交流学习文章目录前端面试题全面整理css相关1.万能居中2.BFC优化3.盒模型哪两种模式？什么区别？如何设置4.常用清除浮动的方法，如不清除浮动会怎样？5.删格化的原理6.纯css实现三角形7.高度不定，宽100%，内一p高不确定，如何实现垂直居中？8.至少两种方式实现自适应搜索9.设置一段文字的大小为6px10.css菊花图12.关于vh,vw13.Flex布局
妙趣前端·2020-08-16 14:22
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他