随笔分类 - html5
摘要：最近接到了个需求，说是要把页面做成可自定义主题色，通过sdk来获取色值，然后前端来展示不同的主题色，这样不同的商家就可以配置不同的颜色了。 以前没遇到过，此次遇到了研究下，特此简单记录如下。 这里以.vue单文件组件，css写法为例，没有用到css预处理器。 在data函数中定义色值。如 myCol
阅读全文
摘要：在开发中，经常会遇到这样的需求，就是点击图片，能够放大预览。在网上找到了一款很好用的插件。拿来即用，不需要复杂的配置。特此记录下（这里只是针对于在vue脚手架下的使用方法）。 1、安装依赖包。 2、在main.js中配置如下： 3、在需要使用图片查看的文件中使用如下： 上面的images是一个数组，
阅读全文
摘要：众所周知，移动端有fixed遮罩或弹出层时，屏幕上滑动，后面的背景也会跟着滚动，强迫症的我总是觉得不舒服。然而也没有找到完美的解决方法。 这里说说两种能用的方法。 1、遮罩或弹层没有滚动的内容时： vue里提供了一个很好用的解决办法：@touchmove.prevent 如果不用vue的话，那就监听
阅读全文
摘要：最近一直在写移动端页面，由于之前写移动端写的比较少，所以此次踩过许多坑。特此总结一下： 1、<input type='button'>背景色在ios中的兼容性，颜色发白 解决办法：在全局样式中加入以下代码： input[type=button], input[type=submit], input[
阅读全文
摘要：以前知道input[type=file]可以上传文件，但是没用过，今天初次用，总感觉默认样式怪怪的，想修改一下，于是折腾了半天，总算是小有收获。 以上是默认样式，这里我想小小的修改下： HTML代码如下： css代码如下： 更改后，效果如下（样式很丑，这里主要是阐述下怎么更改input[type=f
阅读全文
摘要：既然涉及到HTML5知识，那么必定会存在一定的兼容性问题，这里就涉及到浏览器的支持情况了。 浏览器支持情况： Internet Explorer 8+, Firefox, Opera, Chrome, 和 Safari支持Web 存储。 注意: Internet Explorer 7 及更早IE版本
阅读全文
摘要：现代的浏览器都支持HTML5，HTML5定义了 8 个新的 HTML 语义元素。所有这些元素都是 块级 元素。 为了能让旧版本的浏览器正确显示这些元素，你可以设置 CSS 的 display 属性值为 block: 然而低版本IE浏览器并不支持这些HTML5元素，如： 我们都知道这里应该实现的效果是
阅读全文
摘要：今天在群里看到群友问了一个这样的问题，就是如何更改placeholder属性中文字的颜色，以前用过这属性，却是没更改过颜色，于是便试了试，中途遇到些问题，查找资料后特来总结一下。 熟悉HTML5的人应该都知道，placeholder这个属性是HTML5中新增的属性，该属性的作用是规定可描述输入字段预
阅读全文
摘要：之前对于canvas的基础知识初步学习了一下，今天试着用canvas画一个矩形，结果出错了，因此这里总结一下几个易错点。 1、创建一个画布（canvas）。 一个画布在网页中是一个矩形框，通过canvas元素来实现。 默认情况下 <canvas> 元素没有边框和内容。 这里需要给画布（canvas）
阅读全文
