原创 javascript中通俗易懂的this指向
JavaScript 的 this 總是指向一個對象，而具體指向哪個對象是在運行時基於函數的執行環境動態綁定的，在具體的實際應用中，this的指向大致可以分爲以下4種。 1、作爲對象的方法調用 當函數作爲對象的方法被調用時，thi
2020-06-15 17:09:56
原创 JavaScript中的apply()方法和call()方法
相同點： apply和call方法都是Function.prototype原型中，他們可以改變this的指向，而且都是直接調用函數 不同點： apply：參數傳入的是數組 call：參數傳入的是一個一個的 <!DOCTYPE h
2020-02-22 19:13:43
原创 用js實現五子棋
思路： 1、先用canvas畫五子棋的棋盤 2、獲取鼠標點擊的位置 3、根據鼠標點擊的位置判斷，並畫棋子 4、根據下的棋子判斷是否贏了 <!DOCTYPE html> <html> <head lang="en"> <meta c
2020-02-22 19:13:43
19
原创 使用純CSS3實現轉動時鐘案例
使用純CSS3屬性來實現轉動時鐘 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style>
2020-02-22 19:13:43
原创 CSS3背景圖片尺寸屬性
1、background-origin 規定 background-position 屬性相對於什麼位置來定位 a、padding-box 背景圖像相對於內邊距框來定位 b、border-box 背景圖像相對於邊框盒來定位 c、cont
2020-02-22 19:13:43
原创 js中函數可以作爲參數和返回值
js中函數可以作爲參數和返回值，來看看下面的排序 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head
2020-02-22 19:13:43
原创 js中的閉包
定義：只有函數內部的子函數才能讀取函數的局部變量，因此可以把閉包簡單理解成“定義在一個函數內部的函數，並且返回了該內部函數” <!DOCTYPE html> <html> <head lang="en"> <meta charse
2020-02-22 19:13:43
原创 使用canvas實現行走的小人動畫
用canvas實現朝四個方向行走的小人，也可是使用鍵盤方向鍵操作行走的方向，其實就是用canvas不停的清除重畫 <!DOCTYPE html> <html> <head lang="en"> <meta charset="U
2020-02-22 19:13:43
原创 使用Html5實現手風琴案例
使用H5實現橫向的手風琴功能 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style>
2020-02-22 19:13:43
原创 js頁面跳轉並傳值的常用方法
在前端開發中我們常常需要從一個跳到另一個頁面，並且將當前頁面的數據傳遞過去，我常用下面兩種方法 1、在url路徑後面帶參數，參數與url之間用?隔開，參數與參數之間用&符隔開 window.location.href = "a.htm
2020-02-22 19:13:43
1
原创 用canvas實現圍繞旋轉動畫
使用canvas的convas來實現圍繞旋轉動畫，外圈順時針，裏層逆時針 代碼demo鏈接地址 代碼demo鏈接地址 html文件 <!DOCTYPE html> <html> <head lang="en"> <meta c
2020-02-22 19:13:43
原创 javascript設計模式之代理模式
代理模式：爲其他對象提供一種代理以便控制對這個對象的訪問。由於一個對象不能直接引用另一個對象，所以需要通過代理對象在這兩個對象之間起到中介的作用。 虛擬代理 虛擬代理在web開發中是比較常用的代理模式，例如圖片的預加載，當圖片過大或者
2019-04-19 01:01:51
原创 javascript設計模式之適配器模式
適配器模式：將一個類（對象）的接口（方法或者屬性）轉化成另外一個接口，以滿足用戶需求，使類（對象）之間接口的不兼容問題通過適配器得以解決 數據的適配 數據的適配在前端中是非常常見的場景，它解決了前後端的數據依賴。有的時候服務器傳遞過來
2019-04-10 00:48:11
原创 javascript設計模式之原型模式
原型模式（prototype）：用原型實例指向創建對象的類，使用於創建新的對象的類共享原型對象的屬性以及方法。其實原型模式也是一種繼承，所以原型模式也是javascript語言的靈魂。 先寫一個士兵基類 var Soldier = f
2019-04-03 00:42:05
原创 javascript設計模式之建造者模式
建造者是指將一個複雜的構建與其表示相分離，使得同樣的構建過程可以創建不同的表示。 比如我們以簡歷模板爲例，有求職者、技能、職位、描述的等等一些功能。 // 創建一個人類 var Human = function(phone, sk
2019-03-27 00:47:43