愚墨的博客
  • 首页
  • 前端技术
  • 面试
只争朝夕不负韶华
bootstarp

Bootstrap 选项卡

在各种项目中难免会遇到选项卡的时候,bootstrap中有一个选项卡插件,傻瓜式,没什么难度,但是支持的效果还还是不错的,建议研究一下bootstrap.js的 关于选项卡的代码。 <!--添加 nav 和 nav-tabs 类到 ul 中--> <ul id="myTab" class="nav nav-pills"> <!--//通过 data 属性:你可以通过添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中。--> <…

2016年02月01日 0条评论 1868点热度 0人点赞 阅读全文
jQuery

jQuery常用选择器

基本选择器 $(‘*’) 匹配页面所有元素 $(‘#id’) id选择器 $(‘.class’) 类选择器 $(‘element’) 标签选择器 组合/层次选择器 $(‘E,F’) 多元素选择器,用”,分隔,同时匹配元素E或元素F $(‘E F’) 后代选择器,用空格分隔,匹配E元素所有的后代(不只是子元素、子元素向下递归)元素F $(E>F) 子元素选择器,用”>”分隔,匹配E元素的所有直接子元素 $(‘E+F’) 直接相邻选择器,匹配E元素之后的相邻的同级元素F $(‘E~F’) 普通相邻选择器(弟…

2016年01月18日 0条评论 1750点热度 0人点赞 阅读全文
Nodejs

Node入门

对于一些像我这样的新手来说,只知道nodejs是可以写后端的JavaScript,最开始感觉他就是一个JavaScript库,当我真正的接触了node之后我才对node真正的有了入门的了解。 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。 JS运行在服务器端…

2016年01月14日 2条评论 2730点热度 0人点赞 阅读全文
前端技术

常用正则表达式大全

一、校验数字的表达式 1、数字:^[0-9]*2、n位的数字:^d{n} 3、至少n位的数字:^d{n,}4、m-n位的数字:^d{m,n} 5、零和非零开头的数字:^(0|[1-9][0-9]*)6、非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})? 7、带1-2位小数的正数或负数:^(-)?d+(.d{1,2})?8、正数、负数、和小数:^(-|+)?d+(.d+)? 9、有两位小数的正实数:^[0-9]+(.[0-9]{2})?10、有1~3位小数的正实数:^[0-9]…

2016年01月12日 0条评论 1837点热度 0人点赞 阅读全文
前端技术

js之侧栏分享

好多网站都有这个功能,其实就是个小东西,很简单。这个是最简单的,自己瞎做的,练习练习。 css代码 #div1{ width:150px; height:200px; background:#40ADE9; position:absolute;left:-150px; top: 50px;} #div1 span{ position:absolute; height:60px; width:20px; line-height:20px; right:-20px;top:70px; background:#E55DE…

2016年01月07日 0条评论 1753点热度 0人点赞 阅读全文
CSS3

vertical-align:middle;实现文字垂直居中

让文本等内容在div中水平居中显示很容易,直接text-align:center就可以搞定,但是在很久之前我也是比较头疼垂直居中问题,现在我简单介绍一下方法吧,用css3的vertical-align:middle;来实现。 先看一下W3C上对vertical-align的定义:vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。我第一…

2015年12月28日 0条评论 1863点热度 0人点赞 阅读全文
CSS3

浅谈Css3的media query

从事web前端的伙伴们都会知道响应式网站,那何为响应式网站? 响应式网站就是一个网站能自动根据不同的设备来显示效果的网站(大白话),因为我们经常用的设备比如电脑、平板、手机等,这些设备的屏幕是不一样的,响应式网站就是根据不同的设备、不同的屏幕宽度(像素),可以自动的给用户呈现不同样式,使你的网站电脑可以显示,手机也可以显示,而不是制作两个版本的网站。制作响应式的网站可以有两种方式:1.就是通过服务器端来判断,服务器端的语言比如说PHP、jsp或者 .net等,通过服务器判断用户目前使用的是什么设备,然后发送响应的版…

2015年12月27日 0条评论 1805点热度 0人点赞 阅读全文
HTML5

meta总结,html标签中meta属性使用介绍

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! html的meta总结 meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 1、name属性 name属…

2015年10月25日 0条评论 1805点热度 0人点赞 阅读全文
bootstarp

Bootstrap 导航栏

导航栏是一个很好的功能,是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开。在 Bootstrap 导航栏的核心中,导航栏包括了站点名称和基本的导航定义样式。 这些在最新版的dreamviewer cc2015中都有相应的代码库,可以直接添加,但是为了后续的修改和样式的渲染,最好还是稍微了解一下它的结构。 为了分析的方便我就直接在代码中用注释的方式分析了 默认的导航(多数用于PC端) <…

2015年09月29日 0条评论 1721点热度 0人点赞 阅读全文
前端技术

js 鼠标指向显示说明框

js代码 window.onload=function() { var oDiv1=document.getElementById('div1'); var oDiv2=document.getElementById('div2'); var timer=null; oDiv2.onmouseover=oDiv1.onmouseover=function () { clearTimeout(timer); oDiv2.style.display='block'; }; oDiv2.onmouseout=oDiv1.…

2015年07月20日 0条评论 1716点热度 0人点赞 阅读全文
1…7891011
搜搜看看
历史遗迹
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年5月
  • 2021年4月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年5月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年9月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年7月
  • 2017年6月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年6月
  • 2015年4月

COPYRIGHT © 2020 愚墨的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS