前端
云朵橙子
前端开发抠脚大卫画师一枚
展开
-
css选择器大全
选择器是CSS的核心,从最初的元素、class/id选择器,演进到伪元素、伪类,以及CSS3中提供的更丰富的选择器,定位页面上的任意元素开始变得愈发的简单。1、元素选择器这是最基本的CSS选择器,HTML文档中的元素本身就是一个选择器:p {line-height:1.5em; margin-bottom:1em;}2、关系选择器E F:后代选择器,该选择器定位元素E的后代中所有元素F:ul li...转载 2016-07-13 14:38:11 · 423 阅读 · 0 评论 -
计算
var s1 = '2018-08-28';s1 = new Date(s1.replace(/-/g, "/"));s2 = new Date();//当前日期:var days = s1.getTime() - s2.getTime();var time = parseInt(days / (1000 * 60 * 60 * 24));document.write(time);...原创 2018-11-07 14:21:05 · 187 阅读 · 0 评论 -
保留小数
function parsePrice(s) { var n = 2 s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; var l = s.split(".")[0].split("").reverse(); var r = s.split(".")[1];转载 2018-11-19 17:35:23 · 197 阅读 · 1 评论 -
三种Div高度自适应的方法_前端开发教程
让DIV高度自适应,这是在网页设计中常遇到的问题,为了给大家提供参考,这里提供3种div高度自适应的方法:一是JS法、二是背景图填充法、三是“补丁大法”(比较变态)。 1、JS法 代码如下。原理:用JS判断左右DIV的高度,若不一致则设为一致。<div style="width:500px;background:#cccccc;height:0px;"><div id...转载 2014-09-11 08:39:32 · 2699 阅读 · 0 评论 -
生日提醒
做完班级网站之后,觉得有必要把过程中一些可以分享的东西写上来。首先是同学们倍感温馨的生日提示,下面的代码是经过我修改后的,具体效果请看理化检验的班级网站http://ch.sysu.edu.cn/hope/sites/2008yh/。关于生日提醒的代码在网上有不少,大家可以找找看。 生日提醒的功能由JS实现。 在js里放上如下代码:function birthday(year...转载 2014-06-07 10:15:08 · 812 阅读 · 1 评论 -
dt dl css h1 h2 h3
今天在遇到了这样一个问题,在一个页面制作中使用了如下代码:<dl> <dt><h2>标题</h2><span>链接</span></dt> <dd>内容</dd></dl>测试发现IE下转载 2014-04-17 10:29:55 · 986 阅读 · 0 评论 -
浏览器兼容
什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来正常,有的显示出来不正常,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题。而兼容就是一种办法,能让你在一个CSS里面独立的写支持不同浏览器的样式。1. cursor: pointer 可以同时在 IE...转载 2014-04-11 14:44:29 · 652 阅读 · 0 评论 -
浏览器不兼容
浏览器之间的css互相不兼容,相信网页制作人员都会深恶痛绝。计浏览器不兼容原因及解决方法,飞龙整理一些和大家一起学习。1.文字大小不兼容。同样14px的宋体字,ie下实际占高16px,下留白3px,firefox下实际占高17px,上留白1px,下留白3px。文字大小不兼容解决方案:给所有文字设定通用line-height值2.div高度不兼容:firefox下div容器定义heig...转载 2014-04-11 12:59:56 · 588 阅读 · 0 评论 -
webStorage
H5中新增一个可以在客户本地保存数据的Web Storage 功能,其实,就是Cookies存储的进化版。用Cookies 存储永久数据存在几个问题:大小:Cookies的大小被限制在4KB带宽:Cookies 是随HTTP事务一起被发送的,因此会浪费一部分发送Cookies时使用的带宽复杂性:正确的操纵Cookies比较而言是挺困难的。 针对以上问题,H5重新提供了一种在客户...原创 2018-08-09 16:42:32 · 317 阅读 · 0 评论 -
v-model
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><div id="app"> <h6>{{message}}<...原创 2019-06-04 17:19:36 · 319 阅读 · 0 评论