移动WEB

小程序移动web开发——flex布局

小程序移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差
卷王2048·2020-10-29 18:26

移动web三 - 流式布局

1.0移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统
Anwfly·2020-10-28 22:09

【前端】03 - 移动web开发 - flex布局（弹性布局）

1.传统布局和flex布局对比1.1传统布局兼容性好。布局繁琐。局限性，不能再移动端很好的布局。1.2flex布局操作方便，布局极其简单，移动端使用比较广泛。pc端浏览器支持情况比较差。IE11或更低版本不支持flex或仅支持部分。1.3建议如果是pc端页面布局，还是采用传统方式。如果是移动端或者是不考虑兼容的pc则采用flex。2.flex布局原理flex是flexibleBox的缩写，意为"弹
itlu·2020-10-21 18:48

vue下使用Monaco Editor

移动浏览器或移动Web框架不支持Monaco编辑器（但移动的有的浏览器是支持的，起码我用的几个都支持）。2.开始2.1安装环境npmin
路够黑光才亮·2020-10-19 15:00

fastclick 解决移动端click事件延迟300ms和点击穿透问题

在移动web兴起初期，用户对300ms的延迟没有太大的感觉，但随着用户对交互体验的要求的提高，如今，移动端的300ms延迟严重影响了用户体验。300ms延迟由来07年，苹果公司发
程序不了猿·2020-10-19 10:34

自适应网站页面适配实现和基本原理讲解

随移动端设备的普及，移动web网站成为了前端工程师工作主攻点诸多的手机厂商，导致每种手机机型、分辨率等手机参数相差很多，同时给前端开发人员增加了工作难度此时手机端的适配是个不得不解决的问题下面介绍一下网站适配的实现及原理是如何操作的首先要在
前端大伟·2020-10-10 15:39

自适应网站页面适配实现和基本原理讲解

随移动端设备的普及，移动web网站成为了前端工程师工作主攻点诸多的手机厂商，导致每种手机机型、分辨率等手机参数相差很多，同时给前端开发人员增加了工作难度此时手机端的适配是个不得不解决的问题image.png
资源部落服务平台·2020-10-10 15:15

移动应用APP开发：WebApp、HybridApp、 NativeApp区别

WebAppWebApp是指使用HTML5编写的移动Web应用，webapp可以运行在PC、Android、iOS端等，不受限于系统，依赖于浏览器。
中控易动·2020-09-22 11:11

前端学习路线

开发工具HTML+CSSJavascriptJQueryHTML5+CSS3UI组件AJAX&JSON&XMLReactVueNodeJSTypescript浏览器原理浏览器兼容移动web端开发面向对象在
张中华·2020-09-18 22:14

03-移动WEB开发_rem布局

移动WEB开发_rem布局01-rem单位rem(rootem)是一个相对单位em：相对于父元素的字体大小rem：相对于html元素的字体大小优势：父元素文字大小可能不一致，但是整个页面只有一个html
珍与林·2020-09-17 09:36

移动web开发之rem布局

移动web开发之rem布局rem基础rem单位是一个相对单位，类似于em，em是相对于父元素的字体大小来说的；而rem的基准是相对于html元素的字体大小。
霸霸波·2020-09-17 09:36

移动WEB-rem布局篇

1.概述rem布局主要的作用就是：根据屏幕的大小的不同，改变盒子的高度和文字的大小2rem单位rem和em类似，都是相对单位em相对的是父元素的字体大小rem相对的是html根元素的字体大小3.媒体查询3.1什么是媒体查询：媒体查询（MediaQuery）是CSS3的新语法使用@media查询，可以针对不同的媒体类型定义不同的样式@media可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的
何北木·2020-09-17 09:35

移动Web开发基础-rem布局

前言在了解了基本的布局方案移动Web开发基础-百分比+flex布局方案之后，我们来了解下利用rem这个css单位来布局的方案。其实不管哪种方案，最终的目的都是为了适配不同设备尺寸的屏幕显示。
前端向朔·2020-09-17 09:58

h5做app和原生app有什么区别？

Java(Android),Objective-C(iOS)以及VisualC++(WindowsMobile)等等⊙需要使用各自的软件开发包，开发工具以及各自的控件移动WebApp⊙因为运行在移动设备的浏览器上
LarryHai6·2020-09-17 09:44

web前端-移动web开发-rem布局、媒体查询、less

