移动WEB

移动Web界面构建最佳实践

自从智能手机问世以来，移动市场可谓是突飞猛进，这是大家有目共睹的。大多数技术型的站长都明白，没有他们珍爱的iPhone或Android设备，他们就不会赚到钱。我们曾给大家介绍过如何设计一个简结的移动互联网站，Web站点需要按照这些规范不断地进行调整，才能满足移动市场的需要。移动风格的Web站点的需求的增长让站长们疲于奔命。为了满足移动设备的需要，Web站点的布局不得不进行更新，同时，样式也需要做一
原文链接·2020-08-22 02:05

如何设计一个简结的移动互联网站

第一，目前3个主流的手机网站应用，探讨这些应用是如何恰到好处地解决移动Web应用的难题。第二，一个小型电子商务网站的设计。
原文链接·2020-08-22 02:04

变革，本地开发技术的回归

这场变革不仅体现在新的软件运行环境和发布交付模式，更重要的，iPhone或者Android平台的用户对手机应用的需求使本地开发技术（NativeCode）得以快速发展，无论是新闻资讯、图片分享还是SNS网站，移动
原文链接·2020-08-22 02:07

Web移动应用开发框架的8个技术构想

之前我们已经介绍过四大主流移动Web开发框架，今天我们再次深入，探讨Web移动应用框架需要具备的技术特性和理念。
原文链接·2020-08-22 02:30

移动Web最佳实践1.0

最佳实践清单最近在翻译W3C的这个最佳实践建议文档，为方便起见，将以下最佳实践清单放到此处讨论，以后文章会以主题形式发布，以下主题将会添加详情链接：[主题一致性]确保内容在被不同设备访问时，能有连贯的用户体验。[功能]利用设备能力，以提供增强的用户体验。[缺陷]采取合理的步骤来解决不足的实现。[测试]在实际设备以及模拟器上完成测试。[统一资源定位符(URIs)]保证站点入口URI的简短。[导航栏]
辉郎·2020-08-22 02:07

预加载系列一：DNS Prefetching 的正确使用姿势

我最近给移动web关键静态资源做FilePrefetching，顺手看了下Chromium和Firefox关于DNSPrefetching的官方文档看
德来·2020-08-22 02:25

预加载系列一：DNS Prefetching 的正确使用姿势

我最近给移动web关键静态资源做FilePrefetching，顺手看了下Chromium和Firefox关于DNSPrefetching的官方文档看
有赞前端·2020-08-22 02:25

去掉移动web页面自动探测电话号码

去掉移动web页面自动探测电话号码
linuxchen·2020-08-22 02:31

mobl：针对移动Web开发的DSL

简介现在，针对移动设备像智能手机和平板电脑的应用开发很流行。Apple公司的AppStore（针对iPhone、iPod和iPad）拥有超过350,000种应用，而Android的marketplace也快速追赶上来，现在已经拥有超过200,000种应用。然而，Android和iOS并非是仅有的两种移动平台。BlackBerry也是有力的竞争者，此外还有Nokia。最近Microsoft发布了Wi
原文链接·2020-08-22 01:15

浅谈移动Web开发（上）：深入概念

如果你是一个开始接触移动Web开发的前端工程师，那么你或许也遇到了和我曾经遇到的过问题：有太多新的概念需要掌握，太多相似的概念需要区分。没关系，我将用两篇文章的篇幅来解决这些问题。
李光毅·2020-08-22 01:52

五个非常重要的移动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
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他