原创 來幾個js的簡單算法

前一陣去今日頭條面試,兩輪面試官都讓手撕算法,撕完了還要在電腦上能運行,這倒是提醒我了一點,不能因爲前端對算法要求沒有客戶端高就忽視它,只要是一個軟件開發人員,就一定要有良好的算法基礎。話不多說,現在來撕吧,哈哈哈~ 第一題 嵌套

原创 iframe標籤之父子元素互訪

我們的項目有一個這樣的特點,就是頂部,底部,側欄部分全都是固定的也就是中間部分隨着側欄或頂欄的選擇和出現不同的頁面,在這種情況下我學習了一個標籤,叫做iframe,今天我們來好好研究它。 什麼是iframe? iframe 元素會

原创 JavaScript之return那些事

在javascript中我們用到return常常在兩個地方,第一個調用方法中,第二個是在方法返回中,我們來看看它具體怎麼用。 調用方法: οnclick=”return click()”;或者οnclick=”click()”

原创 事件冒泡

最近在跟學姐還有一羣小夥伴們們給老師做一個項目,第一次做真實的項目而且是特別正式的那種,最我這種菜鳥來說簡直了,各種問題都出來了,以前想不到的,甚至以前遇到的問題都跑出來了,最近發的博客可能都與解決這些問題有關,今天我來講講事件冒

原创 淺談cookie

淺談cookie 這一陣在做一個小的項目,叫做西郵成績,因爲在代碼設計中牽扯到了跳轉頁面仍需保存用戶信息的問題,查詢後知道了這是一個叫做cookie的玩意,所以我在網上找了一些資料來分享一下我知道的cookie那些事。 1.什麼是

原创 Dom對象方法的理解

Dom—文檔對象模型(Document Object Model),組織頁面(或文檔)的對象被組織在一個樹形結構中,也就是所謂的Dom樹,比如下面的模型: 我所理解的dom就是js語言與html代碼之間的交流樞紐,也就是用dom

原创 輕鬆解決HTML + CSS各種表格問題

項目中數據大多以表格形式呈現,這也就要求我們能夠做出各式各樣的表格,以前不太用表格,用的話也只是簡單的形式,所以在第一次做表格的時候簡直大寫的懵逼,後來在網上學習了之後再加上自己的理解寫了這篇博客,能夠輕鬆解決表格問題,希望大家指

原创 用stopPropagation()方法避免onblur與onclick衝突問題

前一陣寫一個項目要求是一個輸入城市名稱的input框,當用戶點擊輸入框時熱門城市的div浮出,裏面有可選擇的城市,用戶可選擇某個城市點擊,點擊完畢後div隱藏,那麼它的城市名稱將要顯示到input框內。也可自己輸入城市名稱,輸入完

原创 div+css簡單佈局

簡單佈局 隨着學習深度的加深,往往一些小的細節知識會被忽略,譬如學習完js就想要完成一些項目,這就會把一些css佈局拋在腦後,但是基礎往往是重要的,所以我來回顧一些簡單佈局。 div塊的垂直居中 兩列布局 三列布局(bfc 雙飛

原创 對OSI網絡模型的理解

對於OSI參考模型來說之前只知道有幾層,分別是什麼,但是對於爲什麼這樣分,以及它們之間的關係和對應執行的功能並不是很清楚。從今天開始進行計算機網絡部分的總結與鞏固,第一篇:對OSI網絡模型的理解。 OSI參考模型 對於網絡通信而言,是信息

原创 javascript中的事件機制

一.事件 javascript與html頁面之間的交互是通過事件實現的。事件,就是文檔或瀏覽器窗口中發生的一些特定的交互瞬間。事件是可以被 JavaScript 偵測到的行爲,比如我們要實現下面的效果就需要綁定相應的事件: 鼠標點擊 頁

原创 解決常見接口跨域問題

概念 首先什麼是跨域,簡單地理解就是因爲JavaScript同源策略的限制,a.com 域名下的js無法操作b.com或是c.a.com域名下的對象,也就是不同域名之間相互訪問。比如我們在本地訪問一個其他服務器上的接口時往往出現下面的情況

原创 對網絡應用層的理解(二)

上次博客主要總結回顧了應用層的一些知識,包括體系結構,HTTP協議,cookie等,今天主要來總結一下dns的知識。 DNS概述 DNS(Domain Name System),主要解決的問題: Internet上主機/路由器的識別問題

原创 前端緩存機制的總結

在前端項目體驗中最直觀的就是網頁的瀏覽速度,所以項目開發中在速度方面的優化最主要的就是緩存了,前端的緩存知識比較雜,我在學習中慢慢總結了這麼多,今天來分享下。 什麼是緩存? 緩存就相當於是對資源的一種副本實現,不管是在客戶端還是在服務端存

原创 對網絡傳輸層的理解

從這篇博客起來總結計算機網絡中傳輸層的部分。 傳輸層服務和協議概述 傳輸層協議爲運行在不同host上的進程也就是應用進程提供了一種邏輯通信機制。什麼叫邏輯通信機制呢?指的就是兩個進程之間彷彿是直接連接的,它不需要關心這期間有多遠的物理距離