- 博客(11)
- 收藏
- 关注
原创 简单说 JavaScript实现雪花飘落效果
说明这是实现的雪花飘落的效果很简单,主要是为了练习练习JavaScript中的定时器,setTimeout 和 setInterval。 效果图解释setTimeout() setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。 var timerId = setTimeout(func|code, delay
2017-11-26 14:40:46
6930
原创 简单说 chrome浏览器 必知必会的小技巧
说明这篇文章主要介绍的就是一些chrome浏览器的小技巧,很简单,希望对大家有所帮助。 这其中的一些小技巧在低版本中是没有的,所以建议大家用最新版的,目前,我用的是62 快捷键快捷键比较多,这里挑出几个常用的说一下 最后会给出一张比较完整的快捷键的表 下列快捷键可以在所有 开发者工具 面板中可以使用 全局快捷键 window Mac 打开 开发者工具 F12、C
2017-11-22 15:55:22
6160
原创 倒计时效果
知识点JavaScript Date (日期对象)Date() 返回当前的日期和时间getDate() 查看date对象并返回日期(1-31)getDay() 返回星期(0-6)getHours() 返回小时数(0-23)getMinutes() 返回分钟数(0-59)getMonth() 返回月份值(0-11,当前月份+1)getSeconds()
2017-10-18 15:47:06
301
原创 2017常见前端面试题
1、谈谈对前端安全的理解,有什么,怎么防范前端安全问题主要有XSS、CSRF攻击。XSS:跨站脚本攻击它允许用户将恶意代码植入到提供给其他用户使用的页面中,可以简单的理解为一种JavaScript代码注入。 XSS的防御措施:过滤转义输入输出避免使用eval、new Function等执行字符串的方法,除非确定字符串和用户输入无关。使用cookie的httpOnly属性,加
2017-10-09 11:32:41
600
原创 使用CSS完成元素居中的七种方法
在网页上使html元素居中看似一件很简单的事情,至少在某些情况下是这样的,但是复杂的布局往往使一些解决方案不能很好的发挥作用。在网页布局中元素水平居中比元素垂直居中要简单不少,同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代,我们很难确切的知道元素的准确高度和宽度,所以一些方案不大适用。据我所知,在CSS中至少有6种实现居中的方法。我将使用下面的html结构从简单到复杂开始讲解:<di
2017-09-27 15:45:16
311
原创 常用的网页加载进度条之【制作进度条】
一、课程介绍随着HTML5的普及,各种CSS3动画及JS特效在网页中层出不穷,PC端载入数据的速度还算可以,移动端相对要慢得多,如果图片或脚本没有完全载入,用户在操作中可能会发生各种问题,因此我们需要对数据载入进行侦测,以更快人性化的方式给用户展现。下来我们通过几个页面来看一下网上有哪些常见的进度条。(1)阿里的字体库阿里字体库会发现有个等待的小动画,那三个变换的小圈圈,这个页面比
2017-09-20 21:21:53
1015
原创 使用jQuery做网页定位导航特效(下)
网页定位导航特效(下)一、特效分析左侧是内容,右侧是悬浮的导航菜单,左侧滚动时,右侧内容不改变位置;点击右侧链接,左侧定位到相应栏目,左侧滚动到相应栏目,右侧定位到对应链接。重难点:左侧栏目和右侧导航菜单的显示样式实现导航与滚动条之间的定位关联 二、特效设计技术点:锚点(anchor)—网页制作中超链接的一种,页面内的超级链接关于滚动条定位的事件和方法
2017-09-16 17:02:09
733
原创 使用JavaScript做网页定位导航特效(上)
网页定位导航特效(上)一、特效分析左侧是内容,右侧是悬浮的导航菜单,左侧滚动时,右侧内容不改变位置;点击右侧链接,左侧定位到相应栏目,左侧滚动到相应栏目,右侧定位到对应链接。重难点:左侧栏目和右侧导航菜单的显示样式实现导航与滚动条之间的定位关联 二、特效设计技术点:锚点(anchor)—网页制作中超链接的一种,页面内的超级链接关于滚动条定位的事件和方法1、onscroll:当用户滚动指定的
2017-09-16 15:59:52
1215
原创 使用jQuery做简单的图片轮播效果
使用jQuery做简单的图片轮播效果一、本特效主要用到的前端知识点CSS中绝对定位(absolute)CSS实现垂直居中jQuery中简单的淡入淡出动画效果(fadeIn,fadeOut)定时器(setInterval,clearInterval)jQuery中增删类(addClass,removeClass)二、特效分析网页开始加载的时候,图片开始做轮播,效果为淡入淡出。当轮播到最后
2017-09-08 15:12:55
9826
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人