杜鲁阳的博客

移除HTML5 input在type="number"时的上下小箭头在chrome下：input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; }Firefox下：input[type="numbe...

当 input 属性为 number，设置maxlength属性不生效的坑一、现象1、 <input type="text" maxlength="11" />，有效；2、 <input type="number" maxlength="11" /> 无效当input的type属性设为number时，maxlength属性失效，长度可以无限输入。二、解决方法&...

css3动画@keyframes一、了解动画CSS3中我们可以用@keyframes规则创建动画，它可以取代许多网页动画图像，Flash动画，和JavaScript。@keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。二、定义动画用百分比来规定变化发生的时间，0% 是动画的开始，100% 是动画的完成。【或用关键词 “from” 和 “to”，等同于 0%...

只用一个div实现一个八卦图效果图：html：&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;css:&amp;lt;style&amp;gt; div{ width: 100px; height: 200px; background: #fff; position: absolute; ...

margin-top的bug1. 发生现象：给子元素设置margin-top值作用在父元素上html：&lt;div class="father"&gt; &lt;div class="son"&gt;&lt;/div&gt; &lt;div class="son"&gt;&lt;/div&gt; &lt;/div

标签中logo图的设置&lt;link rel="icon" type="image/png/jpg" href="./img/logo.png" sizes="96*96"&gt;效果图：//这个是直接引用小米官网&lt;link rel="icon" href="//s01.mifile.cn/favicon.ico" type="imag

“原生应用”占统治地位　　当我们为移动设备开发应用程序时，程序员通常都会选择开发“原生应用”，“原生应用”是一种用户必须通过手机应用商店购买下载并安装在手机存储器内的应用程序。“原生应用”现已成为新增手机功能的首选业界标准。　　因此，大多数的程序员都认为跟浏览器应用相比，不论是渲染效果，还是执行能力，“原生应用”都拥有明显的优势。大部分的用户都会尽量避免使用手机浏览器，因为浏览器使用并不方...

vue项目中，js （javascript）生成二维码1. 概述1.1 引入二维码生成模块 npm install qrcodejs2 --save注意：此处安装qrcodejs2，安装依赖后可在main方法中进行全局引用设置，也可单独某个页面中进行引用设置。1.2 引入使用import QRCode from 'qrcodejs2';备注：在main中设置全局可使用 Vu...