原创 JS 中的 "this"

如果對JavaScript的關鍵字this理解不夠深刻,有時候會掉入意想不到的坑。在這裏我們總結了5條通用規則來幫助你判斷this到底指向什麼。雖然沒有囊括所有的情況,但日常大部分情況都可以使用這些規則來正確推斷。   1. this 的

原创 淺談 JavaScript 中的 "this" (初學者必看!)

如果對JavaScript的關鍵字this理解不夠深刻,有時候會掉入意想不到的坑。在這裏我們總結了5條通用規則來幫助你判斷this到底指向什麼。雖然沒有囊括所有的情況,但日常大部分情況都可以使用這些規則來正確推斷。   1. this 的

原创 Vuex簡單入門

什麼是Vuex? 在Vue中,多組件的開發給我們帶來了很多的方便,但同時當項目規模變大的時候,多個組件間的數據通信和狀態管理就顯得難以維護。而Vuex就此應運而生。將狀態管理單獨拎出來,應用統一的方式進行處理,在後期維護的過程中數據的修改

原创 Vue中computed與method的區別

1.computed區別於method的兩個核心 在官方文檔中,強調了computed區別於method最重要的兩點 computed是屬性調用,而methods是函數調用 computed帶有緩存功能,而methods不是  OK,

原创 基於vue前端UI框架

最近開始接觸vue,來給大家推薦幾個以vue爲基礎的前端開發框架   Element(start-28128)  官網地址 element.eleme.io/ 餓了麼前端推出的基於 Vue.js 2.0 的後臺組件庫,它能夠幫助你更輕鬆更

原创 大背景圖片的處理(JS)

今天來跟大家分享一個JS處理大背景圖的方法:(PS:這個方法是爲了解決在不同分辨率的電腦上根據視口大小對大背景圖片的處理!)這是HTML部分:<style> *{ margin: 0; paddin

原创 CSS實現垂直居中,vertical-align:middle屬性

vertical-align:middle直接使用是無效的例如以下代碼並不會起到垂直居中效果:<div style="width: 100%;height:100px;"> <img src="1.png" style="ve

原创 JavaScript中三個等號和兩個等號的區別(“===”與“==”的區別)

1.===:三個等號我們稱爲等同符,當等號兩邊的值爲相同類型的時候,直接比較等號兩邊的值,值相同則返回true,若等號兩邊的值類型不同時直接返回false。      例:100===“100”   //返回false          

原创 jQuery.on() 函數詳解

on()函數用於爲指定元素的一個或多個事件綁定事件處理函數。  從jQuery 1.7開始,on()函數提供了綁定事件處理程序所需的所有功能,用於統一取代以前的bind()、 delegate()、 live()等事件函數。  on()支

原创 前端編碼規範——Javascript

分享一些Javascript書寫規範1.tab鍵用(必須)用四個空格代替2.每句代碼後(必須)加”;”3.變量、常量、類的命名按(必須)以下規則執行:1) 變量:必須採用駱駝峯的命名且首字母小寫// 正確的命名 var isHotel

原创 jQuery如何用$(this)選擇他下面的子元素

實現方法:使用遍歷函數children(),關鍵代碼爲 $(this).children("li"),表示獲取當前元素下所有標籤爲<li>的子元素。下面實例演示:點擊div標籤後,何用$(this)選擇它下面的<li>子元素,爲了顯示效果

原创 Date方法和屬性參考

創創建Date對象 //創建一個日期對象,顯示的是當前時間 var date=new Date(); //Tue Nov 15 2016 08:57:44 GMT+0800 (中國標準時間) //使用所有可用屬性來創建一個日期對象,顯示

原创 thinkphp5檢測用戶登錄狀態

本文介紹thinkphp5如何檢測用戶登錄狀態並根據登錄狀態跳轉相應頁面  一、創建檢測類 在application的login模塊下新建behavior文件夾,新建UserCheck.php文件,文件內容如下: <?php names

原创 C語言while函數 1!+...+8!

#include"stdio.h"main(){int s,i,t;s=1;i=1;t=0;while(i<=8){s=s*i;t=t+s;i=i+1;}printf("%d\n",t);}

原创 JavaScript方法和技巧大全

JavaScript方法和技巧大全1:基礎知識1 創建腳本塊1: <script language=”JavaScript”>2: JavaScript code goes here3: </script>2 隱藏腳本代碼1: <scri