众所周知，input的placeholder属性文字颜色是默认的灰色，而我们写一个项目难免会遇到设计图里要求它是其他颜色的，经我测试，使用input[placeholder]这种写法是没有作用的。翻阅了一些资料我明白，原来这玩意儿有个专属的伪元素及伪类的写法，直接附上代码<style> ::-webkit-input-placeholder { /* WebKit...
这里以Sumlime Text(以下简称st)为例，其他IDE/编辑器同理。st是一款轻量级的强大编辑器，我一直是它和vscode交替使用，然后服务器用久...
今天接到一个需求，要求做一个表单页面，用户提交表单后要知道他是从哪个链接点进来的。想起以前研究开发者工具的时候有个referer的属性，referer就是引荐的意思嘛，即从哪里来的这个页面，喏，就是这个了，网上查了下果然有这个方法document.referrer，接下来学以致用：<input name="source" value="" typ...
现在有这样一个需求：返回顶部的按钮悬浮在右下角，默认是隐藏的，当页面下拉到一定高度后才会显示，然后点击按钮平滑缓慢的返回顶部。好，我们先来写结构，在这里懒...
工作中，我们常常会有这样的需求，比如给全部的img标签添加alt属性、给全部的a标签添加title属性等等。也就是刚刚吧，我也遇到这么个需求，让网站全部的a标签点击的时候在新标签页打开，这个站是做seo优化的，这样做可以降低网站的跳出率。得，不废话，直接用代码说话：//获取页面里所有的a标签 let target = document.querySelectorAll('a'); //遍历页...
今天做公司一个项目的时候，又遇到这个问题，给父div设置透明的时候，子div也会跟随透明，就像这样：background: #000; opacity: ...
之前也没怎么在意，在开发Yawrap项目的时候发现转为inline-block元素后会出现空隙，比如：<style type="text/css"> body{ padding: 0; margin: 0; } div{ height: 30px; background: #39c; } a{ display: inli...
if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/Apple...
要使用vue脚手架，首先要清楚npm是什么，它是node.js的包管理和分发工具，它可以让JavaScript开发者能够更加轻松的共享代码和公用代码片段，并且通过npm管理你分享的代码也很快捷方便简单。 npm的基本命令使用就是 npm install name@version;，比如我要安装jquery，就要在命令行里输入npm install jquery@1.9.1，当然可以...
15年6月份就对bootstrap有了一个初步的了解，无奈忙于琐事期间一直没有深入的学习过，最近看了下它的API，仿了下国外的一个小实例，感觉还是冗余代码...