Web前端 专栏

摘要: 由于在网站中需要实现限制登录后才到主页的功能,因此特地看了一下相关知识。其实就是通过过滤器检测过滤,达到控制页面的跳转。 其中的java源码如下:package filter;/** * Created by WUjinqiu on 2016/12/11. */import java.io.IOE 阅读全文

Publish © 2016/12/15 16:57:25 HarvestWu 阅读(197)


摘要: 可能我们在看一些网页的源码时 ,会发现自己从来没见过的属性或用法 ,今天我就来总结一下 ,CSS3的冷知识。样式计算在CSS中也可以进行简单的计算,通过calc函数可以实现 ,这样还可以使我们的元素自适应 ,当然计算的值应该是合法的值.demo{ width:calc(100%-500px); 阅读全文

Publish © 2016/12/15 15:35:03 RaTsui 阅读(139)


摘要: 在开始之前,先看一个示列。淘宝的侧边栏滚动与固定。一开始滚动的时候,右边的侧边栏是会随着滚轮的滚动一起滚动的,当侧边栏碰到窗口顶部的时候,侧边栏就固定不动了。可以看到,滚动条都到了一半的位置,侧边栏还是在顶端固定不动的。实现这个功能还是比较容易的。js+定位就可以实现。下面是一个简单的例子。实现的原 阅读全文

Publish © 2016/11/30 17:33:16 20158557 阅读(304)


摘要: 关于CSS基础写法:4种加入样式表的方式,3种对标签样式,此处省略了独立CSS文件实例.导入式 将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,标记也是写在标记中,使用的语法如下: @import"mystyle.css"; 此处要注意.css文件的路径 导入式 阅读全文

Publish © 2016/10/15 1:03:39 20158767 阅读(161)


摘要: 前些时间用canvas和js基本上写出了贪吃蛇。一开始做复试题的时候,本来也想做贪吃蛇的,那时候觉得自己能力没达到吧。后来,觉得自己也应该试着写一写,写着写着就做出来了,虽然还有些bug,但是基本上算是实现了的。其中用到了几个小技巧:①绘制蛇身的时候,可以先产生一些更小范围的数字,然后再填充的时候, 阅读全文

Publish © 2016/10/14 23:43:59 20158557 阅读(135)


摘要: canvas中有一个方法是clearRect(),在给定的矩形内清除指定的像素,例子如下:样式:div{ text-align:center; margin-top:100px; } canvas{ border:1pxsolidblack; padding:1px; }html代码: 阅读全文

Publish © 2016/10/8 19:48:25 20158557 阅读(452)


摘要: CSS position属性的两个常用属性值:relative(相对定位),absolute(绝对定位)相对定位简单的来说就是相对于它原本出现的位置。比如下面例子:(原文链接:http://www.w3school.com.cn/css/css_positioning.asp)如果将 top 设置为 阅读全文

Publish © 2016/9/23 17:55:15 20158557 阅读(177)


摘要: 原文:https://dev.opera.com/articles/flexbox-basics/简介:在很多方面HTML和CSS是一个强大的内容发布机制——易学、灵活和强大。但复杂的布局是他不擅长的。如果你想创建一个简单的图片与文本的布局,那么还算简单,但是制作一个复杂的多列布局,要做的众多浏览器 阅读全文

Publish © 2016/9/20 11:15:54 20133475 阅读(170)


摘要: 今天要分享的内容是一个概念css。CSS到底是什么。首先CSS的全称叫做Cascading Style Sheets(中文名称大概也许可能叫做 ”层叠样式表“).既然CSS是三个英文单词的简写,那么我们就分别来看这三个英文单词各种是什么意思。Sheets:翻译成中文是表单的意思。在日常生活中表单当中 阅读全文

Publish © 2016/9/16 14:55:42 Shawn 阅读(240)


摘要: 今天要分享的内容是“因你相对我才绝对”(PS:怎么听上去辣么像表白呢)那么还是请出我们的主角:positionposition(中文翻译过来叫“定位”)常见的属性有static,relative,absolute,fixed。顺便额外引入一个说法叫TRBL(top,right,bottom,left 阅读全文

Publish © 2016/9/16 14:53:40 Shawn 阅读(165)