随笔分类 - H5
摘要：问题描述 mui picker ios16.2系统及以上，选择器滚动错误错乱，显示异常但是可以正常选择用多个ios手机测试了，凡是升级到16.2及以上的均会产生这个的问题。使用官方的示例，放到升级到16.2的ios手机上测试，问题同样存在https://www.dcloud.io/hellomui/
阅读全文
摘要：HTML5 使在不影响网站性能的情况下存储大量数据成为可能。之前，这些都是由 cookie 完成的，cookie不适合大量数据的存储，因为会影响速度。 举个例子： var obj = {x:1}; //例1 localStorage.obj = obj;//不能直接存储非字符串类型 alert(lo
阅读全文
摘要：css隐藏元素的7种思路 前言 display、visibility、opacity三个属性隐藏元素之间的异同点一直是前端面试面试的常考题。 属性值是否在页面上显示注册点击事件是否有效是否存在于可访问性树中 display none 否 否 否 visibility hidden 否 否 是 opa
阅读全文
摘要：作为Web开发对常用http的请求头和响应头熟悉了解一下还是很有必要的。比如请求头中Content-type指定了请求的内容，若类型是 application/x-www-form-urlencoded，就可以调用reqeust的获取参数方法取到内容，若是其它都需要调用获取流的方 法获取。又比如响应
阅读全文
摘要：项目需要能步进小数点的数字输入框，但是mui 的数字输入框只能步进整数，发现只要把 源码中的parseInt 改成 parseFloat 就行了，可是后来新的问题又出现了，浮点数进行加减的精确问题，这是所有编程语言都有的 下面是完美解决方案，只需将mui.js中关于数字输入框的源代码改成如下即可，m
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <script src="js/jquery-1.9.1.min.js" type="text/java
阅读全文
摘要：1 // canvas转dataURL：canvas对象、转换格式、图像品质 2 function canvasToDataURL(canvas, format, quality){ 3 return canvas.toDataURL(format||'image/jpeg', quality||1
阅读全文
摘要：each() each既是一个类方法，同时也是一个对象方法，两个方法适用场景不同；换言之，你可以使用mui.each()去遍历数组或json对象，也可以使用mui(selector).each()去遍历DOM结构。 第一种： 语法：mui.each(obj,handler); objType: Ar
阅读全文
摘要：Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。 Chrome 和 Safari 需要前缀 -webkit-。 Internet Explorer 9，以及更早的版本，不支持 @keyframe 规则或 ani
阅读全文
摘要：1. 在电脑和手机上都安装Chrome浏览器；2. 手机用数据线连接到电脑上；3. 在设置的开发者选项里开启手机的USB调试；4. 要确保手机和电脑连接的是同一局域网，并且关掉电脑上的防火墙；5. 电脑上的chrome浏览器访问chrome://inspect，如果连接成功，就会在电脑上的chrom
阅读全文
摘要：Web Storage分为两种： sessionStorage localStorage 从字面意思就可以很清楚的看出来，sessionStorage将数据保存在session中，浏览器关闭也就没了；而localStorage则一直将数据保存在客户端本地； 这样做的好处是缓存数据和减少内存的占用；
阅读全文
摘要：在 Web 开发中经常会碰到需要动态监听输入框值变化的情况，如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话，监听不了右键的复制、剪贴和粘贴这些操作，处理组合快捷键也很麻烦。因此这篇文章向大家介绍一种完美的解决方案：结合 HTML5 标准事件 oninp
阅读全文
摘要：1. OAuth2四种模式 1.1. 隐式授权模式（Implicit Grant） 第一步：用户访问页面时，重定向到认证服务器。 第二步：认证服务器给用户一个认证页面，等待用户授权。 第三步：用户授权，认证服务器想应用页面返回Token 第四步：验证Token，访问真正的资源页面 1.2. 授权码授
阅读全文
摘要：01 前言 回归正题，看过很多RESTful相关的文章总结，参齐不齐，结合工作中的使用，非常有必要归纳一下关于RESTful架构方式了，RESTful只是一种架构方式的约束，给出一种约定的标准，完全严格遵守RESTful标准并不是很多，也没有必要。但是在实际运用中，有RESTful标准可以参考，是十
阅读全文
摘要：什么是单页应用单页应用，是指将用户视觉上的多个页面在技术上使用一个载体来实现的应用。 换句话来讲，用户视觉效果，与技术实现的载体，并不是一定要一一对应的。采取哪种技术方案，取决于产品设计、技术组成以及方案之间的优劣平衡。放到 Web 前端环境中，这个承载了多个视觉效果的载体，就是 html 文件（或
阅读全文
摘要：前言 在app开放接口api的设计中，避免不了的就是安全性问题，因为大多数接口涉及到用户的个人信息以及一些敏感的数据，所以对这些接口需要进行身份的认证，那么这就需要用户提供一些信息，比如用户名密码等，但是为了安全起见让用户暴露的明文密码次数越少越好，我们一般在web项目中，大多数采用保存的sessi
阅读全文
摘要：一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给
阅读全文
摘要：CSS 自诞生以来，基本语法和核心机制一直没有本质上的变化，它的发展几乎全是表现力层面上的提升。最开始 CSS 在网页中的作用只是辅助性的装饰，轻便易学是最大的需求；然而如今网站的复杂度已经不可同日而语，原生 CSS 已经让开发者力不从心。 当一门语言的能力不足而用户的运行环境又不支持其它选择的时候
阅读全文
摘要：一： 1.鼠标监视坐标值 2.运行结果 3.画矩形 两种方式： 其中，rgb支持透明度，0.5是透明度为0.5，所以可以看到底下的另一个矩形的颜色 4.运行结果 5.画线 6.运行结果 7.画圆 8.运行结果 9.渐近色 10.运行效果 11.图形载入 目前在谷歌浏览器上不可以展示，图中使用的是I浏
阅读全文