原创 react之相關組件API

學習參考資料;菜鳥教程; react入門教程實例-阮一峯; 一.無狀態組件:沒有生命週期,沒有數據傳遞,只是用於view層顯示; import React,{Component} from "react"; // 引入react庫文件

原创 移動端和PC端頁面的判斷

在我們開發過程中,經常會遇到移動端和pc端共用一個頁面,故我在這裏會寫一個移動端和pc端的判斷,讓其走不同的鏈接; 第一種網絡資源: window.onload = function(){ //移動端走移動路徑,pc走pc路徑;

原创 javascript閉包,高階函數及防抖節流實現

閉包與高階函數 本文描述了作用域,閉包,內存管理的理解及高階函數面向切面編程,節流防抖函數多種實現方案 作用域 理解作用域:var a = 2,引擎幹了那些活 遇見 var a,編譯器會詢問當前作用域是否存在該變量,存在,

原创 this,apply和call

jsvascript 中的 this/apply/call this 定義:javascript 中 this 總是指向一個對象,指向哪個對象,則根據函數執行環境動態綁定,不是函數聲明。 this 的指向 1.對象方法調用

原创 前端必須要了解linux系統文件權限知識

Bad for loop variable: sudo dpkg-reconfigure dash選擇否,即可; 原因:默認設置爲dash,所以報錯。 sudo apt install net-tools:安裝ip查看工具; z

原创 mongodb必須瞭解的基礎命令

nosql memcached緩存數據庫與redies緩存數據庫區別 neo4j圖形數據庫 ./mongod --shutdown 關閉進程 開啓 mongo 數據庫 mongod --dbpath D:\study\g

原创 linux-ubuntu之mongodb(二):安裝及配置

安裝 下載:wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.0.6.tgz 解壓縮並移包:tar -zxvf mongodb-linux-x86_64-3

原创 promise 的源碼分析及手寫簡單實現(-)

promise 的源碼分析及手寫簡單實現 導言:需要看明白 promise 源碼,必須要了解的是 promise 是用來幹什麼,他做了件什麼事?廢話不多說,先擼一段代碼。 new Promise((resolve)=>{

原创 background的用法

更多資源來源於菜鳥教程:http://www.runoob.com/css/css-background.html; 個人對於background的理解: background屬於複合樣式(css樣式):顏色,url,repeat/no-

原创 this對象的指向

1.函數中:function foo(){                return this; } 函數調用者是誰,就指向誰;直接調用指向window; 2.事件中:html事件中,指向window;dom0事件中,指向事件的觸發者(

原创 css3動畫及animation在react框架的運用

學習資料:菜鳥教程;http://www.runoob.com/css3/css3-animations.html;原文: http://www.w3cplus.com/content/css3-animation © w3cplus.c

原创 css3文本效果

 .my p{           text-shadow: 5px 5px  5px red;                      } 1.text-shadow文本效果,文字陰影; 2.CSS3文本溢出屬性指定應向用戶如何顯示溢

原创 px/pt和em/rem的差別

轉自:https://segmentfault.com/a/1190000004605022; https://www.douban.com/note/155032221/; pt:絕對大小,是印刷行業常用單位,等於1/72英寸。 px

原创 css3漸變效果

學習資料:菜鳥教程;http://www.runoob.com/css3/css3-gradients.html CSS3 漸變(gradients)可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。 1.線性漸變:(1)從上到下(效果圖

原创 css3之2d轉換(transform方法)

學習資料:菜鳥教程,http://www.runoob.com/css3/css3-2dtransforms.html; 1.transform的屬性之一:translate移動, translate()方法,根據左(X軸)和頂部(Y軸)