站长资源
利用scss快速打造属于自己的css类库
楔子 有经验的前端在新建一个项目的时候，会分析设计图抽离出基础的色系，字体大小，按钮大小，边框边距，辅助类，常用元素等，然后去定制一套属于该项目的基础css类库，便于在后面的页面搭建中更加方便统一。 想法 当然这个并不是我写此初始类库的原因...
标签：display
基于vue-loader修改组件样式之/deep/与>>>的区别
我们在vue页面组件中写样式一般会加上scoped来防止全局污染 <style scoped> .red{color:red} </style> 但是对于组件内部的子组件中的样式我们在当前页面是看不到的，所以加上去也...
网站被别人镜像怎么办？
经常会遇到一些不讲武德的年轻人镜像别人网站，尤其以博彩、游戏网站等为主。虽然不知道他们有何居心，但是镜像后消耗我们流量那可是实打实的，另外对用户体验也不是很好，至于SEO有没有影响，这个倒是想不出能有啥影响。 具体表现为打开先是显示我们网站...
禁止浏览器自动填充密码的四种方法
1、初次登录时保存账号密码 登录页面输入账号、密码登录成功后，好多浏览器会自动弹出“是否保存账号密码”的询问框！如果你不想保存账号密码，选择不保存即可，之后就没有这么多事了！ 一旦选择了保存，那么下次再登录这个站点时，就会自动填充账号和密码...
JS调起微信客户端
部分浏览器不支持，比如百度 function openWx(){ locatUrl = "weixin://"; if(/ipad|iphone|mac/i.test(navigator.userAgent)) { var ifr =doc...
PHP+jQuery+MySql实现正反方投票功能实例源码
这是一个非常实用的投票实例，应用在双方观点对抗投票场景。用户可以选择支持代表自己观点的一方进行投票，本文以红蓝双方投票为例，通过前后台交互，直观展示红蓝双方投票数和所占比例，应用非常广泛。 本文是一篇综合知识应用类文章，需要您具备PHP、j...
PHP+MySql+jQuery实现的“顶”和“踩”投票功能源码实例
当我们浏览网页时，我们想对网页内容如文章、评论中的观点持赞同或反对意见时，可以通过点击网页中的“顶”和“踩”来进行投票。而整个交互过程，开发者可以通过ajax异步来实现，从而提高用户体验。 本文结合实例，讲解使用PHP+MySql+jQue...
jQuery分页插件-pagination.js的使用详解
Jquery-Pagination.js是个简单轻量级的分页插件，使用起来很容易，只要初始化一个实例，并设置总数量、翻页回调函数、其它参数就可以实现无刷新分页功能了 使用方法 1 首先引入相关css、js文件： <link rel="...
css属性的书写顺序助你养成良好编码风格
css属性顺序是css良好编码风格的一部分，有助于提高代码可读性，便于发现代码问题，有利于团队合作。（依次排后） example { /*显示属性*/ display: ; visibility: ; float: ...
纯css文字展开收起效果讲解
文字的展开收起这个用JS很容易就可以实现，不过我们今天实现的方法有些特殊，我们完全使用css的方式去完成这项工作。 假如有如下html代码 <p>站长资源文字展开收起效果</p> <div class="ele...
利用canvas配合FileReader()更好的实现图片上传预览功能
我们经常看到图片上传之后有预览，而一般的表单上传组件是获取不到文件真实路径的，那么如何实现，当然可以配合后端，存储之后再进行显示，这样不免会浪费资源。当然也有使用createObjectURL()方法的，也有使用html5的FileRead...
纯Css选项卡的实现
Tap选项卡是大家最常用的功能之一，因为兼容性的问题目前大多朋友也都是用js书写，当然我也会用JS去书写，必定web端的应用你的用户群体是不不同的，兼容性自然是很重要的。 不过今天我们介绍的是用纯css的方式来写一个选项卡的功能，这里用到的...
html5网页版时钟动画效果
完整代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>网页版时钟动画效果</title> ...
纯css简单箭头动画效果
效果如下： 完整代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>纯css简单箭头动画效果</t...
纯css编写的愤怒的小鸟动画
<!doctype html> <html> <head> <meta charset="utf-8"> <title>纯css编写的愤怒的小鸟动画</title> &...
纯css文字字母破裂效果
代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>纯css文本破裂效果</title>...
rem与px换算，以常见的屏幕尺寸为例
1.什么是rem 来自于鹅厂ISUX团队的解释如下： rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单...
火牛视频是骗局吗？会跑路吗？
火牛视频是骗子无疑，大家谨防上当受骗，以下内容为早期发布，请勿相信 火牛视频火了，自从2018.7月底开始正是上线的火牛视频，短短二十天左右的时间，就获得了数百万的用户！这个用户积累的速度，堪称奇迹。 然而，其实这些用户量水分颇高，因为几乎...
利用余弦定理制作磁盘形状h5音乐播放器
功能实现 1、歌曲播放进度转换成视觉的旋转角度 2、点击磁盘任意位置歌曲跳转到相应进度 原理说明 【1】旋转原理 【2】余弦定理 代码实现 HTML <div class="outer"> <img src="img/hu...
【HTML标签】table标签的理解
在CSS出现之前，table元素常常用来布局。这种做法在HTML4之后不再推荐使用。而现在有些矫枉过正，使用table展示数据都可能会被说不规范。本文将详细介绍HTML表格table table 【默认样式】 //IE7-浏览器不支持bor...