原创 js 算法 筆記

簡單算法： 字符串  數組  正則  排序  遞歸 字符串： 反轉字符串中的單詞： 給定一個字符串，需要反轉字符串中的每個單詞的字符順序，同時仍保留空格和單詞的初始順序 示例： 輸入 "Let's take LeetCode contes

2020-04-17 03:32:10

原创 前端初級JavaScript面試題

高效學習步驟：找準知識體系；刻意訓練；及時反饋； 知識體系：結構化的知識範圍 涵蓋所有的知識點：結構化，有組織，易擴展 梳理： w3c標準：前端的標準，dom操作，事件綁定這些 ECMA 262標準：js語言的語法標準 開發環境：代碼管理

2020-04-17 03:32:10

原创 html部分（包括瀏覽器的兼容）知識總結

HTML部分 1、結構樣式：width、height、background、border、padding、margin； 2、複合屬性：background、border、padding、margin、f

2018-08-25 16:26:41

原创 完整的boostrap佈局頁面

實現的效果圖 <!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8" /> <title>boostrap_01_實例</title> <link href="css/

2018-08-25 16:26:41

原创 移動端佈局頁面實現

目前在的手機的大小有很多，所以要做到頁面適應每一個手機頁面，不僅麻煩，而且不利於後期維護。 解決方法： <script> var pixclPatio = 1 / window.devicePixelRatio; document.w

2018-08-25 16:26:39 1

原创 “裏裏外外”的ajax

1、ajax主要是做什麼？ 數據交互 2、ajax流程（模擬）：打開瀏覽器、在地址欄輸入地址、提交、等待服務器返回內容 “打開瀏覽器” 創建一個對象：var xhr = new XMLHttpRequest(); 但是有個兼容問題，僅限i

2018-08-25 16:26:39 1

原创 未知寬高img的居中問題

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <styl

2018-08-25 16:26:39

原创 圖片倒計時實現原理--js

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系統時間對象</titl

2018-08-25 16:26:39 1

原创 boostrap頁面佈局以及功能實現

頁面涉及html+css+jQuery+boostrap <!DOCTYPE html> <html> <head leng="en"> <meta charset="utf-8" /> <title>boostrap-佈局-實例2</t

2018-08-25 16:26:39

原创 工作中jQuery常用實例-主要功能總結整理

1、jQuery鼠標經過選項卡內容切換代碼 引入jQuery庫，<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> 主要代碼jQuery代碼： <sc

2018-08-25 16:26:39 1

原创 tab切換

源於之前根據jQuery寫的js庫。 原理：1、通過find方法獲取需求的子元素（aLI、aCont（內容））；             2、aLI（目標元素），通過click方法，將aLI的attr中的className全部設置成鼠標未

2018-08-25 16:26:39 4

原创 基礎延遲定時器原理--js

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>基礎延遲定時器</tit

2018-08-25 16:26:39

原创 index首頁佈局

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>商務網站</title> <link href="css/style.css" rel="stylesheet"

2018-08-25 16:26:31 2

原创 jquery實例以及常用jQuery主要功能實現

1、頁面分析、規劃（頁面的目錄劃分，結構樣式分離：創建樣式表，js文件以及ico圖標） 2、模塊化搭建頁面結構，編寫佈局模塊樣式，公共樣式提取 默認樣式重置： body, h1, h2, h3, h4, h5, p, dl, dd, ul

2018-08-25 16:26:31

原创 工作中boostrap常用實例-主要功能總結

1、Bootstrap 滾動監聽（Scrollspy）插件 滾動監聽（Scrollspy）插件，即自動更新導航插件，會根據滾動條的位置自動更新對應的導航目標。其基本的實現是隨着滾動，基於滾動條的位置嚮導航欄添加 .active clas

2018-08-25 16:26:31 1