传统布局与flex布局 传统布局 ：兼容性好；布局繁琐；局限性，不能在移动端很好的布局。 flex 弹性布局 ：操作方便，布局极为简单，移动端应用很广泛；PC 端浏览器支持情况较差；IE 11或更低版本，不支持或仅部分支持。 布局原理 flex 是flexible Box 的缩写，意为"弹性布局"， ...
分类：
移动开发 时间：
2020-03-09 23:50:24
阅读次数：
91
视口 视口定义 定义 就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口。 布局视口（layout viewport） 一般手机浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。 视觉视口（visual viewport） 用户正在看到的网站的区域 ...
分类：
移动开发 时间：
2020-03-09 13:16:52
阅读次数：
69
一、 移动web开发基础总结 1、如何让一个页面适配不同的屏幕大小 如何让页面兼容不同的手机系统版本 2.移动端页面主要特征：屏幕尺寸、分辨率 屏幕尺寸，是指手机屏幕对角线的长度 3.分辨率的大小 手机分辨率表示为1980*1500，表示垂直方向有1980个像素点，水平方向有1500个像素点。 4. ...
分类：
移动开发 时间：
2020-03-06 01:15:53
阅读次数：
71
Swiper https://www.swiper.com.cn/ Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。主要使用于移动端的网站、移动web apps，native apps和hybrid apps。主要是为IOS而设计的，同时，在A ...
分类：
其他好文 时间：
2020-02-28 23:02:04
阅读次数：
68
DevExtreme Complete Subscription是性能最优的 HTML5,CSS 和 JavaScript 移动、Web开发框架，可以直接在Visual Studio集成开发环境，构建移动应用程序。从Angular和React到ASP.NET MVC或Vue，DevExtreme包括 ...
分类：
其他好文 时间：
2020-02-17 12:24:22
阅读次数：
88
5 阻止事件冒泡 5.1 阻止事件冒泡的两种方式 事件冒泡：开始时由最具体的元素接收，然后逐级向上传播到DOM最顶层节点。事件冒泡本身的特性会带来坏处也会带来好处。 阻止事件冒泡 标准写法：利用事件对象里面的stopPropagation()方法 非标准写法：IE6 8利用事件对象cancleBub ...
flex布局原理 常见的父项属性 flex-direction设置主轴方向 justify-content 设置主轴上的子元素排列方式 flex-wrap属性 align-items属性 align-content属性 flex-flow属性 常见的子项属性 align-selt属性 hj ...
分类：
移动开发 时间：
2020-01-26 20:50:51
阅读次数：
107
Bootstrapj简介 目前最受欢迎的前端框架，基于HTML，CSS和JAVASCRIPT，简洁灵活，使得web开发更加快捷 布局容器 Bootstrop 需要为页面内容和栅格系统包裹一个.container容器，Bootstarp预先定义好了这个类，叫.container 它提供了两个作此用处的 ...
分类：
移动开发 时间：
2020-01-23 12:45:46
阅读次数：
105
浏览器现状 视口 视口标签 二倍图 手机端和pc端像素比例不一样 防守打法 ...
分类：
移动开发 时间：
2020-01-23 09:52:00
阅读次数：
115
