精华内容
下载资源
问答
  • 移动端 web

    2015-10-28 10:30:11
    Web App: 移动浏览器,小程序,PWA Hybrid App: webview(android:WebView 、IOS:UIWebView),cordova(phoneGap) Native App: React Native,weex 资源: Apache Cordova 是Adobe PhoneGap 贡献给Apache的...

    总体认识

    客户端的所有形式:Native App(IOS、Android、Mac、Windows),小程序(微信、百度、支付宝、字节跳动),桌面端网页、移动端网页(浏览器H5、webview H5、微信H5),公众号机器人(自动回复 和 主动推送)

    移动端 web 的存在形式:

    Native App:React Native,Weex,cordova(phoneGap)、wap2app

    Web App:浏览器H5,webview H5,微信H5

    小程序:微信、百度、支付宝、字节跳动

    跨平台框架:Taro、Chameleon、uni-app等

     

    资源:

    Apache Cordova 是Adobe PhoneGap 贡献给Apache的开源项目,Cordova 是 PhoneGap的核心程序。
    基于Cordova的方案:ionic

    不复杂的应用不用框架,只要用一些库:Zepto,underscore,axios.js

    一些框架:JqueryMobile/jqmobi/SenchaTouch/ionicframework

    移动web开发资源收集:https://github.com/jtyjty99999/mobileTech

    优秀实践:

    RequireJS(按需加载)+Backbone(组织代码与路由管理)+Zepto(轻量DOM操作) + fastclick.js(点击穿透与延迟处理)+Hammer.js(各种触屏事件)+iScroll5.js(滚动条处理)+Animate.css(CSS3动画)+Enquire.js(处理响应式布局)。

     

    屏幕与视口
    见文章《移动端屏幕与视口》

     

    Flex 布局(弹性布局)

    见文章《布局》


    媒体查询

    见文章《响应式布局》
    在 <html>标签 设置属性 data-dpr="2",则可简单得通过 [data-dpr=2] .class 来适配不同分辨率,省去媒体查询。


    click事件延迟

    单击后,浏览器等300ms ,来确定会不会是双击。就导致单击事件回调,延迟了300ms。

    zepto.js方案

    解决:用zepto.js的tap事件代替click事件。$("#id").on('tap',function(){});
    tap事件原理:对比touchstart、touchend的位置和时间间隔,来判断是不是单击
    点透bug:场景(两个重叠的层,上层绑定tap事件,让上层消失),
             bug(会触发下层的click事件),
    原因(点击后,浏览器等待300ms,此时上层已经消失,就认为是点击了下层)

    解决(上层过渡300ms消失,下层也用tap事件)

    fastclick.js方案

    使用:FastClick.attach(document.body)

    原理:touchend 冒泡到 body时,event.preventDefault()阻止后续的click事件,创建一个点击事件并触发

    触摸事件
    touchstart、touchend、touchmove、touchcancel

    H5

    H5 调用 native

    //native代码:
     WebSettings webSettings = webView.getSettings();
     webSettings.setJavaScriptEnabled(true);                       // 打开JS通道
     webView.addJavascriptInterface(new JsInterface(), "control"); // 设置JS接口
     
     public class JsInterface {
            @JavascriptInterface  // android 4.2 以后,有这个注解的方法 才能被 JS 访问
            public void do(String s) {
                log(s);
            }
        }

    //H5代码:
      javascript:control.do('some');
      
    native 调用 H5
    webView.loadUrl("javascript:do();");  // do 是一个全局函数

     

    H5 会话:
    1、native将会话信息 设置进 webview 的 cookie
    2、native将会话信息 加到 url 的参数里
    H5 登陆状态调试:
    1、在web端登陆,复制其cookie中的会话信息,再在H5中用JS 将会话信息 写入cookie
    2、H5坐一个登陆页面,未登陆就跳到此页面进行认证,登陆后再调试

     

    真机调试

    见文字《移动端H5调试》

     优化

    移动端优化
    1、优化等待体验:显式加载效果,滚到可视范围再加载响应资源
    2、减少图片:用样式和iconfont代替图片
    3、重视渲染优化,见上方
    4、动画,过渡,转换使用CSS,而不是JS。可以触发GPU硬件加速

     

    展开全文
  • 7个优秀的国内外移动端web框架

    千次阅读 2018-07-31 10:45:07
    它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。 轻量的UI库 SUI Mobile 非常轻量,核心库压缩Gzip后的JS、CSS网络...

    淘宝SUI Mobile框架
    官网地址:http://m.sui.taobao.org/
    SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。

    轻量的UI库
    SUI Mobile 非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。
    对于只有HTML&CSS的组件,你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件,并且提供了 Zepto/jQuery 风格的API,你将会非常熟悉这种方式。

     

    移动端web框架 Frozen UI

    官网地址:http://frozenui.github.io/

    Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。

    非手Q用户不能使用离线包而直接请求核心css也仅28k,另外也可以采用cdn和combo的方式按需加载。

    CSS组件包括按钮,列表,表单,通知,提示条,弹出框,选项卡,等级图标,角标,红点,1px解决方案等。

    CSS使用模块化的样式命名和组织规范,使用sass编写css代码。

    FrozenJS 是针对移动端开发的 js 组件库,其依赖 zepto.js 和 FrozenUI,支持seajs模块化和非模块化两种方式。

    FrozenJS 包括: basic:FrozenJS 的一些基础功能,包括模板引擎、tap 支持等。 ui:主要是一些触屏常用的 UI 组件,包括 dialog 等。 effect:非常用的特效库,特殊场景使用到是可以单独调用。

    兼容android 2.3 +,ios 4.0 + 。

    移动WebApp开发框架 Clouda
    官网地址:http://clouda.baidu.com/
    Clouda是基于node.js的Webapp开发框架,在使用Clouda时需要安装node.js和MongoDB。
    Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app,可以在多终端下实现数据同步、任务迁移。并且Clouda支持面向数据的编辑模式,根据数据的变化自动实现界 面实时更新,开发者不需描述跃迁过程。它的核心在于云、端使用统一的Javascript语言,可以同时运行在浏览器、iOSAndroid以及百度框中。另外,clouda app可以同时开发服务端和客户端,客户端的数据与云端实时同步,其内部数据也可供搜索引擎检索,解决app孤岛以及99.9%长尾应用只有30%分发量 的搜索分发问题。

    HTML 移动端框架 Framework7
    官网地址:http://framework7.io/
    Framework7 或者叫 F7 是全功能的绑定 iOS 7 应用的 HTML 框架。Framework7 是免费开源的 HTML 移动端框架,用来开发混合移动端应用或者 iOS 7 的 Web 应用,并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。
    Framework7 使用 Javascript,CSS 和 HTML 来创建 iOS 7 应用,支持多个平台的迁移(PhoneGap),但是不是支持所有平台,主要还是针对 iOS 7。

     

    Amaze UI框架
    官网地址:http://amazeui.org/
    Amaze UI 开发思路
    通过拆分、封装一些常用的网页组件,以规范化采用云适配平台开发的移动网站,统一用户体验逐渐形成的。

    1、语义化
    Amaze UI开发遵循语义化原则,意图通过类名(class)等信息直观传达元素的功能角色,同时关注结构、样式、行为分离,降低各部分的耦合程度,提高开发效率和可维护性。

    2、移动优先,跨屏适配
    遵循 “移动优先(Mobile First)”、“渐进增强(Progressive enhancement)”的理念,可先从移动设备开始开发网站,逐步在扩展的更大屏幕的设备上,专注于最重要的内容和交互,适应移动互联潮流。轻松创建跨屏适配的网页。

    3、模块化,按需定制
    AMUI使用LESS编写样式,结构良好,易扩展,易维护;使用Seajs模块化开发、组织 JavaScript,自然、优雅。

    4、专注于HTML5
    AMUI 基于轻量的Zepto.js开发,有效减少为兼容旧浏览器的臃肿代码;基于 CSS3 的交互效果,平滑、高效。AMUI专注于现代浏览器(支持HTML5),不再为过时的浏览器耗费资源,为更有价值的用户提高更好的体验。

    5、本地化支持
    相比国外的前端框架,Amaze UI专注解决中文排版优化问题,根据操作系统调整字体,实现最佳中文排版效果;针对国内主流浏览器及App内置浏览器提供更好的兼容性支持,为你节省大量兼容性调试时间。

    Amaze UI 的开发历程

    云适配创始人陈本峰:这个项目最开始是作为内部使用工具来开发的。我们云适配本身就是一个前端产品,Amaze UI能帮我们降低开发时间和成本,用标准化作业流程,能有更高的产出。

    从云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点。在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希望更多的人来贡献代码,来共建中国前端开源生态环境。在最近几个月,我们投入人力将这个项目整理成一个开源产品。目前有2个软件工程师全职在开发这个产品,还有一个设计,一个PM也在尽力配合。产品发布之后,我们会投入更多全职的工程师来专心打磨这个产品,同时也呼吁更多的前端开发爱好者共同来完善这个框架。

    Amaze UI的目标
    帮助开发者提高开发效率,提升网页效果,即用最短的时间做出最赞的网页,使更多的前端开发者不再受前端复杂代码困扰。

    Jingle移动端框架
    官网地址:http://vycool.com/Jingle/
    Jingle是一个SPA(Single Page Application)开发框架,用来开发移动端的html5应用,在体验上尽量去靠近native应用,希望有一天html5能够做到与native一样的操作体验。

     

    腾讯移动Web前端框架

    官网地址:https://github.com/AlloyTeamDev/Pro

    展开全文
  • 移动端Web开发 TriAquae开源运维软件创始人,混迹IT运维领域多年,...

    扫码下载「CSDN程序员学院APP」,1000+技术好课免费看

    APP订阅课程,领取优惠,最少立减5元 ↓↓↓

    订阅后:请点击此处观看视频课程

     

    视频教程-移动端Web开发-JavaScript

    学习有效期:永久观看

    学习时长:717分钟

    学习计划:12天

    难度:

     

    口碑讲师带队学习,让你的问题不过夜」

    讲师姓名:李杰

    CTO/CIO/技术副总裁/总工程师

    讲师介绍:TriAquae开源运维软件创始人,混迹IT运维领域多年,曾就职于松下、国政通、飞信、中金、NOKIA等公司,维护过少至几十台,多至数万台设备的IT系统,致力于提高企业运维自动化水平,坚信一人管理一万台设备是可以达到的目标,坚信不会开发的运维工程师应该下岗。自称业余政治观察员,屌丝愤青,热爱旅游、美剧。现任职于某美资金融软件公司,兼任老男孩PYTHON开发讲师

    ☛点击立即跟老师学习☚

     

    「你将学到什么?」

    HTML5是移动端开发最常用的技术,熟悉HTML5新标签和Api以及CSS3的新的Api,可以使你的网页更加的绚丽多彩,并且开发出你意想不到的网页效果。学完此课程,你编写的代码就可以移动设备上完美兼容啦。

     

    「课程学习目录」

    第1章:H5之新标签和常用API
    1.本阶段内容介绍(必看)
    2.HTML5介绍和浏览器支持
    3.H5新标签之nav和header(重要)
    4.H5新标签介绍(重要)
    5.其它的新语义化标签
    6.新的表单元素
    7.智能表单(重要)
    8.获取DOM元素新方法(重要)
    9.操作类名和自定义属性的操作
    10.文件读取
    11.网络状态监测
    12.百度地图定位
    13.JSON的介绍和使用(重要)
    14.本地存储localStorage(重要)
    15.案例:使用本地存储(重要)
    第2章:H5之音视频
    1.audio和video的基本使用
    2.音视频的常用属性
    3.音视频的常用方法
    4.简易古风音乐播放器
    第3章:H5之Canvas&SVG
    1.canvas标签的基本使用
    2.绘制填充和描边的三角形
    3.绘制圆或者圆弧并制作笑脸图像
    4.贝塞尔曲线绘制对话气泡和心心
    5.常用样式属性设置
    6.Canvas绘制文本
    7.Canvas使用图片绘制折线图
    8.Canvas切图功能
    9.save和restore方法
    10.位移和旋转的方法
    11.requestAnimationFrame动画方法
    12.案例:太阳系动画案例
    13.案例:桌面动画台球
    14.SVG常用标签介绍
    15.SVG制作动画效果
    16.SVG文件的引入方式
    17.补充:调取摄像头API
    第4章:H5之拖拽&拖放
    1.拖拽的常用事件
    2.案例:实现复制和移动操作
    第5章:CSS3之常用属性
    1.本章内容介绍
    2.CSS3之背景属性一
    3.CSS3之背景属性二
    4.CSS3之边框和文本效果
    5.CSS3之新选择器
    6.CSS3之渐变
    7.transform2D转换
    8.transform3D转换
    9.transition过渡属性
    10.CSS3之动画属性@keyframes
    第6章:Flex弹性盒布局
    1.多列布局
    2.Flex布局容器常用属性一
    3.Flex布局容器常用属性二
    4.Flex布局项目常用属性
    第7章:移动端响应式
    1.移动端概述
    2.响应式介绍和viewport的理解
    3.viewport的设置
    4.@media的引入方式
    5.媒体类型快速介绍
    6.媒体特性介绍
    7.响应式网页布局搭建
    8.响应式网页之流动布局
    9.案例:响应式导航栏
    10.font-awesome字体图标库的使用
    11.rem单位的介绍
    12.rem自适应布局介绍
    13.案例:rem响应式布局的使用
    14.手淘团队的flexiable.js实现移动端适配
    15.预处理less语言快速入门
    16.less中函数的使用以及Sass介绍

     

    7项超值权益,保障学习质量」

    • 大咖讲解

    技术专家系统讲解传授编程思路与实战。

    • 答疑服务

    专属社群随时沟通与讲师答疑,扫清学习障碍,自学编程不再难。

    • 课程资料+课件

    超实用资料,覆盖核心知识,关键编程技能,方便练习巩固。(部分讲师考虑到版权问题,暂未上传附件,敬请谅解)

    • 常用开发实战

    企业常见开发实战案例,带你掌握Python在工作中的不同运用场景。

    • 大牛技术大会视频

    2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。

    • APP+PC随时随地学习

    满足不同场景,开发编程语言系统学习需求,不受空间、地域限制。

     

    「什么样的技术人适合学习?」

    • 想进入互联网技术行业,但是面对多门编程语言不知如何选择,0基础的你
    • 掌握开发、编程技术单一、冷门,迫切希望能够转型的你
    • 想进入大厂,但是编程经验不够丰富,没有竞争力,程序员找工作难。

     

    「悉心打造精品好课,12天学到大牛3年项目经验」

    【完善的技术体系】

    技术成长循序渐进,帮助用户轻松掌握

    掌握JavaScript知识,扎实编码能力

    【清晰的课程脉络】

    浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。

    【仿佛在大厂实习般的课程设计】

    课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。

     

    「你可以收获什么?」

    掌握HTML5新语义化标签、新API以及CSS3常用属性介绍

    制作网页播放器

     

    展开全文
  • 淘宝SUI Mobile框架 (light7框架 ... SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到iOS6.0+ 和Android4.0+,非常适合开发跨平台Web App。 ...

    淘宝SUI Mobile框架   (light7框架 官网:http://www.light7.cn/)
    官网地址:http://m.sui.taobao.org/
    SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。

    轻量的UI库
    SUI Mobile 非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。
    对于只有HTML&CSS的组件,你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件,并且提供了 Zepto/jQuery 风格的API,你将会非常熟悉这种方式。

    移动端web框架 Frozen UI

    官网地址:http://frozenui.github.io/

    Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。

    非手Q用户不能使用离线包而直接请求核心css也仅28k,另外也可以采用cdn和combo的方式按需加载。

    CSS组件包括按钮,列表,表单,通知,提示条,弹出框,选项卡,等级图标,角标,红点,1px解决方案等。

    CSS使用模块化的样式命名和组织规范,使用sass编写css代码。

    FrozenJS 是针对移动端开发的 js 组件库,其依赖 zepto.js 和 FrozenUI,支持seajs模块化和非模块化两种方式。

    FrozenJS 包括: basic:FrozenJS 的一些基础功能,包括模板引擎、tap 支持等。 ui:主要是一些触屏常用的 UI 组件,包括 dialog 等。 effect:非常用的特效库,特殊场景使用到是可以单独调用。

    兼容android 2.3 +,ios 4.0 + 。

    移动WebApp开发框架 Clouda
    官网地址:http://clouda.baidu.com/
    Clouda是基于node.js的Webapp开发框架,在使用Clouda时需要安装node.js和MongoDB。
    Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app,可以在多终端下实现数据同步、任务迁移。并且Clouda支持面向数据的编辑模式,根据数据的变化自动实现界 面实时更新,开发者不需描述跃迁过程。它的核心在于云、端使用统一的Javascript语言,可以同时运行在浏览器、iOSAndroid以及百度框中。另外,clouda app可以同时开发服务端和客户端,客户端的数据与云端实时同步,其内部数据也可供搜索引擎检索,解决app孤岛以及99.9%长尾应用只有30%分发量 的搜索分发问题。

    HTML 移动端框架 Framework7
    官网地址:http://framework7.io/
    Framework7 或者叫 F7 是全功能的绑定 iOS 7 应用的 HTML 框架。Framework7 是免费开源的 HTML 移动端框架,用来开发混合移动端应用或者 iOS 7 的 Web 应用,并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。
    Framework7 使用 Javascript,CSS 和 HTML 来创建 iOS 7 应用,支持多个平台的迁移(PhoneGap),但是不是支持所有平台,主要还是针对 iOS 7。

    Amaze UI框架
    官网地址:http://amazeui.org/
    Amaze UI 开发思路
    通过拆分、封装一些常用的网页组件,以规范化采用云适配平台开发的移动网站,统一用户体验逐渐形成的。

    1、语义化
    Amaze UI开发遵循语义化原则,意图通过类名(class)等信息直观传达元素的功能角色,同时关注结构、样式、行为分离,降低各部分的耦合程度,提高开发效率和可维护性。

    2、移动优先,跨屏适配
    遵循 “移动优先(Mobile First)”、“渐进增强(Progressive enhancement)”的理念,可先从移动设备开始开发网站,逐步在扩展的更大屏幕的设备上,专注于最重要的内容和交互,适应移动互联潮流。轻松创建跨屏适配的网页。

    3、模块化,按需定制
    AMUI使用LESS编写样式,结构良好,易扩展,易维护;使用Seajs模块化开发、组织 JavaScript,自然、优雅。

    4、专注于HTML5
    AMUI 基于轻量的Zepto.js开发,有效减少为兼容旧浏览器的臃肿代码;基于 CSS3 的交互效果,平滑、高效。AMUI专注于现代浏览器(支持HTML5),不再为过时的浏览器耗费资源,为更有价值的用户提高更好的体验。

    5、本地化支持
    相比国外的前端框架,Amaze UI专注解决中文排版优化问题,根据操作系统调整字体,实现最佳中文排版效果;针对国内主流浏览器及App内置浏览器提供更好的兼容性支持,为你节省大量兼容性调试时间。

    Amaze UI 的开发历程

    云适配创始人陈本峰:这个项目最开始是作为内部使用工具来开发的。我们云适配本身就是一个前端产品,Amaze UI能帮我们降低开发时间和成本,用标准化作业流程,能有更高的产出。

    从云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点。在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希望更多的人来贡献代码,来共建中国前端开源生态环境。在最近几个月,我们投入人力将这个项目整理成一个开源产品。目前有2个软件工程师全职在开发这个产品,还有一个设计,一个PM也在尽力配合。产品发布之后,我们会投入更多全职的工程师来专心打磨这个产品,同时也呼吁更多的前端开发爱好者共同来完善这个框架。

    Amaze UI的目标
    帮助开发者提高开发效率,提升网页效果,即用最短的时间做出最赞的网页,使更多的前端开发者不再受前端复杂代码困扰。

    Jingle移动端框架
    官网地址:http://vycool.com/Jingle/
    Jingle是一个SPA(Single Page Application)开发框架,用来开发移动端的html5应用,在体验上尽量去靠近native应用,希望有一天html5能够做到与native一样的操作体验。

    腾讯移动Web前端框架

    官网地址:https://github.com/AlloyTeamDev/Pro

    转载于:https://www.cnblogs.com/bwteacher/p/9799338.html

    展开全文
  • meta基础知识 H5页面窗口自动调整到设备...当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式 viewport模板
  • jQuery Mobile是移动端的基于jQuery的Web前端开发框架,移动设备上的浏览器对HTML5的支持普遍较强,因而jQuery Mobile的UI设计主要针对HTML5,下面就来详细看一下使用jQuery Mobile框架开发移动端Web App的入门教程 ...
  • 概述 HTML5 提供了很多新的功能,... ...用于绘画的 Canvas 元素 用于多媒体播放的 video 和 audio 元素 用于定位的 Geolocation API 本地存储以及离线应用 Web Workers、Web WebSocket API 移动前端开发可分为
  • 他曾参与过国内一家公司的项目,因甲方Manager是一位Vue.js的粉丝,所以他们内部采用Vue.js在BSP上开发了移动端Web App。 相较于UI5,Vue.js是目前极为流行的JS框架,网络资源丰富,还有完整的中文教程。且GitHub上...
  • Web发展简史((webapp+Java原生)移动端开发 )+web网站) 2019年04月01日 20:02:41 你天一哥哥 阅读数:416 Web发展简史--------->((webapp+Java原生)移动端开发(微信小程序,公众号,头条app))+web网站) Web...
  • 优秀移动端设计

    2019-10-05 14:09:54
    这是我的情怀app的开始...25个优秀的设计 https://www.google.com/amp/s/speckyboy.com/25-beautiful-clean-web-designs/amp/ https://mediatemple.net/ 这个推荐app,他的各种界面的变换值得学习。 http://...
  • 从现今行业内的产品来看,切入移动端的途径主要分为两种:APP 应用或者移动网站。而这两者又有各自适合的领域和使用场景,如果选择不适,反而事倍功半。 APP:移动应用 如果说到谁才是占领移动端的王者,APP ...
  • 企业级Flutter+Janus实现移动端Web端的视频会议系统 从201...
  • 本文只是一个索引,收集了网络上大部分关于调试及优化方面的文章,从中挑选了一些...国内,16ms优化,60fps指标等相关的文章非常少,大部分还是翻译国外的一些优秀文章,非常感谢这些翻译者对web前端的贡献,让我...
  • 最近在一家还算比较大的公司的前端岗位实习 移动端开发环境 常见的移动端兼容问题
  • 顾名思义,就是项目打包构建完成后,启动一个 Web Server 来运行整个网站,再开启多个无头浏览器(例如  Puppeteer [47] 、 Phantomjs [48]  等无头浏览器技术)去请求项目中所有的路由,当请求的网页渲染到第一个...
  • <!-- aside部分 --> <aside class="col-md-3"> <...这里收录国内各个领域的优秀博客,是一个全人工编辑的开放式博客联盟交流和展示平台......</p> </a> </aside>
  • 性能分析及调优原理(web 端、移动端)性能测试的目的是评估当前系统性能指标,分析定位解决性能瓶颈,预防规避性能风险。性能分析是为了确定导致性能瓶颈的原因,而调优就是用来解决性能瓶颈。通过某些手段来让系统...
  • 移动端优秀框架--Amaze UI(h5)

    千次阅读 2018-06-12 11:44:01
    "apple-mobile-web-app-status-bar-style" content= "black" > < meta name= "apple-mobile-web-app-title" content= "Amaze UI" /> < link rel= "apple-touch-icon-precomposed" href= "assets/i/app-icon72...
  • 移动端笔记

    2019-12-23 17:42:05
    能够知道移动web的开发现状 能够写出标准的viewport 能够使用移动web的调试方法 能够说出移动端常见的布局方案 能够描述流式布局 能够独立完成京东移动端首页 1、移动端基础 1-1浏览器现状 pc端常见浏览器: 360...
  • 用flutter编写炸弹人小游戏同时支持web移动端 flutter_BananaMon是我学习dart/flutter的时候开发的一个练手项目,他不依赖第三方游戏框架,是一个从零开始的项目,现在已经开源在github。 简介 google主导的Dart对...
  • 移动互联网时代的悄然袭来改变着我们的生活方式,同时也有大批的设计力量涌入移动端设计领域。在web2.0时代背景下孕育成长起来的设计师们,在进入这样一个新鲜的领域时多少有些“水土不服”。希望通过本文能给大家...
  • 移动端UI

    2017-09-13 10:12:29
    最全的移动WEB前端UI框架 Amaze UI Amaze UI是一个轻量级(所有CSS和JS gzip后100kB左右)、Mobile first的前端框架, 基于开源社区流行前端框架编写。 Amaze UI Github地址:...
  • 移动端H5开发

    万次阅读 2018-03-02 12:20:54
    移动端H5开发 移动端开发分为两个方向: - native app 开发 (原生APP) + 安卓 (Java-Native) + IOS (Object-C / swift) ...- web app 开发 (H5页面) + H5 / CSS3 / JS … + 我们开发...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,006
精华内容 4,802
关键字:

优秀的移动端web网站