rem1.页面布局文字会随着页面大小的变化而变化2.流式布局和flex布局主要是针对于宽度，而rem布局可以对宽度和高度都进行布局3.屏幕发生变化时，元素的宽度和高度都进行等比例缩放rem（fontsizeoftherootelement）是指相对于根元素（html）的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（fontsizeoftheelement）是指
A晨343·2020-09-17 08:48

移动WEB开发之rem适配布局

1.rem基础流式布局和flex布局主要针对宽度布局，rem适配布局主要针对高度。1.1rem单位rem是一个相对单位，类似于em是相对与父元素字体大小来说的。rem和em的差别：rem的基准是相对于html元素的字体大小；em是相对于最近父元素字体大小。rem优点：可以通过修改html里面的字体大小来改变页面中的元素的大小，从而实现整体控制。div{width:12px;}p{width:10e
闲人散客·2020-09-17 08:14

移动web开发之rem适配布局

01.rem基础02.媒体查询2.1什么是媒体查询2.2语法规范案例:根据页面宽度改变背景颜色2.3媒体查询+rem实现元素动态大小变化案例:媒体查询+rem实现元素变化2.4引入资源(了解)03.Less基础3.1维护css的弊端3.2Less介绍3.3Less安装3.4Less使用3.5Less变量3.6Less编译3.7Less嵌套3.8Less运算04.rem适配方案4.1rem实际开发适
前端加油·2020-09-17 08:28

HTML5 WebApp part4:使用 Web Workers 来加速您的移动 Web 应用程序(上)

这对于大部分应用程序逻辑都位于客户端的移动Web应用程序来说尤其有用。在本文中，您将了解如何使用WebWorkers并发现哪些任务最适合它们。您还将看到如何使用其他HTML5技术才能提高
weixin_30820077·2020-09-17 08:30

004 rem布局 --- 移动WEB开发

rem适配布局1rem基础rem单位;是一个相对单位，类似于em,em是父元素的字体大小（font-size）rem相对于html元素的字体大小rem优点就是通过修改html里面的为大小来改变页面中元素的大小进行整体控制html{font-size:12px;}P{height：10rem；width:10rem;}p盒子就变成了120*120px的盒子2媒体查询MediaQuery媒体查询是CS
nine-seven·2020-09-17 08:00

研究首屏时间？

做移动web页面，受移动网络网速和终端性能影响，我们经常要关注首屏内容展示时间（以下简称首屏时间）这个指标，它衡量着我们的页面是否能在用户耐心消磨完之前展示出来，很大程度影响着用户的使用满意度。
detuan20000827·2020-09-16 22:02

移动webapp前端ui用哪个框架好？

默认排序itlrhttps://www.linkev.com/?a_aid=itlr11人赞同了该回答看你做什么，如果对性能要求苛刻，比如地图App这种，应该考虑ReactNative或者NativeScript这样的技术，因为可以编译成原生App。否则我会推荐Ionic2Documentation这是ionic的最新版本，基于angular2，丰富的UI组件，大大改进的编程模型，非常适合快速开发
z__a·2020-09-16 17:48

Web前端框架与移动应用——移动web页面开发

使用Chrome模拟移动网页测试—————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————使用视口标签预览网页使用em布局网页内容___________________________________________
郑州北大青鸟——·2020-09-16 09:41

Jersey+jetty 搭建高并RestFull 接口服务

最近开发移动webapp项目，因为对SpringMVC框架比较熟悉所以就选择了用SpringMVC框架为前端提供接口，后来发现了一些新的RestFull框架如Jersey、RestEeasy等RestFull
weixin_30608131·2020-09-16 04:58

微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用，用到移动web页面中列出的电话号码，点击需要实现调用通讯录，网页一键拨号的拨打电话功能。
学路漫漫·2020-09-15 14:09

移动Web特效开发

文章目录移动Web特效开发(部分)移动上的事件移动上的click触摸事件Zepto框架Zepto概述Zepto和jQuery的区别移动Web特效开发(部分)移动上的事件移动上的click/*在手机端的点击事件有
致我们喂了狗的青春·2020-09-15 13:38

移动web开发之rem布局和less的相关

rem基础rem单位rem(rootem)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。rem的优势：父元素文字大小可能不一致，但是整个页面只有一个html，可以很好来控制整个页面的元素大小。媒体查询什么是媒体查询媒体查询（MediaQuery）是CSS3新语法。使用@media查询，可以针对不同的媒体类型定义不同的样式@media可以针对不
萌新菜鸟前端·2020-09-15 12:40

响应式布局原理

什么是响应式布局一种网站兼容多种终端对不同屏幕尺寸（大小）做出响应，并进行相应布局的一种移动Web开发方式以下有两种响应式布局，仔细读懂其中的代码，你也就掌握了响应式布局的原理了。
另行·2020-09-15 11:27

web移动端-2-流动布局-案例学习

总结参考：黑马-移动web-day3总结京东M站：1.适配问题：移动端设备尺寸不一致2.流式布局：随着浏览器尺寸的改变做自适应(掌握)3.当放到移动端预览：通过谷歌浏览器的模拟器（真机调试：服务器和手机设备在同一个局域网内容即可
sharryling·2020-09-15 11:08

前端移动Web第四天案例：阿里百秀首页-响应式布局（bootstrap框架）

阿里百秀首页案例技术选型方案：我们采取响应式页面开发方案技术：bootstrap框架设计图：本设计图采用1280px设计尺寸1.页面布局分析2.屏幕划分分析①屏幕缩放发现中屏幕和大屏幕布局是一致的。因此我们列定义为col-md-就可以了，md是大于等于970以上的②屏幕缩放发现小屏幕布局发生变化，因此我们需要为小屏幕根据需求改变布局③屏幕缩放发现超小屏幕布局又发生变化，因此我们需要为超小屏幕根据需
库库好困·2020-09-15 11:43

前端移动Web第三天：苏宁首页-第二种简洁高效的rem适配方案flexible.js

简洁高效的rem适配方案flexible.js手机淘宝团队出的简洁高效移动端适配库我们再也不需要在写不同屏幕的媒体查询，因为里面js做了处理它的原理是把当前设备划分为10等份，但是不同设备下，比例还是一致的。我们要做的，就是确定好我们当前设备的html文字大小就可以了比如当前设计稿是750px，那么我们只需要把html文字大小设置为75px(750px/10)就可以里面页面元素rem值：页面元素的
库库好困·2020-09-15 11:43

前端移动Web第一天知识点：流式布局

点击可查看移动端屏幕尺寸数据参考链接：注意：作为前端开发，不建议大家去纠结dpdpiptppi等单位。视口视口就是浏览器显示页面内容的屏幕区域，视口分为布局视口、视觉视口、理想视口。其中，视觉视口就是网站的区域，用户正在看到的区域。meta视口标签："属性：width：宽度设置的是viewport宽度，可以设置device-width特殊值；initial-scale：初始缩放比，大于0的数字；m
库库好困·2020-09-15 11:42

前端移动Web第二天：Flex伸缩布局-携程首页案例

body{max-width:540px;min-width:320px;margin:0auto;font:normal14px/1.5Tahoma,"LucidaGrande",Verdana,"MicrosoftYahei",STXihei,hei;color:#000;background:#f2f2f2;overflow-x:hidden;-webkit-tap-highlight-co
库库好困·2020-09-15 11:42

移动Web-03-流式布局

移动端布局核心1.水平方向不能出现滚动条(禁止缩放，元素宽度超过视口的宽度)2.需要适配宽度，高度使用固定值（高度允许出现滚动条）百分比布局（流式布局）：宽度使用百分比，高度使用px3.移动端盒子模型使用内减模型：box-sizing:border-box;避免由于border和padding导致的水平滚动条的问题拓展:手机端的a标签会有背景颜色解决方法:给a标签添加如下代码-webkit-tap
YoungShiHao·2020-09-15 10:58

前端移动Web第一天：流式布局-京东首页案例

京东首页打开京东APP，购物更轻松立即打开登录京东超市京东超市京东超市京东超市京东超市京东超市京东超市京东超市京东超市京东超市body{width:100%;min-width:320px;max-width:640px;margin:0auto;font-size:14px;color:#666;/*苹果字体：*/font-family:-apple-system,Arial,Helvetica
库库好困·2020-09-15 09:47

借助FreeHttp为任意移动端web网页添加vConsole调试

以下介绍在不用修改代码并发布项目的情况下，为我们日常使用的移动web应用（如手机web淘宝）添加vConsole调试工具的方法vConsole介绍vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板
weixin_30848775·2020-09-15 05:12

Android开发入门——推箱子游戏开发实战（十五，终结）

我觉得呀，Android/iOS开发人才市场有点饱和了，而移动Web开发是新的热点。于是，我“转行“了。今天登陆CSDN网，注意到有网友给我发私信，
yeatcsdn·2020-09-14 18:02

移动端开发的注意事项

当然移动web给人的感觉是一个拼H5和CSS3的阵地，这里面有足够高大上的技术等着你去驾驭，在这方面，你可以欣喜地说：让IE见鬼去吧。
西瓜凉了半个夏~·2020-09-14 09:19

GODOT 3.0 开发进度汇报 #6

它甚至可以让游戏在移动Web环境完美运行！这里有一个小
weixin_33953384·2020-09-14 08:21

移动web适配利器-rem

前言提到rem，大家首先会想到的是em，px，pt这类的词语，大多数人眼中这些单位是用于设置字体的大小的，没错这的确是用来设置字体大小的，但是对于rem来说它可以用来做移动端的响应式适配哦。兼容性先看看兼容性，关于移动端ios：6.1系统以上都支持android：2.1系统以上都支持大部分主流浏览器都支持，可以安心的往下看了。rem设置字体大小rem是（fontsizeoftherooteleme
强强强子·2020-09-14 07:52

base64编码的图片在HTML的img控件中显示

最近在做一个移动webapp项目的开发，将客户经理与客户的聊天功能搬到手机中（类似微信聊天），其中客户经理的头像由原电脑端的聊天项目组同事提供。
ryan-su·2020-09-14 03:24

QQ分享调用及坑点

这篇介绍qq分享（定制微信，手机QQ，QQ空间APP内的分享内容）：腾讯移动web开发平台文档：http://open.mobile.qq.com/api/component/share1.在页面中直接引入
yagmdream·2020-09-13 16:49

web前端开发课程(移动端方向)

京东项目03.Javascript基础04.webapi05.javascript高级06.jquery07.php基础08.Ajax09.阿里百秀项目实战10.html5和css311.canvas12.移动
你是什恶魔啊·2020-09-13 13:33

自动化生成 H5 骨架页面

饿了么移动web端骨架页面如题图所示。本篇文章将给读者阐述一种自动化生成上图骨架页面的方案，通过该方案，可以将自
程序员一木·2020-09-13 13:55

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

所谓的流式布局就是我们常说的百分比布局，页面中盒子的宽度常常是通过百分比值来设置的。流式布局的特征：a、宽度自适应，高度写死，并不是百分百还原设计图b、图标都是固定死大小的，包括字体等也是固定死的。并不是所有的东西都是自适应的。c、一些大的图片，设置宽度为百分比自适应即可，随着屏幕大小进行变化经典的流式布局左侧固定，右侧自适应右侧固定，左侧自适应两侧固定，中间自适应（圣杯布局，双飞翼布局）等分布局
Joe_夕夕·2020-09-13 11:29

移动web学习(一) --- 流式布局, 视口viewpoint ,2倍图和3倍图, less

从这章开始,学习移动web移动web开发指的是需要适配移动设备的网页开发,和pc端没有本质的区别,还是使用html,css,js一.学习移动web的原因1.使用移动设备的用户越来越多2.一定设备屏幕大小不一
WjiaoJ·2020-09-13 09:03

移动App开发工具和移动应用漏洞检测工具

2019独角兽企业重金招聘Python工程师标准>>>移动应用开发工具和移动应用漏洞检测工具，另外，HTML5提供了很多易于移动web开发的特性。
weixin_34185320·2020-09-13 09:43

移动web性能测试要点

性能测试1.连接速度测试用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长（例如超过5秒钟），用户就会因没有耐心等待而离开。另外，有些页面超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，是用户
piooix·2020-09-13 08:36

完美解决移动Web小于12px文字居中的问题

前几天的一篇博文：移动Web单行文字垂直居中的问题，提到了移动web里小于12px的文字居中异常的问题，最后还是改为12px才近乎解决了问题。
weixin_30894583·2020-09-13 06:10

基于HTML5的移动Web应用——Bootstrap 样式案例：制作百度登录框

需求说明使用模态框布局登录框的页面结构和样式使用栅格系统布局登录的表单内容通过点击“登录”按钮触发弹出登录框。并且弹出的登录框是小型的运行效果参考代码百度登录框body{padding:30px;}.myMP{margin:20px;}.myB{margin-bottom:20px;}.myBtn{margin-left:80%;}登录百度一下×登录百度账号下次自动登录//默认弹出//
sem00000·2020-09-13 02:29

Zepto自定义模块打包构建

http://www.chengxuyuans.com/web_technology/zeptojs-build.htmlzepto.js是个好东西，遵循jQueryAPI，但比jQuery小巧很多，很多移动
Jasminna·2020-09-12 23:41
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他