2018年03月_fifthThirteen

原创 CSS学习篇之需要了解的CSS变量

1. 如何声明变量:root { --margin: 20px; --font-size: calc(20px * 2); --color: black; --background-color: #FFF;}变量声明的时候，在变量名之前加两根连词线(--)；它们与color、font-size等正式属性并无不同，只是没有默认含义。所以CSS变量又被称为“C...

2018-03-28 22:44:28 320

原创前端常用编辑器Sublime Text3 用法及常用插件的安装使用（包含MarkDown语法及插件）

总有一款编辑器让你见到它，就舍不得离开它，很显然，在我第一次使用sublime text之后，就再也不想使用其他编辑器了！简洁，酷炫，各种小插件的搭配使用（方便）! 所以，如果没有使用过的，不妨一试！点击下载当然，仅仅只是单纯的使用它是没有你想象中的方便的，还得搭配前端使用的各种小插件，下面是如何安装，删除，更新插件的步骤：安装Subl...

2018-03-27 14:25:04 11867 1

原创 javaScript 基础学习篇之字符串-Base64转码

有时，文本里面包含一些不可打印的符号，比如 ASCII 码0到31的符号都无法打印出来，这时可以使用 Base64 编码，将它们转成可以打印的字符。另一个场景是，有时需要以文本格式传递二进制数据，那么也可以使用 Base64 编码。所谓 Base64 就是一种编码方法，可以将任意值转成 0～9、A～Z、a-z、+和/这64个字符组成的可打印字符。使用它的主要目的，不是为了加密，而是为了不出现特殊字...

2018-03-23 00:30:06 455

原创 javaScript 基础学习篇之数值 isNaN(),parseInt(),parseFloat(),isFinite()

1. 关于整数和浮点数，在JavaScript中，所有数字都是以64位浮点数形式储存，即使是整数也是如此。也就是是说，1与1.0是严格相等的。1 === 1.0 // true 这就是说，JavaScript 语言的底层根本没有整数，所有数字都是小数（64位浮点数）。容易造成混淆的是，某些运算只有整数才能完成，此时 JavaScript 会自动把64位浮点数，转成32位...

2018-03-23 00:03:41 1219

原创各知名网站初始化样式整理

在各个不同游览器内核渲染引擎的作用下，对于html标签纷纷定义了它们自己的样式，为了方便开发，使制作的网页效果能在不同的游览器上呈现出相同的效果，一般会在页面中引入初始化样式文件表(reset.css);以下是在网上收录的各大知名网站的初始化样式：腾讯：body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input...

2018-03-20 22:50:51 239

转载简单说 JavaScript实现雪花飘落效果

说明这次实现的雪花飘落的效果很简单，主要是为了练习练习JavaScript中的定时器，setTimeout 和 setInterval。效果图解释setTimeout() setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。var timerId = setTimeout(func|code, delay)上面代码中...

2018-03-20 19:37:41 425

转载 JavaScript实现满天星导航栏

说明分享一个满天星导航栏的效果，代码不多，但效果挺好看，先看看效果图吧。解释实现这个效果，需要掌握的知识不用很多，知道简单的CSS，会用JS 获取元素，能绑定事件基本就足够了。好的，我们直接来看代码，注释已经写的很详细了，不想看有注释的，点这里。<!doctype html><html lang="en"> <head> <meta chars...

2018-03-20 19:35:35 243

转载详解清除浮动的多种方式（clearfix）

说明本文适合知道HTML 与 CSS基础知识的读者，或者想要了解清除浮动背后原理的读者！1.什么是浮动首先我们需要知道定位元素在页面中的位置就是定位，解决问题之前我们先来了解下几种定位方式 1、普通流定位 static（默认方式）普通流定位，又称为文档流定位，是页面元素的默认定位方式页面中的块级元素：按照从上到下的方式逐个排列页面中的行内元素：按照从左到右的方式逐个排列但是如何让多个块级...

2018-03-20 19:34:22 138

转载简单说 chrome浏览器必知必会的小技巧

说明这篇文章主要介绍的就是一些chrome浏览器的小技巧，很简单，希望对大家有所帮助。这其中的一些小技巧在低版本中是没有的，所以建议大家用最新版的，目前最新版是62，版本很重要，如果发现有些技巧不起作用，请先查看浏览器的版本。快捷键快捷键比较多，这里挑出几个常用的说一下最后会给出一张比较完整的快捷键的表下列快捷键可以在所有开发者工具面板中可以使用全局快捷键windowMac打开开发者工具...

2018-03-20 19:31:31 231

原创 javaScript 基础学习篇之break 语句和 continue 语句

break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。break语句用于跳出循环。var i = 0;while (i < 100) { console.log(i); i++; if (i === 10) break;}// 控制台输出结果为：0 1 2 3 4 5 6 7 8 9上面代码只会执行10次循环，一旦i等于1...

2018-03-20 10:19:07 205

fifthThirteen-- A Rookie Web Front-end development