css
文章平均质量分 72
WJM_Aunt
愿我们,都有能力爱自己,有余力爱别人……
展开
-
使用JavaScript做网页定位导航特效(上)
网页定位导航特效(上)一、特效分析左侧是内容,右侧是悬浮的导航菜单,左侧滚动时,右侧内容不改变位置;点击右侧链接,左侧定位到相应栏目,左侧滚动到相应栏目,右侧定位到对应链接。重难点:左侧栏目和右侧导航菜单的显示样式实现导航与滚动条之间的定位关联 二、特效设计技术点:锚点(anchor)—网页制作中超链接的一种,页面内的超级链接关于滚动条定位的事件和方法1、onscroll:当用户滚动指定的原创 2017-09-16 15:59:52 · 1158 阅读 · 0 评论 -
使用CSS完成元素居中的七种方法
在网页上使html元素居中看似一件很简单的事情,至少在某些情况下是这样的,但是复杂的布局往往使一些解决方案不能很好的发挥作用。在网页布局中元素水平居中比元素垂直居中要简单不少,同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代,我们很难确切的知道元素的准确高度和宽度,所以一些方案不大适用。据我所知,在CSS中至少有6种实现居中的方法。我将使用下面的html结构从简单到复杂开始讲解:<di原创 2017-09-27 15:45:16 · 290 阅读 · 0 评论 -
使用jQuery做网页定位导航特效(下)
网页定位导航特效(下)一、特效分析左侧是内容,右侧是悬浮的导航菜单,左侧滚动时,右侧内容不改变位置;点击右侧链接,左侧定位到相应栏目,左侧滚动到相应栏目,右侧定位到对应链接。重难点:左侧栏目和右侧导航菜单的显示样式实现导航与滚动条之间的定位关联 二、特效设计技术点:锚点(anchor)—网页制作中超链接的一种,页面内的超级链接关于滚动条定位的事件和方法原创 2017-09-16 17:02:09 · 699 阅读 · 0 评论 -
常用的网页加载进度条之【实时获取加载数据的进度条】
常用的网页加载进度条之【实时获取加载数据的进度条】原创 2017-09-28 11:01:41 · 3705 阅读 · 1 评论 -
常用的网页加载进度条之【制作进度条】
一、课程介绍随着HTML5的普及,各种CSS3动画及JS特效在网页中层出不穷,PC端载入数据的速度还算可以,移动端相对要慢得多,如果图片或脚本没有完全载入,用户在操作中可能会发生各种问题,因此我们需要对数据载入进行侦测,以更快人性化的方式给用户展现。下来我们通过几个页面来看一下网上有哪些常见的进度条。(1)阿里的字体库阿里字体库会发现有个等待的小动画,那三个变换的小圈圈,这个页面比原创 2017-09-20 21:21:53 · 889 阅读 · 0 评论 -
常用的网页加载进度条之【定位在头部的进度条】
常用的网页加载进度条之【定位在头部的进度条】原创 2017-09-28 11:00:46 · 980 阅读 · 0 评论 -
2017常见前端面试题
1、谈谈对前端安全的理解,有什么,怎么防范前端安全问题主要有XSS、CSRF攻击。XSS:跨站脚本攻击它允许用户将恶意代码植入到提供给其他用户使用的页面中,可以简单的理解为一种JavaScript代码注入。 XSS的防御措施:过滤转义输入输出避免使用eval、new Function等执行字符串的方法,除非确定字符串和用户输入无关。使用cookie的httpOnly属性,加原创 2017-10-09 11:32:41 · 565 阅读 · 0 评论