原创 第三章 表達式和運算符筆記摘要

表達式 JS中的一個短語,解釋器會將其計算出一個結果。 變量名也是一種簡單的表達式,它的值就是複製給變量的值。 複雜表達式:使用運算符,由簡單表達式組成 原始表達式 表達式的最小單位,包含常量或直接量、關鍵字和變量 //直

原创 彈性盒模型

Flexble Box 彈性容器(flex container) 彈性子元素(flex item) 主軸(main axis)、側軸(cross axis) 彈性子元素排列起始位置:主軸開始(main start)、側軸開始

原创 第四章 javascript的語句、對象、屬性筆記摘要

塊block 快語句常用於組合0-多個語句。用一對{}定義 表達式語句 greeting ="Hello"+name;//賦值語句 i*=3; count++; delete o.x; //刪除 alert(gre

原创 JavaScript事件

事件舉例 1.onmouseout和onmouseover //鼠標經過“World”,鼠標移出“Hello” <div class="div" onmouseout="onOut(this)" onmouseover="onO

原创 JavaScript瀏覽器對象

window對象 window對象 1.BOM的核心,當前瀏覽器的窗口 2.所有Javascript全局對象、函數、變量將自動成爲window對象 3.全局對象是window對象的屬性,HTML的DOM也是window對象

原创 CSS揭祕 第二章 背景與邊框

半透明邊框 body{ background: url("02.jpg") no-repeat; } .box{ width: 200px; height:150px; margin: 40px ;

原创 JavaScript移動

分享欄 1.初始 HTML <div class="move_box" id="move_box"> <img src="img/move_pic.jpg" > <span>分享</span> </div> CSS <s

原创 H5 canvas

canvas和svg canvas: javaScript動態生成。“位圖”,適用於像素處理和動態渲染。修改需要重繪 svg:xml靜態生成。“矢量圖”,不需要重繪 canvas基本結構 html <canvas id="canvas

原创 輪播圖(一)原生js

1.大框架,獲取需要用到的html元素並定義js變量 window.onload=function () { var container=document.getElementById('container'); var

原创 CSS揭祕 第一章 引言

瀏覽器前綴 Firefox的-moz- IE的-ms- Opera的-o- Safari和Chrome的-webkit- CSS編碼技巧 .button{ width: 150px; height: 60px;

原创 JavaScript排序方法

冒泡排序 <script type="text/javascript" charset="UTF-8"> var arr=[1,8,9,6,7,5,4]; for(var i=0; i<arr.l

原创 JavaScript常見字符串方法

短橫變駝峯 student-man-xiaoming 變爲studentManXiaoming 方法1: (1)用字符串的split方法變爲數組 (2)遍歷數組每一項,首字母都變爲大寫,然後與剩餘字母連接join <scri

原创 JavaScript高級程序設計 第二章 在HTML中使用javascript

< script >元素 6個屬性: async:可選。表示應該立即下載腳本,但不妨礙頁面中的其他操作。只對外部腳本文件有用。 charset:可選。通過src屬性指定的代碼字符串,少用 defer:可選。表示腳本可以延遲到文檔 lan

原创 CSS深入理解(2)z-index

1.支持負值 2.支持CSS3 animation動畫 z-index與CSS定位屬性 position:relative/absolute/fixed/sticky 定位元素未發生嵌套 1.後來居上 2.數值大的就在上 定位元素

原创 jquery選擇器

基礎選擇器 $("divId")id選擇器 $("a") 元素選擇器 $(".class1") 類選擇器 $("*") 所有選擇器 $("#divId,a,.class2") ","間隔 層次選擇器 $(.class div)子代