Phpvar's Blog

{WEB前端技术分享，PHP编程学习,关注互联网动态}

页面上的链接，希望用户访问过的都加上明显的“已读”标识，以更好的让用户区分页面上的哪些文章自己是有阅读过的，访问前后的链接显示效果如下图所示：

对比访问前后区别在于：颜色不同、已访问过的加“（已读！）”文字标识，看似没什么难度的样子，如是尝试实现：

++RunCode_BLOCK_z......

阅读全文...

经常写页面的前端，相信对E:first-child 、E:nth-child这种伪类选择符 Pseudo-Classes Selectors 的写法并不陌生，但其实伪类选择符不仅仅只有你经常用的这几种写法，如下表：

 伪类选择符 Pseudo-Classes Selectors ......

阅读全文...

jquery只提供prev()、prevAll()/next()、nextAll()以获取元素紧邻的前面/后面同辈元素的元素集合，并不能直接实现标题中的需求。但jquery 提供了slice(start,end)方法以实现“选取一个匹配的子集”，这个方法参数的用法跟原生js的slice方法类似，熟悉......

阅读全文...

如果你忘记了adobe账号密码，有在adobe官网进行过重置Adobeid的操作，你一定对上面的截图印象深刻。印象深刻的原因在于图上的红色框框内容，因为上面罗列出了你重置密码前必须要满足的所有规则！

很无奈的说：设置那么多规则，最后设置出来满足所有规则的密码真够复杂的，我相信绝大多数人......

阅读全文...

$.proxy(function,context)方法，jQuery 1.4 新增 ，主要用于保持特定的作用域。

当有事件处理函数要附加到元素上，但他们的作用域实际是指向另一个对象时，这个方法最有用了。此外，最妙的是，jQuery能够确保即便你绑定的函数是经过jQuery.proxy()处理过......

阅读全文...

本文介绍做后台管理平台，使用表格table展示数据的最佳CSS写法!

先上效果看看↓↓

列数少的表格：(占满表格外层容器)

列数多的表格：（出现横向滚动条，可查看完整表格内容）......

阅读全文...

TeamViewer远程控制协助工具，远程连接简单方便，用最简单便捷来形容也不为过！

协助爸妈解决使用智能手机遇到的问题，这款软件绝对是不二之选。这是我在用过其它一些像360帮帮、向日葵之类手机远程协助app后的真实想法！

先上两张图，左边是手机端app界面，右边是电脑PC端软件界面：......

阅读全文...

》》》最新领取支付宝红包方法，戳这里查看《《《

......

阅读全文...

现象： 页面中添加了<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 但用360极速浏览器打开页面，默认用的是ie8兼容模式渲染（系统有装edge浏览器），这就导致页面上使用了ie8不支持的css3写法布局的元......

阅读全文...

现象描述：iphone手机微信页面，用position: fixed;定位的input或textarea输入框，在获取输入焦点时，会被弹出的输入法软键盘遮挡，导致用户无法看到输入框，效果如图：

简化测试环境：删除页面其它元素，只保留输入框所在的评论框及最基本的控制评论框显示、隐藏的的交......

阅读全文...

需求：input标签,不允许用户手动输入编辑,默认会有提示词提示用户点选，点击后可执行js修改该标签值

html标签：<input type="text" placeholder="提示文字" disabled="disabled" />
css: 
::-webkit-input......

阅读全文...

现象重现：之前有通过sublime 的 install packages 命令安装过rem-unit插件，后又通过命令remove packages卸载了该插件，不通过install指令安装，直接将从github上下载的rem-unit文件夹复制进Data\Packages文件夹里之后老是自己不见了......

阅读全文...