移动web开发

移动web摘要

1、移动web开发（pc端的页面用手机浏览器打开）这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。
知永无涯·2020-07-01 10:49

移动Web开发

三种布局有最大、最小宽度的百分比自适应布局适用场景：门户网站首页，图片较多的首页。百分比自适应布局适用场景：信息文字较多的网页，内容较多网页。全屏自适应布局适用场景：单页面网页，移动webapp页面。Box-sizing在移动端的使用在百分比定宽的页面经常使用。*,::before,::after{-webkit-box-sizing:border-box;/*以你的border开始计算你的宽度*
对方不想理你并向你抛出一个异常·2020-06-30 13:54

移动Web开发调研

背景在移动互联网浪潮下，移动设备普及，对配置需要考虑移动端设备可访问性。Web作为最贴近用户的配置手段，面向从PC端传统页面，向移动端页面的转型。概念PCWeb：面向传统PC电脑的浏览器开发的Web人机交互界面。移动Web：面向移动设备的浏览器开发的Web人机交互界面。移动设备包括：手机、Pad等移动设备。移动APP：面向移动设备开发的APP软件，直接运行于移动设备的系统上。不同于移动Web，其不
weixin_34413802·2020-06-28 19:07

【前端】移动Web开发

1.流式布局流式布局：就是百分比自适应布局，即非固定像素布局，内容向两侧填充，理解成流动的布局。特点：无法准确计算容器的尺寸。（因为是基于百分比的，不知道容器有多少px）2.viewport（视觉窗口）视觉窗口：是移动端特有的，这是一个虚拟的区域，这个区域用来承载网页的。它们的关系：浏览器承载viewport，viewport承载网页。3.适配方案适配的要求：国际上通用的适配的方案，标准的移动端适
专注精彩·2020-06-28 09:59

Spirit - 腾讯移动 Web 整体解决方案

她是腾讯Alloyteam开发团队在移动开发项目中通过大量实践、归纳、总结提炼而成，最终沉淀下来的一个体系，真正建立一套移动Web开发的集成解决方案。
weixin_33890499·2020-06-28 07:59

前端免费高清电子书(史上最全)

小编自己也喜欢看书，平时也会收集一些电子书先翻一翻，如果看得还ok的话，就买实体书注：转载请注明出处，谢谢配合Html+css系列零基础学HTML+CSS[第三版].pdfHTML5移动Web开发指南.
weixin_33735676·2020-06-28 04:16

jquery.mobile 中 collapsible-set collapsible listview 共同布局问题

第一槛有过移动WEB开发的同学应该知道，IOS浏览器下iframe中内容过多时，
weixin_30933531·2020-06-28 02:26

设计一套方案，适配不同的分配率

这样的布局方式，就是移动web开发使用的常用布局方式。这样的布局可以适
weixin_30846599·2020-06-28 01:43

移动web开发适配rem

移动web：1.html5页面2.跨平台3.告别ie，基于webkit4.对手机端的适配性和性能要有更高的要求。因为安卓手机尺寸不一，手机端网络状况更加复杂在移动页面更多的是使用：1.定高，宽度百分比2.flex布局3.媒体查询image.pngcss媒体查询适配：大家不要这样写css媒体查询，根据顺序不同效果也是不同的，这不是我们希望的image.png而是写成这样image.pngjs适配：i
喵呜Yuri·2020-06-27 10:27

移动Web开发实战专栏总结（PPT分享）

以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后，在团队分享的PPT。在这里分享给大家。写PPT之前，先将要分享的内容用脑图梳理出来，有了框架填内容就比较快了。
前端向朔·2020-06-27 07:40

用于HTML5移动开发的10大移动APP开发框架

今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动Web开发框架，能够帮助开发者更加高效的开发移动Web应用。.
LarryHai6·2020-06-27 01:53

HTML5移动Web开发实战 PDF扫描版

《HTML5移动Web开发实战》提供了应对这一挑战的解决方案。通过阅读本书，你将了解如何有效地利用最新的HTML5的那些针对移动网站的功能，横跨多个移动平台。
randyjin·2020-06-26 05:19

7、css3中的box横向自适应布局、flex布局、横向滚动

1、移动web开发实践-css3（1）盒模型display:-webkit-box;的使用2、自适应布局webkit-box的用法3、css3中webkit-box的用法cssdisplay:box新属性
刘吉祥·2020-06-24 09:24

移动web开发框架研究

纯粹的总结一下移动web开发框架，移动web开发框架有jQueryMobile、SenchaTouch等等,他们都来源于web开发，是成熟的框架，jQueryMobile出自于jQuery家族，SenchaTouch
iteye_12028·2020-06-23 18:09

jQuery Mobile十大常用技巧

在本文中，将介绍使用jQueryMobile开发的一些常用的技巧，阅读对象为已经使用过jQueryMobile进行开发的移动Web开发者。
hezudao25·2020-06-23 14:33

2020前端学习笔记

javascript基础HTML5新特性基础响应型布局jQuery基础jQueryUI基础jQuerymobile基础createJS基础其它全套项目JS基础前端基础功jquery部分高级HTML5全面CSS3ajax移动
DJXHC·2020-06-23 04:58

8款必备的免费移动Web开发框架（HTML5/JS）

NO.1jQueryMobilejQueryMobile（又叫jQueryMobile）是jQuery在移动设备（手机和平板）上的版本，它支持所有主流的移动平台，包括AppleiOS、Android、WindowsPhone、Blackberry、FireboxMobile、ChromeDesktop等。由于构建于jQuery，它能为前端开发人员提供了一个兼容所有主流移动设备平台的统一UI接口系统
decn33932·2020-06-23 03:10

HTML5移动Web开发指南

HTML5移动Web开发指南唐俊开著ISBN978-7-121-16083-72012年3月出版定价：59.00元16开384页宣传语绝无仅有的HTML5移动Web开发专著jQueryMobile、SenchaTouch
congsi9417·2020-06-23 00:13

Framework7 框架简介

什么是Framework7Framework7是一款免费开源的移动web开发框架(类似的知名框架有JqueryMobile,sencha),用以开发IOS7风格、体验的混合移动应用和web应用。
逍遥E游·2020-06-22 21:46

移动web开发入门—基础知识、自适应布局、调试

之前没做过移动端web开发，最近接手的一个小项目是做微信公众号，需要考虑手机适配。UI给出的设计稿是一般是基于iphone手机做的（15年之后是基于ipone6），我们的UI是基于iphone6来做的（iphone6手机的分辨率是1334*750）。开发过程中主要有几个疑问：1、如何将设计稿的尺寸转换到开发尺寸？2、如何实现自适应？3、如何调试在手机中的展示效果下面会针对这几个问题展开讲解。讲解之
杭电茶娃·2020-06-22 19:41

web前端技术路线

第二阶段：HTML5和移动Web开发HTML5：HTML5
弹琴弹琴·2020-06-22 17:44

移动web开发的一些小技巧

1、如何设置流式布局？在head中设置为：也可以非常规布局：2、如何清除移动端默认的点击高亮效果，如a标签的高亮效果？在css内添加-webkit-tap-highlight-color:transparent;3、防止盒子溢出在css内添加-webkit-box-sizing:border-box;box-sizing:border-box;4、清除默认的表单样式-webkit-appearan
LeeJoy·2020-06-22 14:39

移动web中的常用技术选型

我们在开发移动端网页时,由于手机屏幕尺寸的不同,需要一些适配方案以达到界面自适应的效果,这里记录一下移动web开发的一些基本概念和常用适配方案,先了解一下视口的概念:一、视口(viewport).视口是指浏览器显示页面的区域范围
温大侠·2020-06-22 08:36

前端-移动端h5常用属性

移动端设备主要是iOS和Android两类，从用户量来看，Safari、UC、QQ是较多的3款浏览器了，因此整理了下移动web开发常用和3种浏览器的私有meta属性。1.常用属性‘viewport’设
Small_Dark·2020-06-22 05:44

学习前端开发必读书籍，拥有这几本武功秘籍，让你如有神助

Html和Css方面书书籍：1.HTML5与CSS3权威指南：html5和css3入级好书；详尽讲解了HTML5与CSS3的所有功能和特性；2.HTML5移动Web开发指南：介绍了一下移动端的web开发技术
BOM485480·2020-06-21 17:13

转载：移动web开发规范

移动web开发规范一.头部声明1、其中width=device-width就是说把页面宽度设置成和屏幕宽度一样2、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp
monkey-怡宝·2020-06-21 12:45

电商移动Web实战项目（1）

移动web基础移动端开发现状移动web开发指的是需要适配移动设备的网页开发移动web开发与pc端web开发没有本质的区别，使用的还是HTML/CSS/JavaScript的技术移动web开发与pc端web
魔法 • 革·2020-06-21 04:06

临时抱佛脚版_移动端适配布局_flex+rem+响应式

2.1视口2.2布局视口layoutviewport2.2视觉视口visualviewport2.3理想视口idealviewport3.移动端技术解决方案3.1移动端公共样式3.2移动端特殊样式二.移动
UndeFIned丶·2020-06-11 13:13

移动WEB开发之流式布局

学习目标能够知道移动web的开发现状能够写出标准的viewport能够使用移动web的调试方法能够说出移动端常见的布局方案能够描述流式布局能够独立完成京东移动端首页1.移动端基础1.1浏览器现状PC端常见浏览器360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器UC浏览器、QQ浏览器、欧朋浏览器、百度手机浏览器、360安全浏览器、谷歌浏览器、搜狗手
酷酷的橙007·2020-05-31 19:43

移动web开发第三天（触摸事件和点击事件）

1.触摸事件触摸事件使用函数：//获取鼠标位置obj.addEventListener('touchstart',function(e){startY=e.touches[0].clientY;})//得到移动距离，并开始移动obj.addEventListener('touchmove',function(e){//console.log(2);moveY=e.touches[0].client
believedream·2020-04-11 18:47

移动端适配相关问题

在移动Web开发中就是指的CSS的逻辑像素。css像素：web编程用到的，在JS和CSS中使用就是CSS像素，是可变的。设备像素比（dpr）:用来描述单一方向上，设备物理像素的点数/逻
梁柱·2020-04-11 16:44

前端 | 移动Web开发

什么是移动WEB开发，其实就是将网页更好的显示在移动端的一些设置，简单来说就两点如下：流式布局：流式布局，也叫百分比布局，是移动端开发中经常使用的布局方式之一。
阿里云大学百科·2020-04-10 02:10

移动web开发适配利器—rem

移动web开发与适配image.pngimage.pngmeadia也可以写在link里面：//当屏幕小于等于320时，所使用的link使用media时注意/*当同时小于360px和320px时,应定义一个区间
jia林·2020-04-09 11:15

移动web开发（六）--模板引擎underscore.md

1.underscore(js模板引擎)1.1中文网站www.css88.com/doc/underscore1.2使用模板引擎的语法//定义一个要使用的模板引擎1.3渲染模板引擎//配合jquery使用$(function(){/**-是直接渲染成字符*=直接填充在html标签是会被渲染*XSS攻击：跨站脚本攻击(CrossSiteScripting)，*为不和层叠样式表(CascadingSt
believedream·2020-04-09 00:58

移动web开发（四）——响应式开发

1.什么是响应式开发就是：一个网站就够兼容到多个终端2.响应式开发的原理2.1检测方法：1.css3中的MediaQuery（媒介查询)2.js检测通过查询screen的宽度来指定某个宽度区间的网页布局2.2屏幕分类超小屏幕（移动设备）768px以下小屏设备（768px-992px）中等屏幕（992px-1200px）宽度设备（1200px）2.3MediaQuery（媒介查询)代码演示@medi
believedream·2020-04-08 15:27

移动web开发问题和优化小结

如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑，如果大家有遇到什么别的坑
无人像妳i·2020-04-07 21:30

移动web开发（五）

1.结构性选着器1.1div+p{background-color:yellow;}代码演示：div+p{background-color:yellow;}欢迎来到我到的主页我是唐老鸭。我住在Duckburg。我最好的朋友是米老鼠。我的样式不会改变。效果演示：20170214095949.png1.2p~ul{background:#ff0000;}代码演示：p~ul{background:#ff
believedream·2020-04-04 15:07

趋势科技、美团、小米、网易互娱offer面经

先介绍下九风的基本情况：在导师的创业公司待过一年多（没有课就去公司），做过C++图像处理、java后台开发、移动web开发，由于自己比较水，学的东西都不深，在7月初离开公司后就猛补基础知识点。
九风萍舟·2020-04-03 20:37

基于HTML5与Phonegap移动Hybrid/Web App开发培训

课程大纲：主题内容移动Web开发技术原理介绍HTML介绍CSS介绍JS介绍Web语义化与标准化的原因与意义Ajax/闭包介绍HTML5与Javascript框架HTML5的介绍Javascript常用框架介绍
zhanggliy·2020-04-03 17:01

移动web开发常用的框架（一）

下面我们就来介绍一些移动web开发常用的框架：一、jQueryMobilejQueryMobile出自于jQuery家族。官网地址http://jquerymobile.com/。
博为峰51Code教研组·2020-03-30 05:24

移动web开发适配

根据设备分辨率设置根元素的fontSize，从而设置rem。//屏幕适应(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'orientationchange':'resize',recalc=function(){varclientWidth=docEl.clientWidt
九又四分之三o·2020-03-28 02:53

移动web开发基础学习笔记

我觉得这个课程十分适合有一定web前端经验，但没有接触过移动web开发的朋友学习，他讲的知识比较基础，老师功底很好，讲课风格也很不错，课程很容易听懂，我觉得听了之后收获很大。
李心doge·2020-03-26 21:06

移动web开发

像素基础px逻辑像素，浏览器使用的抽象单位dp,pt设备无关像素dpr设备像素缩放比=独立像素/物理像素DPI打印机每英寸可以喷的墨汁点（印刷行业）PPI屏幕每英寸的像素数量，越高图像清晰@x@2x@3x计算公式：1px=dpr2*dp(宽度和高度)viewportviewport用户网页的可视区域默认viewportlayoutviewport浏览器默认viewportdoucument.dou
最时光·2020-03-23 05:30

移动web开发（一）

这样的布局方式就是移动web开发使用的常用布局方式2.viewport(视口)视觉窗口，简称：视口；使用方式：content:可设置参数width：|宽度设置的是viewport宽度，可以设置device-width
枫丶筱·2020-03-22 06:54

一周mark（2016-03-18）

今天看博客发现了一个不错的团队博客--AlloyTeam团队Blog，博客涉及了web端开发的很多东西如他们自己实验的项目、web开发（css3\h5\js\nodejs\优化\体验设计\经验心得）、移动开发（Adroid、IOS、移动
陈坚生·2020-03-22 00:21

移动web界面样式

CSS３CSS3在移动web开发中使用的特性包括：增强的选择器阴影强大的背景设置圆角边框选择器属性选择器完全匹配属性选择器包含匹配选择器首字符匹配选择器尾字符匹配选择器完全匹配属性选择器/*当id的值为
幽谷听泉·2020-03-14 15:30

移动web开发中的坑

仅记录自己在开发中遇到的问题，持续更新。当页面中有img标签时，需要特别注意src属性的设置。工程中img标签的写法是：，在有的浏览器中（华为手机Android4.2.2）页面会加载两次，造成比较诡异的错误。在stackoverflow上有类似的问题。cookie的编码问题。如果cookie的值为中文，那么在某些手机（华为手机Android4.2.2）会出现乱码问题；需要在设置cookie时进行一
狐尼克朱迪·2020-02-27 06:31

移动web开发--准备工作（一）

这样的布局方式就是移动web开发使用的常用布局方式2.viewport(视口)视觉窗口，简称：视口；使用方式：content:可设置参数width：|宽度设置的是viewport宽度，可以设置device-width
believedream·2020-02-24 15:38

流式布局（百分比布局）

流式布局方式是移动web开发使用的比较常见的布局方式。
布卡卡的晴空·2020-02-13 14:54

移动web开发—— 模板引擎详解

很多人对于underscore模板引擎不是很了解，但是他却十分重要，在许多框架中，渲染html都是以模板引擎为基础的。因此在这里分析下模板引擎的原理。使用例子说明:1.假如我们在body里面写成这个样子：估计很多人会很疑惑这是啥？？，恩恩，其实这个就是相当于一个模板擎，这个东西就是模板引擎需要解析的解析成浏览器可以认识的东西。2.接下来我们写js//定义一个水果数组varfruit=['西瓜','
believedream·2020-02-12 09:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他