原创 百度地圖旋轉按鈕效果

由於項目的地圖需要,領導要求做一個控制地圖旋轉的效果,借用了百度地圖的圖片。 點擊兩邊箭頭分別順時針或逆時針 旋轉,點擊下方按鈕回到原來的位置。 原理很簡單,如下: <!DOCTYPE html> <html lang="en"> <

原创 vue.js經典實例代碼(持續更新中~)

按照傳統,首先輸出hello world. 1.數據綁定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>hello world

原创 jQuery動態添加內容

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格添加行列</title> </head> <body> <table> <tbody

原创 爲什麼說盡量少的操作DOM樹?

首先。想像一個場景,班上新來了幾個同學,然後班主任讓他們站在外面,開一次門放進來一個,然後介紹,是不是覺得這個班主任很煩?爲什麼不一次性都叫進來,對不對? DOM修改導致的頁面重繪、重新排版!重新排版是用戶阻塞的操作,同時,如果頻繁重排,

原创 如何遍歷數組?

1.while let index = 0; const array = [1,2,3,4,5,6]; while (index < array.length) { console.log(array[index]); ind

原创 Function.prototype.bind()

bind最直接的作用就是改變this的指向 . const William = { sex: '男', Nation: '諾曼人', work: '國王' }; const getSex = function () { con

原创 angular指令(內置指令)

內置指令的使用 對於指令的個人理解是,將一些經常會用到的方法(包括對數據的處理、對對象的綁定)進行封裝起來,從而使開發更加便利更加簡潔,也是項目模塊化的一種內在的表現形式。 表1.指令的相關問題 問題 答案 什麼是內

原创 package.json文件

目錄概述repositorybugsbrowserslistscriptsbinmandependencies&devDependencies 概述 參見:npm-package.json 每個項目的根目錄下面,一般都有一個pac

原创 JavaScript異步編程的6種方式

衆所周知 JavaScript 是單線程(single thread)工作,也就是隻有一個腳本執行完成後才能執行下一個腳本,兩個腳本不能同時執行,如果某個腳本耗時很長,後面的腳本都必須排隊等着,會拖延整個程序的執行。那麼如何讓程序像人類一

原创 告別難看的滾動條

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>

原创 從www.web.com輸入到頁面展現到底發生什麼?

打開瀏覽器從輸入網址www.web.com到網頁呈現,到底經歷怎麼樣的一個過程? 總結一下上圖的過程就是:瀏覽器通過向 DNS 服務器發送域名,DNS 服務器查詢到與域名相對應的 IP 地址,然後返回給瀏覽器,瀏覽器再將 IP 地址打在協

原创 JavaScript中的變量聲明: var、 const、let

在JavaScript中,有三個關鍵字可用於聲明變量,每個關鍵字都有其不同之處。它們是var、let和const。 它們的區別: 示例代碼: const person = "Nick"; person = "John" // Will

原创 webstorm

Ⅰ.修改hosts文件 windows:hosts文件路徑  C:\ Windows \ System32 \ drivers \ etc \ hosts  mac:hosts文件路徑:/ etc / hosts 在文件末尾添加: 0.0

原创 vue.js經典實例代碼

按照傳統,首先輸出hello world. 1.數據綁定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>hello world

原创 計算機體系結構

計算機體系結構前言一. 物理(電子的運動)二.器件(晶體管、二極管)三.模擬電路(放大器、濾波器)四.數字電路(邏輯門與、或、非)五.邏輯(加法器、存儲器)六.微體系結構(數據路徑控制器)七.體系結構(指令寄存器)八.操作系統(設備驅