原创 解決腳本不能使用onchange的問題

////用綁定事件來實時顯示input的value/// <script> $(function(){ var tar = $(".num")[0]; addOninput(tar);

原创 實現瀑布流佈局的幾種方法

本文分別用原生JS與JQ框架寫出瀑布流佈局的方法 首先引庫: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的瀑布佈局</title> <!--<

原创 最近寫的一個書店項目

項目地址:https://github.com/alisajxWeb/myProject.git (裏面的壓縮文件就是) 1.1.1 項目名稱 BookShop(前端開發) 1.1.2項目開發者 姜鑫 1.

原创 乾貨-es6第二版“類型”複習筆記(持續更新...)

又到了求職季,雖然平時沒有寫博客的習慣,但是筆記還是存留不少,接下來的博客大多是2017學習前端的筆記,所以新開一個#前端複習的專題,來記錄我的學習,溫故知新。 es6第二版的複習筆記 圍繞着阮一峯出的es6入門,我把平時經常接觸到的知識

原创 當瀏覽器輸入URL後都經歷了什麼?

當瀏覽器輸入URL後,瀏覽器需要先對URL中的域名解析成IP地址, 再對IP地址發送一個連接請求,經過三次握手後建立與服務器之間的連接,這是第一步。 連接成功以後,客戶機會發送一個HTTP請求,這個請求會被封裝成對象交給服務器處理,

原创 歡迎使用CSDN-markdown編輯器

歡迎使用Markdown編輯器寫博客 本Markdown編輯器使用StackEdit修改而來,用它寫博客,將會帶來全新的體驗哦: Markdown和擴展Markdown簡潔的語法 代碼塊高亮 圖片鏈接和圖片上傳 LaTex數學公式 UM

原创 JS解決輸入1-1000元,輸出由1、5、10、20、50、100拼成輸入的面值方法總數

javascript語言解決筆試題: 輸入:1-1000元數額; 輸出:由1、5、10、20、50、100拼成輸入的面值方法總數。 此代碼在題目基礎上增加了顯示所有可能的方法。 <script>

原创 用原生Javascript實現css的placeholder

我的思路是用一個div表示placeholder預留字的展示, 此div與Input框設置同一位置疊加; 然後給Input框監聽一個input事件, 當文本框不爲空且input事件發生時, 預留字消失 當文本框爲空時,預留字出現

原创 乾貨-es6第二版set,map複習筆記

本系列複習筆記: 乾貨-es6第二版“類型”複習筆記(持續更新…) 乾貨-es6語法風格複習筆記 繼續介紹 Set 和 Map 其實這兩種新型的數據結構也有很多的相似性, 可以參照第一篇學習類型的方式來學習。 比如兩種數據結構都

原创 jquery實現div的拖拽效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <style> .drag{ position:absolute; backgroun

原创 乾貨-es6語法風格複習筆記

繼續上一篇 乾貨-es6第二版“類型”複習筆記(持續更新…) 我們這一篇來整理歸納es6的語法風格。 以下是我整理的筆記: 因爲學習的內容比較扁平,所以非常不容易記憶,我學習的時候也沒有把他們都記清楚。 而是:先把阮一峯的es6入門

原创 #筆記 簡單使用flex與sticky footer方式解決底部固定在底欄的問題

問題 許多大型網站都有一個底欄,不論內容的高度是否填滿屏幕,底欄都一直在頁面的最底部。 這個效果看似簡單,卻有不少的“坑”,下面我來介紹兩種方法解決這個問題。 第一個方法(引用中註釋的css)使用了固定定位解決 第二種方法使用的

原创 將句子中的單詞位置反轉

給定一個句子(只包含字母和空格), 將句子中的單詞位置反轉,單詞用空格分割, 單詞之間只有一個空格,前後沒有空格。 比如: (1) “hello xiao mi”-> “mi xiao hello” <!DOCTYPE

原创 常見的原生javascript事件處理與瀏覽器兼容問題(下)

本文主要介紹事件冒泡,和利用冒泡方法的事件代理機制。 根據瀏覽器的兼容性問題作出代碼舉例 事件冒泡就是在DOM中,父級元素與子集元素有相同事件時,觸發子集元素會引發從子集開始往上的事件響應。 具體可以寫多重包裹的div,並且所有元素添

原创 常見的原生javascript事件處理與瀏覽器兼容問題(上)

在WEB前端開發中,處理各瀏覽器差異的問題是一個重要的部分。 不同瀏覽器的內核及解析方式不同,對對象名和方法名的定義不同,導致寫出來的代碼不能得到我們想要的效果。所以在開發的時候需要解決這些問題。瀏覽器差異體現在很多方面,本文主要對事件