原创 javascript引擎、編輯器、作用域之間的合作

引擎:從頭到尾負責js程序編譯以及執行過程 編輯器:負責語法分析以及代碼生成 作用域:負責收集維護所有聲明的變量​ 是一套規則,用於管理引擎如何確定在何處以及如何查找變量 實例 如果我們寫一段程序 var a =2;

原创 box-shadow

定義:向框添加一個或者多個陰影 語法:box-shadow: h-shadow v-shadow blur spread color inset;

原创 bootstrap響應式佈局注意

核心-柵格化佈局 1.1.“行(row)”必須包含在 .container (固定寬度)或 .container-fluid (100% 寬度)中,以便爲其賦予合適的排列(aligment)和內補(padding)。 /*

原创 vue--mounted

1.鉤子函數 鉤子函數是Windows消息處理機制的一部分,通過設置“鉤子”,應用程序可以在系統級對所有消息、事件進行過濾,訪問在正常情況下無法訪問的消息。鉤子的本質是一段用以處理系統消息的程序,通過系統調用,把它掛入系統。(

原创 百度雲天工平臺+20行代碼DIY一個智能家居環境監測站

20行代碼 load('api_dht.js'); load('api_mqtt.js'); load('api_timer.js');// GPIO pin which has a DHT sensor data wire connec

原创 子作用域和父作用域的事件傳播

angular優秀特性之一–事件傳播機制 $emit方法實現事件從子作用域路徑到父作用域 <!DOCTYPE html> <html lang="en" ng-app="eventModule"> <head> <meta c

原创 利用僞元素製作盒子陰影

本文參考https://paulund.co.uk/learn-css-box-shadow 因爲box-shadow和:before以及:after沒有什麼值得深度剖析的方式,在去解釋也不會讓自己學到太多東西,如果對僞元素不太熟悉可

原创 翻書效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{

原创 dependencies 與 devDependencies 的區別

npm在安裝npm包時,有兩個中命令參數可以把他們的信息放在package.json中 1.–save 2.–save-dev –save會把依賴包名稱放到dependencies鍵下,–save-dev放到devDependenci

原创 error in ./src/main.js ✘ http://eslint.org/docs/rules/quotes Strings must use singlequote

使用es6時報錯;error in ./src/main.js ✘ http://eslint.org/docs/rules/quotes Strings must use singlequote /home/liangxia

原创 css動畫之animation

相對於腳本驅動動畫的優勢 更加快捷方便 在中等系統中加載性能比js好 將動畫序列交給瀏覽器控制,讓瀏覽器對性能優化 animation的配置 我們使用animation屬性及其子屬性對需要應用動畫的元素進行設定,但是實際的展現形式將

原创 meta部分參數

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, u

原创 Angular之$apply和$digest

apply和 digest在angularjs中是兩個核心概念,上篇探討完$watch方法,作用主要用來監聽數據的變化,並作出相應的反應,並且更新VIEW,但是還有一個問題,angular是如何知道數據發生了變化? angular內置了

原创 Canvas入門

是什麼 canvas–畫布,canvas是HTML5的一個標籤 用來定義圖形,提供了強大的圖片處理功能,但是需要注意的是canvas並不繪製圖形,只是一張畫布,我們要通過腳本在上面繪製圖形。 能做什麼 基本圖形繪製(直線、三角形、矩

原创 vue依賴webpack的環境配置(一)

創建項目 $ mkdir [project name] $ cd [project name] $ npm init 安裝webpack、webpack-dev-server以及相關loader # 安裝webpack,webpack-d