移动端开发
关注
分享
扫一扫
爱睡的虫虫
本人博客只供自己学习和笔记用途
展开
-
本地存储 sessionStorage和localStorage
sessionStorage和localStorage中，这样做的好处有： 1 缓存数据 2 减少对内存的占用storage只能存储字符串的数据，对于JS中常用的数据或对象却不能直接存储。但我们可以通过JSON对象提供的parse和stringify将其他数据类型转化成字符串，再存储到storage中就可以了。请看下面的代码。var obj = { name:'Jim',sex:'女' }; /原创 2019-05-19 23:24:10 · 1187 阅读 · 0 评论 -
canvas 刮刮乐效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>audio</title> <style type="text/css"> canvas { /* canvas 默认宽高 300*...原创 2019-08-21 08:40:41 · 261 阅读 · 0 评论 -
FileReader 文件操作
FileReaderhtml5 中新增的⽂件操作：File：代表⼀个⽂件对象FileList：代表⼀个⽂件列表对象，类数组FileReader：⽤于从⽂件中读取数据FileWriter：⽤于向⽂件中写出数据调⽤ fileReader 对象的⽅法FileReader 实例拥有四个⽅法，其中三个是⽤来读取⽂件，另⼀个是⽤来中断读取的。需要注意的是，⽆论读取成功或是失败，⽅法并不会返...原创 2019-07-16 14:17:51 · 2376 阅读 · 0 评论 -
Sass
Sass是CSS的扩展语言（预编译语言）。在CSS 语法的基础上增加了变量 、嵌套、混合、导入等高级功能。Sass 使用方式1、新建文件，后缀名为.scssVisual Studio Code 推荐安装插件 （Easy Sass）...原创 2019-07-05 10:14:04 · 649 阅读 · 0 评论 -
移动开发-响应式布局-rem单位 flexible 方案
什么是响应式布局响应布局就是一个网站能够兼容多个终端，而不是 为每个终端做一个特定的版本。原创 2019-05-14 09:10:33 · 1001 阅读 · 0 评论 -
json
什么是 JSON ？JSON : JavaScript Object Notation (JavaScript 对象表示法)JSON : 是轻量级的文本数据交换格式JSON : 独立于语言，支持不同编程语言（PHP，JSP，.NET）JSON 语法规则JSON 语法是 JavaScript 对象表示语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组JS...原创 2019-06-20 16:13:08 · 2333 阅读 · 2 评论 -
多媒体
audio该标签往页面插入音频标签语法亲 您的浏览器不支持html5的audio标签拥有两份源文件的音频播放器 Your browser does not support the audio element. 音频的兼容性浏览器 版本 支持格式Internet Explorer 9.0+ MP3, AACChrome 6.0+ Ogg Vorbis, MP3,...原创 2019-05-29 00:19:25 · 618 阅读 · 0 评论 -
better-scroll 详解
better-scroll 是什么better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。better-scroll 是基于原生 JS 实现的，不依赖任何框架。它编译后的代码大小是 63kb，压缩后是 35kb，zip 后仅有9kb，是一款非常轻量的 JS lib。怎么使用 better-scroll结构例：常见的列表滚动<div class=...原创 2019-05-26 21:42:04 · 37022 阅读 · 7 评论 -
canvas 详解
canvas什么是canvas？是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素.canvas标签用来绘制图像，本身就是一个画布，没有绘画能力，所有的绘制都是通过js脚本实现的都能干什么？可以用于绘制图表、制作图片构图或者制作简单的(以及不那么简单的)动画默认大小Canvas 的默认大小为300像素×150像素（宽×高，像素的单位是px）。不能通过c...原创 2019-07-18 21:44:24 · 2540 阅读 · 0 评论 -
移动端开发
移动端开发知识点pc端软件和移动端apppc端软件是什么，有哪些应用。常见的例子，比如360杀毒，photoShop， Visual Studio Code等等移动端app是什么，有哪些应用。常见的例子，比如 手机微信，手机qq，手机浏览器，美颜相机 等等PC端与移动端的区别第一： PC考虑的是浏览器的兼容性，移动端考虑的是手机兼容性，目前不管是android还是ios，一般浏览器使...原创 2019-05-12 16:46:54 · 1867 阅读 · 0 评论 -
移动端 事件
touch事件什么是touch事件？随着智能手机和平板电脑的普及, 越来越多的人用移动设备浏览网页，我们平时在pc浏览器上用的鼠标事件，比如：click, mouseover等， 已经无法满足移动设备触摸屏的特点。触摸时代的到来，离不开触摸事件 touch事件用于移动端，可响应用户手指（或触控笔）对屏幕或者触控板操作，给基于触控操作，给基于触控的用户界面提供可靠的支持。手机中click事件...原创 2019-05-17 09:55:28 · 2078 阅读 · 0 评论 -
HTML5 拖放（Drag 和 Drop）
HTML5 拖放（Drag 和 Drop）简介拖拽(Drag/Drop)是个非常普遍的功能。在生活中，拖放物品其实是相当常见的一个动作。你可以抓住一个对象，并且拖动到你想放置的区域。在HTML5中，拖拽(draganddrop)成为了标准操作，任何元素都支持。定义拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。定义和用法...原创 2019-05-21 09:23:30 · 2667 阅读 · 0 评论 -
AJAX 基础教程
AJAX名词解释同步在一段时间内，只能做一件事情同步访问：在访问服务器时，客户端只能等待服务器的相应，不能做其它事情。用户体验非常差代表场合：浏览器输入网址访问a标记的默认跳转submit按钮的表单提交异步在一段时间内，可以同时干多个事情异步访问：在向服务器发送请求时，不耽误用户在网页上做其它操作什么是AJAXAsynchronous Javascript And Xml...原创 2019-05-20 22:33:02 · 951 阅读 · 0 评论 -
服务端字体
服务端字体为什么要用服务器字体在css3之前，页面文字所使用的字体必须已经在客户端中被安装才能正常显示，但是如果这个字体在客户端中没有安装的话，使用这个字体就不能正常显示了。为了解决这个问题，在css3中，新增了web fonts功能，网页中可以使用web服务器端的字体，只要某个字体在web服务器端安装了，这个字体就能正常显示了。怎么使用服务器字体定义服务器端字体的语法@font-...原创 2019-05-14 10:23:28 · 1399 阅读 · 0 评论 -
css3 动画讲解
前言：在CSS3中，动画效果有俩种方式：第一种：animation 属性通过定义多个关键帧以及定义每个关键帧（@keyframes）中元素的属性值来实现复杂的动画效果。第二种：transition 属性只能通过指定属性的开始值与结束值，然后在这两个属性值之间进行平滑过渡来实现动画效果，因此只能实现简单的动画效果。transition属性功能是相同的，都是通过改变元素的“属性值”来实现动画效果。...原创 2019-08-06 19:01:34 · 1740 阅读 · 0 评论 -
移动端 效果案例
效果演示：横向滚动源代码： <div class="wrapper"> <div class="content"> <ul class="ul"> <li><img src="https://p1.meituan.net/128.180/movie/648bbced1...原创 2019-08-21 11:35:51 · 738 阅读 · 1 评论