移动web
移动web开发(3)之flex弹性布局
终于学到弹性盒子了呜呜呜,但是感觉内容也好多!!!移动web开发之flex布局建议:如果是PC端页面布局,我们还是传统布局如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局.例子: 过去我们要在一个大盒子里面放三个这样的盒子,都是用的浮动,但是学习了弹性flex布局,我们可以更简单的做出来,为了凸显它的优势,用的还是行内元素span,只要用了flex,行内元素也
日期 2023-06-12 10:48:40
移动web开发(6)之Less语言
Less基础维护CSS的弊端CSS是一门非程序式语言,没有变量,函数,SCOPE(作用域)等概念.CSS需要书写大量看似没有逻辑的代码,CSS冗余度是比较高的.不方便维护及扩展,不利于复用.CSS没有很好的计算能力非前端开发工程师来说,往往会因为缺少CSS编写经验而很难写出组织良好且易于维护的CSS代码项目. Less介绍 Less(Leaner Style Sheets)是一门CSS扩展语言,
日期 2023-06-12 10:48:40
fastclick.js移动端WEB开发，click,touch,tap事件浅析
两者都会在点击时触发，但是在手机WEB端，click会有 200~300 ms，所以请用tap代替click作为点击事件。 singleTap和doubleTap 分别代表单次点击和双次点击。 二、关于tap的点透处理 在使用zepto框架的tap来移动设备浏览器内的点击事件，来规避click事件的延迟响应时，有可能出现点透的情况，即点击会触发非当前层的点击事件。 处理方式： （1）、
日期 2023-06-12 10:48:40H5 缓存机制浅析 - 移动端 Web 加载性能优化
腾讯 Bugly 特约作者：贺辉超 1. H5 缓存机制介绍 H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 H5 应用程序缓存为应用带来三个优势： 离线浏览 用户可在应用离线时使用它们
日期 2023-06-12 10:48:40移动Web利器transformjs入门
简介 在过去的两年，越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候，都使用了transformjs，所有必要介绍一下，让更多的人受益，提高编程效率，并享受编程乐趣。（当然transformjs不仅仅支持移动设备，支持CSS3 3D Transforms的浏览器都能正常使用transformjs） 传送门 官方网站：http://allo
日期 2023-06-12 10:48:40
虚拟键盘，移动web开发的痛
原生APP的弹出虚拟键盘和收回虚拟键盘，输入框始终贴在虚拟键盘的上方。如下图： 如果移动端web也想做类似的功能，可以实现吗？ 你可能会说着：“不就是放一个position: fixed;的输入框在页面底部嘛，有什么好难的？!” 当时我也是这么想的(⊙﹏⊙)，但事实真的是这样吗？下面我们来看一些测试结果。安卓4.2.1－qq浏览器，测试结果如下：
日期 2023-06-12 10:48:40
移动端web开发 chapter 1 – introduction
移动端web开发，现在普遍被成为h5开发，这个称谓其实不恰当，不过h5，说起来方便，那就h5吧。虽然都是web开发，区别还是挺多的~以下是po主的总结 pc上，定宽的网站占大多数。而移动端布局绝大部分需要自适应，也就是要适配不同大小的屏幕。同时也多了很多概念，比如viewport，viewport里的各种meta，rem，设备像素比等。 移动端有特有的触摸事件，有时候还要做各种手势处理，设备旋
日期 2023-06-12 10:48:40移动web app开发必备 - Deferred 源码分析
姊妹篇 移动web app开发必备 - 异步队列 Deferred 在分析Deferred之前我觉得还是有必要把老套的设计模式给搬出来,便于理解源码! 观察者模式 观察者模式( 又叫发布者-订阅者模式 )应该是最常用的模式之一. 它定义了一种一对多的关系让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。 使用观察者
日期 2023-06-12 10:48:40移动web app开发必备 - 异步队列 Deferred
背景 移动web app开发,异步代码是时常的事,比如有常见的异步操作： Ajax（XMLHttpRequest） Image Tag，Script Tag，iframe（原理类似） setTimeout/setInterval CSS3 Transition/Animation HTML5 Web Database postMessage Web Workers Web Sockets an
日期 2023-06-12 10:48:40移动Web触控事件总结
移动web风风火火几多年，让我这个在Pc端漂流的前端er不免心生仰慕，的确入行几多年，也该是时候进军移动web了。移动web中踩到的第一个坑就是事件问题，所以在吸取众大神的经验后，特作总结以示后来者。 移动端事件的变化 首先PC端那一堆非常happy的鼠标事件没了，mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, m
日期 2023-06-12 10:48:40移动前端开发和 Web 前端开发的区别
http://www.itcast.cn/news/20180125/16033584753.shtml 1，普通PC端开发与移动端开发区别。 先说背景，我大言不惭的说一下，我pc端的前端开发干了有快4年多，不算大牛，也算一个标准的前端开发工程师吧，可怜的是我2015年之前做过的移动端项目不超过1个。。所以几乎经验为零。我对这个神秘又被炒的火热的名字迷惑了很久，移动前端开发工程师，h5前端开发
日期 2023-06-12 10:48:40如何在 SAP UI5 应用中集成第三方库 ：一个在移动设备上查看 Web 应用打印调试信息的小技巧
这是 Jerry 2021 年的第 43 篇文章，也是汪子熙公众号总共第 320 篇原创文章。 做 Web 开发的程序员，无论使用 SAP UI5，还是 Angular
日期 2023-06-12 10:48:40移动web开发框架研究
纯粹的总结一下移动web开发框架，移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发，是成熟的框架。jQuery Mobile出自于jQuery家族。Sencha Touch来自于ExtJS。jQuery Mobile 和Sencha Touch都是比較成熟老牌的框架，项目中也有应用。国内也有公司，像BAT巨头也在
日期 2023-06-12 10:48:40移动app、接口、web自动化测试区别
先说说WEB的UI自动化测试： 很多人在说自动化测试的时候，基本上现在指的是WEB的UI自动化测试，但其实这是不对的，自动化测试包含了很多开发的技术，不只是界面上的自动化测试。WEB的UI自动化测试只是其中的一种，但它的工具确实最多的，有WINRUNNE
日期 2023-06-12 10:48:40面试总结：移动web设计与开发
（给达达前端加星标，提升前端技能）1. 面试第一问：什么是多媒体？答：多媒体的定义，比如图片格
日期 2023-06-12 10:48:40《移动App测试的22条军规》——第5章，第5.2节WebView的测试
本节书摘来自异步社区《移动App测试的22条军规》一书中的第5章，第5.2节WebView的测试，作者 黄勇，更多章节内容可以访问云栖社区“异步社区”公众号查看 5.2 WebView的测试移动App测试的22条军规对于WebView的显示，除了需要关注它对于横竖屏的影响，还需要关注它在不同设备上的显示。因为不同设备会有不同的屏幕宽度和高度，所以WebView的显示效果通常也是千差万别的。比如显
日期 2023-06-12 10:48:40
《移动优先与响应式Web设计》一1.1 变了什么？
本节书摘来异步社区《移动优先与响应式Web设计》一书中的第1章，第1.1节，作者： 【美】Luke Wroblewski , Ethan Marcotte 译者： 司徒卓恆 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.1 变了什么？ 移动优先与响应式Web设计要解释移动平台为何突然爆发，我们就要回到2006年，上一堂美国历史课。若你想象不到当年是怎样的情境，就让我跟
日期 2023-06-12 10:48:40《移动优先与响应式Web设计》一第2章 限制
本节书摘来异步社区《移动优先与响应式Web设计》一书中的第2章，第2.1节，作者： 【美】Luke Wroblewski , Ethan Marcotte 译者： 司徒卓恆 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。 第2章 限制 移动优先与响应式Web设计移动设备日渐完善，的确促进了移动网络的迅速增长，但移动平台仍然限制多多。屏幕很小、网络不稳，拿起设备时，什么怪事都
日期 2023-06-12 10:48:40《移动优先与响应式Web设计》一上册 移动优先
本节书摘来异步社区《移动优先与响应式Web设计》一书中的第2章，第2.1节，作者： 【美】Luke Wroblewski , Ethan Marcotte 译者： 司徒卓恆 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。 上册 移动优先 移动优先与响应式Web设计 本文仅用于学习和交流目的，不代表异步社区观点。非商业转载请注明作译者、出处，并保留本文的原始链接。 下
日期 2023-06-12 10:48:40《移动优先与响应式Web设计》一下册 响应式Web 设计
本节书摘来异步社区《移动优先与响应式Web设计》一书中的下册，作者： 【美】Luke Wroblewski , Ethan Marcotte 译者： 司徒卓恆 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。 下册 响应式Web 设计 移动优先与响应式Web设计响应式Web 设计 本文仅用于学习和交流目的，不代表异步社区观点。非商业转载请注明作译者、出处，并保留本文的原始链
日期 2023-06-12 10:48:40《移动优先与响应式Web设计》一1.1 扣好安全带
本节书摘来异步社区《移动优先与响应式Web设计》一书中的第1章，第1.1节，作者： 【美】Luke Wroblewski , Ethan Marcotte 译者： 司徒卓恆 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.1 扣好安全带 十多年前，约翰·阿尔索普写了“A Dao of Web Design”。若没读过这篇文章，绝对应该现在就读读看（我是认真的）。这是我最
日期 2023-06-12 10:48:40《HTML5移动Web开发实战》—— 1.9 定义一个内容策略
本节书摘来异步社区《HTML5移动Web开发实战》一书中的第1章，第1.9节，作者：石川，更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.9 定义一个内容策略 HTML5移动Web开发实战适用浏览器：所有 通过分析工具搜集到的数据，你可以定义一个内容策略，这对已经有了一个桌面网站的人是非常有用的。 1.9.1 准备 确认你已经把分析工具的Javascript代码嵌入到网站中。
日期 2023-06-12 10:48:40《HTML5移动应用开发入门经典》—— 1.3 定义Web应用
本节书摘来异步社区《HTML5移动应用开发入门经典》一书中的第1章，第1.3节，作者：【美】Jennifer Kyrnin，更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.3 定义Web应用 HTML5移动应用开发入门经典应用是本地计算机上用来执行各种任务的软件程序。最常使用的应用为Web浏览器（例如IE或Firefox）、文档编辑器（例如Word）以及电子邮件客户端（例如Outlo
日期 2023-06-12 10:48:40Appium移动端自动化测试之WebdriverAPI(五)
前言： Appium Python API全集，不知道哪个大神整理的，这里贴出来分享给大家。 1.contexts contexts(self): Returns the contexts within the current session. 返回当前会话中的上下文，使用后可以识别H5页面的
日期 2023-06-12 10:48:40《Web前端工程师修炼之道（原书第4版）》——移动Web
本节书摘来自华章社区《Web前端工程师修炼之道（原书第4版）》一书中的移动Web，作者Jennifer Niederst Robbins，更多章节内容可以访问云栖社区“华章社区”公众号查看 移动Web你可能听设计师说过移动Web这个术语，但事实是（就像Stephen Hay 2011年在Twitter上所说的那样，见图3-2）没有什么移动Web、桌面Web或平板Web或者诸如此类的Web。Web
日期 2023-06-12 10:48:40移动web资源整理
博客园 首页 HTML5/CSS3 移动开发 推荐工具 推荐链接 网摘 管理 白色橡树 随笔分类 - HTML5/CSS3 HTML5/CSS3 技术 【原】移动web资源整理 摘要: 回顾2014年，刚转来到新的部门，非常渴望做出一个所谓的成功产品，心态几乎变了，每天都忙忙碌碌在项目中，把原来阅读和学习的习惯给忽视了，作为一个技术人员，没有通过学习新
日期 2023-06-12 10:48:40移动端--web开展
近期看到群里对关于 移动端 web开发非常是感兴趣。决定写一个关于 移动端的web开发 概念或框架（宝庆对此非常是纠结）。也是由于自己一直从事pc 浏览器 web一直对 移动端的不是非常重视，所以趁此机会也让自己对 移动端的开发 有个清晰的认识。 环境： 1. 移动端的内核：手机浏览器的内核是什么 在文章中&n
日期 2023-06-12 10:48:40