原创 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