原创 利用gulp搭建本地服務器,並能模擬ajax

正愁怎麼在本地方便模擬ajax,看見了一片大神的博客,轉載一下分享給更多小夥伴吧。 工作中可能會用到的小工具,在此記錄一下。可以實現的功能有: 本地http服務器 頁面實時刷新 可以模擬ajax請求 第一步,新建packag

原创 js 各種高度寬度彙總(爲自己記憶)

一直對JS中的高度寬度左右位置 搞不太清,今天發現一個很好的文章,我記錄一下;以後有時間會做整理! JS中offsetTop、clientTop、scrollTop、offsetTop各屬性介紹 這裏是javascript中製作滾動代

原创 js ajaxfileupload.js IE8 上傳文件 拒絕訪問(一直提示失敗)

首先 ie8不支持file.files[0].size 會造成上傳失敗 可以做瀏覽器判斷用相應的方法 其次安全限制,必須要主動點擊input控件纔行,觸發點擊是不行的,隱藏的話不要用display:none;請使用opacity:0來隱

原创 HTTP 301跳轉與302跳轉的區別

301 302都屬於 http狀態編碼,代表着某個URL發生了轉移,只是301 是永久性的,而302是暫時性的; 301 對搜索引擎有好處(SEO(搜索引擎優化)中提到一點:如果我們把一個地址採用301跳轉方式跳轉的話,搜索引擎會把老地址

原创 已知寬爲屏幕的30%,高度未知,用css畫個圓

今天朋友遇到一個問題,然後總結了一下 div{ box-sizing:border-box; width:30%; padding:15%; background:red; border-radius:50%; } div{ widt

原创 前端需要看的書籍

JavaScript 《JavaScript高級程序設計》+ 入門級 +  306 票  + 豆瓣評分 9.3 推薦語: 恐龍:再次預言這本書能認真看十遍着 都能進bat 阿琛:詳盡地解讀了JS這門語言的各個組成部分,透徹地

原创 jquery中的ready與load的區別

jQuery中有兩個方法——ready和load。它們非常容易混淆。這裏做一下區分: jQuery中的ready特指“DOM”全部加載完畢,也就是說,只要DOM加載完畢了,這個事件自然被觸發了。 所謂“DOM”加載完畢指整個頁面的標籤

原创 input 觸發總結

輸入框檢查的需求,最常見的是即時搜索,今天好好小結一下。 即時搜索的方案:         (1)change事件    餓。。。。。   觸發事件必須滿足兩個條件:             a)當前對象屬性改變,並且是由鍵盤或鼠標

原创 React之Redux

知識點 1、Redux概念簡述 2、Redux的工作流程 3、使用Antd實現TodoList頁面佈局 4、創建Redux中的store 5、Action和Reducer的編寫 6、使用Redux完成TodoList刪除功能 7、

原创 React之Redux_05

知識點 1、Redux概念簡述 2、Redux的工作流程 3、使用Antd實現TodoList頁面佈局 4、創建Redux中的store 5、Action和Reducer的編寫 6、使用Redux完成TodoList刪除功能 7、

原创 Chrome開發者工具不完全指南:(三、性能篇)

原文出處: 賣燒烤夫斯基    滷煮在前面已經向大家介紹了Chrome開發者工具的一些功能面板,其中包括Elements、Network、Resources基礎功能部分和Sources進階功能部分,對於一般的網站項目來說,其實

原创 Javascript中的setTimeout,setInterval,requestAnimFrame

這三種方法我們平時初學的時候可能容易混淆,下面我們將使用例子的形式來闡述這三種方法不同的用法。 setTimeout:Calls a function or executes a code snippet af

原创 html5新標籤-figure、figcaption

圖文並茂! 大家在寫xhtml、html中常常用到一種圖片列表,圖片+標題或者圖片+標題+簡單描述。以前的常規寫法: title 而在html5中有了新標籤更能語義化的定義出這中圖片列表,那就是figure標籤。 w3

原创 js 判斷瀏覽器

一、第一種,只區分瀏覽器,不考慮版本 function myBrowser(){    var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字符串    var isOpera =

原创 設置獲取cookie

作爲一名菜鳥 剛剛學會設置和獲取cookie 這裏記錄一下 var user_id =getCookie('name');//設置COOKIESfunction setCookie(name){var d =new Date();var