上一页 1 2 3 4 5 6 7 8 ··· 20 下一页
摘要: 我们上网经常会遇到第一次需要登录而之后不用再登录的网站的情况,其实是运用了Cookie 存储 web 页面的用户信息,Cookie 以名/值对形式存储,当浏览器从服务器上请求 web 页面时, 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息l。 今天的这个效果:第 阅读全文
posted @ 2019-03-24 15:58 1565783227 阅读(492) 评论(0) 推荐(0)
摘要: 当页面过长时,通常会在页面下方有一个返回顶部的button,总结一下,大概三种实现方法,下面说下各方法及优缺点。 方法一 锚点定位 ? 1 <a href="#" class="top" id="top">返回頂部</a> ? 1 <a href="#" class="top" id="top">返 阅读全文
posted @ 2019-03-24 15:53 1565783227 阅读(2285) 评论(0) 推荐(0)
摘要: 作为前端开发人员的必修课,CSS3翻转能带我们完成许多基本动效,本期我们将用CSS3实现hover翻转效果~ 第一步非常简单,我们简单画1个演示方块,为其 添加transition和transform属性 : ? 1 2 3 4 5 6 7 8 9 10 11 // 本示例均使用Sass语法 .bl 阅读全文
posted @ 2019-03-24 15:49 1565783227 阅读(10135) 评论(1) 推荐(0)
摘要: 关于日历插件,我做了好多次尝试,一直致力于开发一款简单易用的日历控件。我的想法是争取在引用这个控件后,用一行js代码就能做出一个日历,若在加点参数,就能自定义外观和功能丰富多彩的日历。Calendar 3.1是我初步满意的一个作品。 日历的常用场景有两种,一种是用在日期选择器里面,比如某个位置需要输 阅读全文
posted @ 2019-03-24 11:22 1565783227 阅读(1679) 评论(0) 推荐(0)
摘要: 需求: 抽奖代码最多可以抽奖5次,而且,每次只会中“2000元理财金”或者“谢谢参与”,其它的不会抽中(哈哈,果然都是套路)。 效果如下: 一、页面结构: ? 1 2 3 4 5 6 7 8 9 10 11 12 <div class="g-content"> <div class="g-lotte 阅读全文
posted @ 2019-03-24 10:38 1565783227 阅读(785) 评论(0) 推荐(0)
摘要: 瀑布流的布局自我感觉还是很吸引人的,最近又看到实现瀑布流这个做法,在这里记录下,特别的,感觉flex布局实现瀑布流还是有点懵的样子,不过现在就可以明白它的原理了 1.multi-column多列布局实现瀑布流 先简单的讲下multi-column相关的部分属性 column-count设置列数col 阅读全文
posted @ 2019-03-24 10:31 1565783227 阅读(1443) 评论(0) 推荐(0)
摘要: 如何拖拽图片到指定位置,具体方法如下 在从本地上传图片的时候,如果使用拖拽效果,想想应该是更加的高大上,下面直接上js代码 完整代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 阅读全文
posted @ 2019-03-24 10:26 1565783227 阅读(1570) 评论(0) 推荐(0)
摘要: 经过这几天的博客浏览,让我见识大涨,其中有一篇让我感触犹深,JavaScript语言本身是没有面向对象的,但是那些大神们却深深的模拟出来了面向对象,让我震撼不已。本篇博客就是在此基础上加上自己的认知,如有错误,还请见谅。 具体来说实现模拟面向对象主要是利用JavaScript函数闭包这个概念css3 阅读全文
posted @ 2019-03-23 20:04 1565783227 阅读(247) 评论(0) 推荐(0)
摘要: js代码暂时性死区 只要块级作用域存在let命令,它所声明的变量就“绑定”这个区域,不再受外部的影响。这么说可能有些抽象,举个例子: ? 1 2 3 4 5 var temp = 123; if(true) { console.log(temp); let temp; } ? 1 2 3 4 5 v 阅读全文
posted @ 2019-03-23 19:53 1565783227 阅读(264) 评论(0) 推荐(0)
摘要: setTimeout()函数:用来指定某个函数或某段代码在多少毫秒之后执行。它返回一个整数,表示定时器timer的编号,可以用来取消该定时器。 例子 ? 1 2 3 4 5 console.log(1); setTimeout(function () { console.log(2); }, 0); 阅读全文
posted @ 2019-03-23 19:41 1565783227 阅读(1027) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 8 ··· 20 下一页