web开发
文章平均质量分 73
Kongkong_nana
这个作者很懒,什么都没留下…
展开
-
html5和css篇有关浮动以及如何清除浮动
言归正传,今天主要想说一下,div层浮动的问题。 回忆一下,html的块元素主要有哪些:div ul ol p hr h1-h6 ,这是今天用到的,这些块元素都会独占一行,块元素会按照先后顺序从新的一行开始往下排,那么怎样才能让div层能在同一行呢? 拿今天的我练习的例子讲:原创 2016-03-15 22:52:34 · 3411 阅读 · 0 评论 -
解决div中元素垂直居中的五种方法
假设div的高度为200px,字体大小为20px 方法一:利用padding内边距 我要垂直居中 .type1{ border: 1px solid blue; font-size: 20px; padding: 90px 0; line-height: 1; } 注意此时不用设置div的高度height:200p原创 2016-07-12 19:18:24 · 6231 阅读 · 0 评论 -
js如何获取当前月的天数
万恶的csdn真是讨厌,之前发表的文章我就重新编辑了一次,结果再也找不到了,每次打开直接500 Internal Server Error。 不知道之后会不会恢复,还是再重新记录一遍吧。 用js写一个日历应用,360的前端星计划中就出过了类似的任务,要求实现国际日历。 其中一个重要的点就是在页面上要显示出当前月的天数,我上网找了很多解决方法,发现最简单的都是基于一个原理,这里放上例子: /原创 2016-05-09 13:34:40 · 1762 阅读 · 0 评论 -
js如何获取当前月的天数
js实现日历中,一般界面上会显示当前月,然后点击按钮,需要显示上个月和下个月,因此获得展示页的月份的天数是其中很重要的一小步。 面试回来看到大概看了很多段代码,就目前看到的,大概核心都是用的js获取当前日期中的一个小操作。 var myDate=new Date(); var myyear=myDate.getFullYear(); var mymonth=myDate.getMonth()+原创 2016-05-04 18:19:59 · 1630 阅读 · 3 评论 -
web前端性能优化9大方向
摘自《高性能网站建设》 一、减少HTTP请求 通过减少组件的数量来减少HTTP请求的数量 1、图片地图 它允许在一个图片上关联多个URL,目标URL的选择取决于用户单击了图片上的哪个位置。 当使用N个分开的图片,每个图片对应一个超链接,这样就会产生N个HTTP请求,当把N张图片合并为一张的时候,然后以位置信息定位超链接,这样就只剩下一个HTTP请求,同时保证功能的准确实现。例如:转载 2016-05-01 21:19:02 · 3037 阅读 · 0 评论 -
简单的一个小体验关于div居中
之前稀里糊涂的开发了一个项目,对html css和js并不是足够的掌握,然后又来重新go一遍。 今天的总结很简单。 关于如何让div居中。 如果在css里设置了margin:0 auto,切记一定要加上:width:800px,即定义div的宽度,100%是错误的。 例如: #header{ width:800px; margin:0 auto; }或者,设置body原创 2016-03-14 22:15:10 · 326 阅读 · 0 评论 -
DOM事件流、事件处理程序以及事件对象
一、事件流:描述的是从页面中接受事件的顺序。 IE:事件冒泡流 NetScape:事件捕获流 事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。 事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。 二、事件处理程序: 1、HTML事件处理程序 弊端:JS代码和HTML都需要进行修改原创 2016-03-20 21:53:24 · 424 阅读 · 0 评论 -
DOM对象编程练习小结
贴两个小例子。 1、制作一个表格,显示班级的学生信息。 要求: 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮,能动态在最后添加一行 3. 点击删除按钮,则删除当前行 new document window.onload = function(){原创 2016-03-20 21:44:40 · 425 阅读 · 0 评论 -
JavascriptDOM对象小结
文档对象模型DOM(Document Object Mode)定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 例如: HTML代码分解DOM节点层次图: 元素节点:其中、、都是元素节点; 文本节点:向用户展示的内容,如中的Javascript、DOM、CSS等文本成为文本节点; 元素属性:元素的属性,如标签的链接属原创 2016-03-19 22:35:42 · 569 阅读 · 0 评论 -
非父子关系的情况下如何实现div层之间的覆盖?
例如要实现如图的点击按钮显示下拉框,并覆盖下方的图片,目前最有效的方法就是给其加absolute绝对定位;clic()函数实现点击弹出再点击隐藏,而about()和us()函数实现鼠标移到控件显示下拉框,鼠标移开隐藏下拉框。原创 2016-03-16 22:04:21 · 629 阅读 · 0 评论 -
手机版官网技术总结(一)
zepto.js和jQuery我觉得差不多,目前用到的API和方法里没有太大的差别,我对zepto最大的三点印象就是: 1、文件小,只有8K多 2、支持手机上的触摸事件,应用于手机版web 3、不支持IE浏览器 看了一篇博客讲了几点区别,但我没怎么遇到,这里贴一下[链接]原创 2016-08-30 13:14:33 · 776 阅读 · 0 评论