最近上班做项目，需要用到一个类似支付宝/微信支付时候的密码输入框，这种输入框需要判断很多，只能输入数字，并且从第一位输入，如果输入字母会不显示（也就是没输入，为空，直到输入数字才可以），第一位输入完成之后光标进入第二位，以此类推，并且删除又要从输入的最后一位开始删除，不能指定某个位置来进行删除...具体效果如上方，大家可利用下方代码来查看... 本次代码特别感谢 温柔、善良、可爱、漂亮的小姐姐“小母”的帮助，下方是完整代码，大家可自行使用。 继续阅读

解决方案：opacity: .6;filter: alpha(opacity=60); 继续阅读

Html (结构) : 超文本标记语言, 由 HTML 或 xhtml之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”Css (表现) : 层叠样式表 , 由css负责创建。css对“如何显示有关内容”的问题做出了回答。Js (行为) : 客户端脚本语言 , 内容应该如何对事件做出反应 继续阅读

容器溢出 语法：overflow: visible | hidden | scroll | auto | inherit; visible: 默认值，容器溢出不裁剪，正常显示; hidden: 溢出部分隐藏不可见; scroll: 当容器没有溢出时，会显示一个默认的滚动条，当容器溢出时，显示一个可以滚动的滚动条; auto: 当容器溢出时，显示滚动条; inherit: 规定从父元素继承overflow属性;当然，还可以设置 继续阅读

1. 背景切割 语法:background-clip: border-box | padding-box | content-box; border-box: 默认值，背景在包含边框以内的区域可见 padding-box: 背景在包含padding以内的区域可见 content-box: 背景在content部分可见2. 背景原点 语法:background-origin: padding-box | border-box | content-b 继续阅读

1. 图像边框路径border-image-source: url(图片路径);2. 图片边框裁剪位置border-image-slice: 数值; 注: 只写数值不加单位专指像素border-image-slice: 27 fill; 默认情况下中间部分不显示，如果需要显示添加 fill 属性3. 图像边框平铺属性border-image-repeat: stretch | repeat | round; stretch: 默认值，拉伸 repeat 继续阅读

1.vue的虚拟dom？ 虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。2.如何理解vue中MVVM模式？ MVVM全称是Model-View-ViewModel；vue是以数据为驱动的，一旦创建dom和数据就保持同步，每当数据发生变化时，dom也会变化。DOMListeners和DataBindings是实现双向绑定的关键。DOMListeners监听页面所有View层DOM元素的变化，当发生变化，Model层的数 继续阅读

1. :first-child 匹配每个父元素下的第一个子元素 eg:.uls :first-child{ color: red; } 匹配 .uls 下第一个子元素 eg:.uls li :first-child{ color: red; } 匹配 .uls 下第一个子元素 li ，此时 li 必须是父元素下的第一个子元素 注: :first-child 等价于 :nth-child(1) 都是匹配父元素下的第一个子 继续阅读

语法:transform: rotate(旋转) | scale(缩放) | skew(倾斜) | translate(位移);注: 当多种变形方式综合在一起时，用空格隔开1. rotate 旋转( X/Y/Z 必须为大写 ) ① rotateX(30deg) 沿X轴翻转30deg 等价于 rotate3d(1,0,0,30deg) 3d空间的沿X轴翻转 ② rotateY(30deg) 沿Y轴翻转30deg 等价于 rotate3d(0,1,0, 继续阅读

站长：鹏仔先生（百变鹏仔）微语：懂得珍惜，才配拥有！微信：15129739599本站Q群：4997403 懒猪，是我一时想做个博客论坛类，供各位前端爱好者来写自己的博客，可是做了两周，发现并不是想的那么容易，于是，就改版了，站名未变，还是根据域名来走 SharedBlog 懒猪，目前，主要是来分享一些前端经验，开发经验，前端小技巧，小效果，小方法等，供各位爱好者来学习。 本站并非大牛站，站长本人也是一个小白，希望大家多多支持。 懒猪友情链接申请，请联系站长微 继续阅读

2018-11-26 01:00 好吧！现在心情是比较好的，因为博客从2018年5月11日起步至今有半年了，我已更新164篇文章，今天，终于算是一个小解放，我终于将html和css等基础小知识基本已整理完成，接下来我就要开始整理javascript了。 博客起初，我只是单纯想让更多人一起来发文章，写文章，做一个轻量级的懒猪，但是建站两周吧，并没有想象中的那么好，所以算了吧，就干脆自己来搞吧！ 因为一直也在上班，前端职业(初级)，有时候经常加班，隔三差五的更新 继续阅读

死链接就是说：因为链接的更改或者搜索引擎所收录的网站路径被删除，形成没法打开的死链接，也就是无效链接。网站原本继承了一定的权重，但是形成大量的死链接之后，权重会丢失，很容易导致降权。怎么查找网站的死链接？ 1.可使用百度站长平台，使用抓取异常看到； 2.分析iis日志查看404状态码； 3.利于GOOGLE管理员工具； 4.其他平台所提供的工具查询。死链接出现的某些原因： 1、动态链接在数据库不再支持的条件下，变成死链接。某个文件或网页移动了位置 继续阅读

别人刷我们网站，导致我们跳出率很高，这个是没办法制止也没办法解决的，但是百度是有相关算法，某种程度上会判定为无效的流量，这个点不用担心。 如果我们站做的非常好，别人谁想要刷爆你是不可能的事情，只会越刷网站排名越好。新站被恶意点击： 1.网站一直不好，可能是通过别人的恶意点击上去了，最终你排名下来是很正常的事情； 2.网站有排名突然排名掉了，可能是你自己最近做了哪些不恰当的操作引起的。 所以说恶意点击不会影响我们的排名，只要我们按照正规的方式去操 继续阅读

对很多刚做网站的站长，也许也不知道网站权重是什么？ 网站权重是指搜索引擎给网站（包括网页）赋予一定的权威值，对网站（含网页）权威的评估评价。 一个网站权重越高，在搜索引擎所占的份量越大，在搜索引擎排名就越好。提高网站权重，不但利于网站（包括网页）在搜索引擎的排名更靠前，还能提高整站的流量，提高网站信任度。所以提高网站的权重具有相当重要的意义。 权重即网站在SEO中的重要性，权威性。英文：Page Strength。 1、权重不等于排名 2、权重对排名 继续阅读

1. 屏幕尺寸 屏幕尺寸是指屏幕对角线的长度，单位为英寸，1英寸=2.54厘米2. 屏幕分辨率 屏幕分辨率是指横纵方向上的像素点数，单位为px，1px=1个像素点常见移动端设备屏幕分辨率 iphone5/iphone5s 1136*640 iphone6/iphone6s/iphone7 1334*750 iphone6plus/iphone7plus 1920*1080 iphone8 1334*750 iphone8plu 继续阅读