「 前端技术 」 August 20, 2018
Words count 8.5k Reading time 8 mins.
windows下64为安装包下载地址：https://nodejs.org/dist/v6.11.2/node-v6.11.2-x64.msi
安装后再cmd下运行：node -v 出现如下内容，...
「 前端技术 」 August 20, 2018
Words count 5.5k Reading time 5 mins.
学习摘录自：阮一峰老师博客：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html
Javascript 是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象，但是，它又不是真正的面向对象语言，因为他的语法中没有class类
那么，如果我们要把”属性”（property）和”方法”（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应...
Read article「 前端技术 」 August 20, 2018
Words count 2.1k Reading time 2 mins.
虽然现在前端框架很多，但是有时候还是会需要用到iframe的，在使用iframe的时候，为了美观一点，会尽量避免在父窗口中出现滚动条，在notebook这个项目案例中，也是大量使用了iframe，其中也有高度自适应，下面将用原生js和jQuery两种方法去实现高度自适应。
//初始化方法
adjIframe();
//调整父ifram的高度
var tmpHeight = 0;
var adjHeight=0;
function adjIframe() {...「 前端技术 」 August 20, 2018
Words count 3.7k Reading time 3 mins.
<ul>
<li id="one">1</li>
<li id="two">2</li>
<li id="three">3</li>
<li id="four">4</li>
</ul>
<script type="text/javascript">
$...「 前端技术 」 August 20, 2018
Words count 2.5k Reading time 2 mins.
/*flex*/
.fl{
display: flex;
}
.in-fl{
display: inline-flex;
}
/*flex-direction
row（默认值）：主轴为水平方向，起点在左端。
row-reverse：主轴为水平方向，起点在右端。
column：主轴为垂直方向，起点在上沿。
column-reverse：主轴为垂直方向，起点在下沿。
*/
.fd-ro{
flex-direction: row;
}
.fd...「 前端技术 」 August 19, 2018
Words count 2.2k Reading time 2 mins.
引入js
<link rel="stylesheet" href="skins/css/bootstrap.css">
<link rel="stylesheet" href="skins/css/fileinput.min.css">
<link rel="stylesheet" href="skins/css/font-awesome.css"...「 前端技术 」 August 19, 2018
Words count 5.5k Reading time 5 mins.
摘录学习自：阮一峰老师的博客：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html
现在有一个“动物“构造函数
function Animal() {
this.species = "动物";
}
还有一个“猫”的构造函数
function Cat(name,color) {
this.name = name;
this.color ...「 前端技术 」 August 19, 2018
Words count 1.1k Reading time 1 mins.
引入jquery.js和jquery.countdown.js
<script src="jquery.js"></script>
<script src="jquery.countdown.js"></script>
html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="...「 前端技术 」 August 19, 2018
Words count 14k Reading time 13 mins.
<!-- 页面结构 -->
<div class="ue-container" id="sandbox-container">
<!-- 验证信息nowrap -->
<form class="form-horizontal" id="saveForm" name="saveForm" onsubmit="return false">...