![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
文章平均质量分 91
Primise7
这个作者很懒,什么都没留下…
展开
-
移动APP环境配置
移动App环境配置使用Ionic开发需要安装的基本工具NodeGitJAVA JDKAndroid SDKIonic cordovareact native 需要以下文件python Visual Studio 2015 (当你安装失败就需要c++环境)如果没有安卓设备建议买一个,也可以选虚拟机Genymotion (最快的虚拟机)bluestacks (最傻瓜式...原创 2018-06-13 09:40:42 · 825 阅读 · 0 评论 -
移动开发-两栏自适应
左边固定,右边自适应的3种总结:左边左浮动,右边加个overflow:hidden; #lt{ float: left;width:200px; background: #ff0;} #rt{ overflow: hidden; background: #f0f;}左边左浮动,右边加个margin-left; #lt{ float: left; width:200px; backgr...原创 2018-07-16 09:43:13 · 321 阅读 · 0 评论 -
移动开发-bootstrap
编码规范1.1 HTML约定在head中引入必要的CSS文件,优先引用第三方的CSS,方便我们自己的样式覆盖。在body末尾引入必要的JS文件, 优先引用第三方的JS, 注意JS文件之间的依赖关系, 比如bootstrap.js依赖jQuery, 那就应该先引用jquery.js 然后引用bootstrap.js。1.2CSS约定除了公共级别样式,其余样式全...原创 2018-07-16 09:42:15 · 3068 阅读 · 0 评论 -
移动开发-rem适配问题
浏览器默认的字体大小一般是16px,但是可以自己设置。 em 基于父元素的字体大小 rem的大小是基于html字体的大小1、px和em的区别?px像素(pixel)——px像素是相对于显示器屏幕分辨率em相对于当前对象内文本的字体尺寸。如果当前对象内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸,任意浏览器的默认字体高都是16px。 IE无法...原创 2018-07-16 09:39:16 · 423 阅读 · 0 评论 -
移动开发-媒体查询
CSS3中的Media Query(媒介查询)通过查询screen的宽度来指定某个宽度区间的网页布局。 超小屏幕(移动设备) 768px以下 小屏设备 768px-992px 中等屏幕 992px-1200px 宽屏设备 1200px以上 媒体类型将不同的终端设备划分为不同的类型,称为媒体类型s...原创 2018-07-16 09:38:30 · 592 阅读 · 0 评论 -
移动开发-屏幕适配
视口(viewport)是用来约束网站中最顶级元素html的,即它决定了html的大小。1、 PC端viewportPC设备上,viewport的大小取决于浏览器窗口的大小,以CSS像素作为度量单位。获取viewport的大小(即浏览器可视区域):document.documentElement.clientWidth;document.documentElement.cli...原创 2018-07-16 09:37:47 · 254 阅读 · 0 评论 -
移动开发-01
移动开发包括:原生APP,混合APP,webApp移动端开发和pc端开发有什么不同?移动设备与PC设备最大的差异在于屏幕,这主要体现在屏幕尺寸和屏幕分辨率两个方面。屏幕和分辨率屏幕尺寸,实际上指的是屏幕对角线的长度(一般用英寸度量)分辨率一般用像素来度量,表示屏幕水平和垂直方向的像素数,PC端常见1366*768。移动端多种,比如960*640.长度单位绝...原创 2018-07-16 09:37:05 · 199 阅读 · 0 评论 -
webpack的配置
1.npm install -g webpack 2.配置webpack.config.js文件,文件的配置类似于gulp 3.通过配置文件中的entry获取到文件,output将文件输出 4.webpack通过loader(加载器)和plugin(插件)处理文件 eslint做js的文件检测webpack的项目打包webpack主要是以模块化的方式打包整个...原创 2018-06-25 08:58:36 · 243 阅读 · 0 评论 -
移动端-ionic
Ionic介绍*= 官网地址 - Ionic官网 - Ionic中文网首先要认识Ionic框架? IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web ...原创 2018-06-25 08:57:35 · 713 阅读 · 0 评论 -
移动开发-混合App介绍
3种开发类型的原理和对比什么是混合App(Hybrid App)Hybrid App是指介于web-app(网页APP,如京东web)、native-app(原生应用,如手机上面的APP应用)这两者之间的app,它虽然看上去是一个Native App,但只有一个WebView ( WebView,可以类比成iframe ),里面访问的是一个Web App,就是包了个客户端的壳,其...原创 2018-06-25 08:56:38 · 17411 阅读 · 3 评论 -
移动开发-触屏事件
#触屏事件1.事件类型touchstart: 手指触摸屏幕时触发touchmove: 手指在屏幕上移动时触发touchend: 手指离开屏幕时触发2.TouchEvent对象touches: 位于屏幕上的所有手指的列表targetTouches: 位于该元素上所有手指的列表changedTouches: touchstart时包含刚与触摸屏接触的触点,touchend时包含离...原创 2018-11-05 13:54:11 · 1397 阅读 · 1 评论