WebAPP-1

Base64图片制作icon

优势:

  • 可以减少请求(相当于提前把图片信息提前放到了css的文件当中)   background:url(data:image/png;base64,{img_data})
  • 加快首屏数据的显示速度

note:体积更大(base64图片是未经压缩的);维护不方便

使用CSS3制作icon

youshi优势:体积更小;

note:维护不大方便;存在兼容性问题;但用在WebAPP上很适合,几乎不存在兼容性问题;

时间: 2024-08-10 23:25:09

WebAPP-1的相关文章

我的第一个phonegap开发WebApp的demo 怎么搭建安卓开发环境以及安装phonegap

一.先来张图,赏心悦目观赏一下,哈 . 这个就是使用phonegap框架搭建起来的,运行在安卓环境上的第一个demo. 安卓的开发环境,大家都会搭建了,所以不赘述.讲一下,安装phonegap的步骤. 二.phonegap的安装   1. 设置系统变量系统变量 Path后面添加:(以下变量都是必须的,路径根据自己的设置)E:\android_sdk\sdk\tools;E:\android_sdk\sdk\platform-tools;E:\android_sdk\eclipse\plugins

Eclipse+Maven创建webapp项目

原文地址:http://www.cnblogs.com/candle806/p/3439469.html Eclipse+Maven创建webapp项目<一> 1.开启eclipse,右键new-->other,如下图找到maven project 2.选择maven project,显示创建maven项目的窗口,勾选如图所示,Create a simple project 3.输入maven项目的基本信息,如下图所示: 4.完成maven项目的创建,生成相应的maven项目结果,如下所

移动开发webapp开发常用meta设置(手机浏览器全屏模式 html5)------转

1.WebApp全屏模式: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui"> 注意:viewport 后面加上 minimal-ui 在safri 体现效果 <meta name="apple-mobile-web-a

如何把maven项目转化为webapp

1.右键Project Facets, Convert to faceted from 2.改Dynamic Web Module的Version3.点击下面的Further configuration available-,设置web.xml文件的路径,输入src/main/webapp. Generate web.xml deployment descriptor自动生成web.xml文件 4.点击OK 5.设置部署程序集(Web Deployment Assembly) 6.在右键项目打开

我用VS2015 开发webapp (1) 需求、目的、配置

分析需求: 1.要求数据分析 [门店销售数据分析] 2.数据要实时同步 3.数据要求安全并保密 4.数据分析图 开发工具的选择: VS2015 + Cordova + Angularjs + Ionic 配置环境 CMD-- node -v CMD-- npm -version 解决方法: 点击"Packages" > "Show Obsolete Packages"然后library就出来了 下面碎碎念: MD,我真不会啊.... 24K纯新手,这是多大坑啊

用vuejs写了一个酷狗的webApp

这几天在学习vueJS,学了半个月,觉得是不是该写点什么呢?于是 .脑子一抽,仿了一个酷狗的webapp. 项目截图: 由于是单页应用,切换路由时音乐不会停止,算是一个小亮点吧. 技术栈: vuejs2.0 vue-router vuex vue-router mint-ui 演示地址和项目地址 github.com/lavyun/vue-kugouMusic 如果有刚刚开始学习vuejs的同学可以把项目clone下来 可以看看vue单页应用的构建方式,或者怎么写路由...这个项目根据本人深入程

MyEclipse10建立Maven Webapp项目并通过git传到GitHub

先创建Maven Webapp项目 图文详解MyEclipse中新建Maven webapp项目的步骤(很详细) 在web项目的路径中右键(前提是你机器已经装了git)“Git Init Here”,会生成一个.git文件夹,注意还要修改.gitigore,避免上传不必要的文件 接着在myeclipse中右键项目,选择Team>Share Project>git>选择有.git目录的路径,也就是上面的文件目录 右键,选择Team>Commit,勾选文件后选择CommitAndPus

MyEclipse+Tomcat部署发布webapp

一,MyEclipse中集成Tomcat服务器 我的MyEclipse使用的是10.0,Tomcat使用的是7.0.027;为了发布使用MyEclipse编写的web应用程序,需要现在MyEclipse中进行一些设置. 1,设置JDK版本 在windows--首选项中设置如下: 可以使用这里默认的JDK版本,也可以点击添加后选择JDK按照目录. 2,设置Server 这里我使用的是Tomcat7,所以设置的就是如上. 二,编写WebApp 在左侧右击选择新建: 之后在index页面中填入一些内容

webapp开发——‘手机屏幕分辨率’与‘浏览器分辨率’不要混淆

关于webApp响应式设计遇到的问题,分享给大家,最近在做一个手机webApp,因为我手机是”米3“,屏幕截图大小是1080宽,所以css样式用@media screen and(min-width:1080px){  …… },来判断屏幕最小宽度是1080px的手机web显示什么样的样式,结果却不能正常显示我所指定的css样式,最后在网上查了一下,发现分辨率的范围不对. css代码如下: @media screen and (min-width:1080px){ ...............

ipad&amp;mobile通用webapp框架前哨战

响应式设计的意义 随着移动设备的发展,移动设备以迅猛的势头分刮着PC的占有率,ipad或者android pad的市场占有率稳步提升,所以我们的程序需要在ipad上很好的运行,对于公司来说有以下负担:设备系统上来说主要分为android ios:尺寸上看又以手机与pad为一个分界线,如果再加一个H5站点,其开发所投入资源不可谓不小! Hybrid的出现,解决了大部分问题,针对尺寸上的问题有一种东西叫做响应式设计,这个响应式设计似乎可以解决我们的问题,所以今天我就来告诉大家什么是响应式设计,或者说