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