2018年01月_胖胖我有点烦

原创使用JavaScript实现简单的瀑布流

效果截图基本思路每行展示固定数目的图片（假设为5），第一行从左至右依次展示5张图片，第6张放在前5张中高度最小的那张下方，第7张放在前6张中整体高度最小的那张下方，第8张放在前7张中整体高度最小的那张下方.......整体高度：每一列的所有图片高度之和以及padding、margin、border（如果有的话）之和代码部分HTML

2018-01-23 20:04:32 321

原创使用canvas实现简单的时钟效果

这次要借助canvas实现时钟效果，展示当前时间，形状为圆形。完整实现效果截图如上关键点时钟效果的实现主要分为3部分1、绘制表盘、大小刻度、1~12 等静态部分的绘制2、展示当前时间3、时针、分针和秒针动起来绘制静态部分首先得到canvas和canvas的绘图环境var canvas=document.getElementById("canv

2018-01-21 23:15:05 1668

原创 git 的简单使用

git是一个分布式版本控制系统。git的安装自行百度。如何判断是否安装成功？在命令行中输入 git --version 。出现git版本号则安装成功。1、新建文件夹mkdir demo2、初始化这个文件夹，把它变成git可以管理的仓库cd demogit initdemo目录中...

2018-01-19 21:13:03 326

原创 px、em、rem

px、em、rem都是用来描述字体大小的单位pxpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。任意浏览器的默认字体大小都是16px。给HTML标签设置font-size属性并赋值，将根据设置的值显示字体，其子标签若没有单独设置font-size，子标签的字体大小和父标签一致。否则，按设置的值显示。支持度：目前所有浏览器。

2018-01-19 20:32:07 405

原创使用canvas实现倒计时效果

假设现在离新闻联播开始还有3分钟21秒。现在要通过canvas实现这个以03:21开始以00：00结束的倒计时。问题的关键在于，如何通过canvas绘制03:21 、02:36。简化问题，我们可以使用canvas绘制0、3、"："、2、1形状的图画，时间改变，再次重新绘制即可。绘制数字和符号“：”以绘制数字0为例，0的绘制可以借助一个二维数组。 var arc=[ [0,0,1,1,1,0

2018-01-18 01:36:32 3259

经常能看到各种各样的图片轮播，下面就从简单到复杂一步步完成一个图片轮播效果效果1这一步需要实现的结果如下图所示关键点：1、多张照片叠加，每次只能看到一张照片。2、点击任意圆点，显示对应顺序的图片（点击第一个圆点，显示第一张图片,第一个圆点改为红色，点击第三个圆点，显示第三张图片，第三个圆点改为红色）。第二点的关键处在于，如何通过JavaScript得到点击的是第几个圆点。转换一下思路，点击的圆点是

2018-01-17 23:00:42 1861

原创 iframe

在看公司数据平台代码时，发现一些地方使用了iframe标签。虽没有使用过iframe，但是一直听说尽量不要使用iframe。so,借此机会了解一下到底为什么。iframe标签所有的浏览器都支持标签。iframe元素会创建包含另一个文档的内联框架（即行内框架）。可以把需要的文本放置在和之间，这样就可以应对无法理解 iframe 的浏览器。简

2018-01-17 00:50:27 335

原创 Cookie

什么是Cookie?Cookie是指某些网站为了辨别用户身份而存储在用户本地终端上的数据（通常经过加密）。为什么要辨别用户身份？很多时候Web应用是有状态的，需要保存用户登录的身份信息，一般的购物网站就是如此。然而，服务器使用HTTP与Web应用进行信息交流。HTTP协议是无状态的协议，无状态协议是指web应用每次向服务器发送的请求都是独立的HTTP连接。Web应用和服务器会在第一个请求完成后关闭...

2018-01-16 21:36:33 285

JiangLittleBai的博客