移动端
会撸串的傻狍子
正在努力的程序大白,把自己的日常学习分享到网络上供大家参考。
展开
-
移动端-iScroll的使用
iscroll的使用概念:它是一种高性能,体积小,无依赖,多平台js插件。作用:它的作用可以快速制作类似原生滚动效果,一个页面不限制使用次数。中文网手册:http://caibaojian.com/iscroll-5/入门:1、html结构 <div class="box"> <div></div> </div>2、设置样式设置外层div宽高固定设置内层div 比外层大给外层设置overflow原创 2020-10-27 18:50:41 · 571 阅读 · 0 评论 -
移动端-swiper的使用
swiper的使用概念:swiper是轻便的,免费的,稳定的js插件,使用swiper可以快速简单的制作滑动功能轮播特效;官网地址:http://www.swiper.com.cn/演示地址:http://www.swiper.com.cn/demo/index.htmlswiper的文件一共有两个swiper.min.css文件放在head里面swiper.min.js文件放在body里面HTML代码: a、第一层 <div c原创 2020-10-24 09:05:12 · 1657 阅读 · 0 评论 -
移动端touch-zepto事件
移动端事件1. 原生移动端touch事件1.1. 手指放到屏幕上的时候触发 touchstart 开始触摸 <body> <div id="mm">看这里~~~</div> <script> var mm = document.getElementById("mm"); mm.ontouchstart = function(){ mm.innerHTML = "手指放到屏原创 2020-10-20 09:07:14 · 653 阅读 · 0 评论 -
移动端-弹性盒子布局
弹性盒布局1. 基本概念:采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称"项目"。容器默认存在两根轴:水平的主轴(main axis)和垂直的纵轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做mainstart,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做原创 2020-10-19 11:20:00 · 271 阅读 · 0 评论 -
移动端-Meta与视口的设置
Meta与视口的设置上PC端常见的mata定义定义该页面使用字符编码:<meta charset="utf-8"><title>全栈开发</title> title标记内容的长度不要超过80个汉字keywords关键词:<meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,">告诉搜索引擎你的页面关键字是什么description定义原创 2020-10-18 20:23:35 · 448 阅读 · 1 评论 -
移动端-Ruby、Sass安装
sass安装手册第一步:Ruby的下载Ruby获取方式:https://rubyinstaller.org/downloads/第二步:Ruby的安装展示关键节点需要勾选的内容选项一:把Ruby加到环境变量里,一定要钩上哦,不然还要手动来添加;选项二:设置.rb和.rbw文件的默认打开程序为Ruby;选项三:设置Ruby的默认编码为utf-8。然后会到接下来的页面。MSYS2是Ruby常用的开发工具,可以选择性安装哦,以后也可以单独进行安装。如果勾选了安装MSYS2,Ruby安装完原创 2020-10-15 10:35:13 · 172 阅读 · 0 评论 -
移动端-像素和分辨率
1.像素分辨率重点:像素 分辨率的关系难点:印刷不同产品时的不同分辨率设置的理解像素概念网页中的像素单位像素(pixel)概念一般而言,pixel(像素)是图像的基本采样单位。详细解释见维基像素条目。所以它不是一个确定的物理量,也不是一个具体的点或者小方块(尽管可以用点和小方块来呈现),而是一个抽象概念。CSS像素(css pixel)CSS像素是Web编程的概念,指的是CSS样式代码中使用的逻辑像素。在CSS规范中,长度单位可以分为两类,绝对(absolute)单位以及相对(relati原创 2020-10-13 10:36:41 · 1598 阅读 · 0 评论 -
移动端-Sass
一、Sass简介 (Syntactically(语法) Awesome(极好的) StyleSheets(样式表))1、什么是CSS预处理器css预处理器是对css的扩展,弥补了css的一些缺陷,比如缺少变量,缺少代码块,缺少继承,缺少逻辑判断,从而提高代码的可维护性。2、什么是Sass Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。 Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。原创 2020-10-11 18:38:30 · 337 阅读 · 0 评论