Skip to content

Zeroplex 生活隨筆

軟體開發、伺服器和生活瑣事

小 縮小字型大小。 中 重設字型大小。 大 放大字型大小。

標籤: JavaScript

webpack 開發用指令

Posted on 2022 年 10 月 18 日2022 年 10 月 16 日 By 日落 在〈webpack 開發用指令〉中尚無留言

因為 .js 檔必須經過編譯 (?),所以直接改 .js 與 .css 的效果無法直接透過重新整理網頁呈現出來,必須跑 webpack 一次。

開發時可以透過 watch 讓 webpack 自動監視檔案異動,只要檔案內容有更新就自動編譯一次 .js:

npm run watch

其他可用的指令,可以在 package.json 中的 scripts 中看到:

  • npm run dev
  • npm run watch
  • npm run prod
Tags:JavaScript

npm 和 yarn 戰爭還在持續 ….

Posted on 2021 年 2 月 2 日2023 年 1 月 8 日 By 日落 在〈npm 和 yarn 戰爭還在持續 ….〉中尚無留言

把 lbry-desktop checkout 下來,按照說明想要看 dev 上怎麼玩,但是看文件下指令就是會死。

弄了老半天結果是 npm 和 yarn 設定互相卡。索性把 yarn 全砍了,全部用 npm 下去執行。
npm install 完成以後,就可以打開 package.json 來看:
  "scripts": {
    "compile:electron": "node --max_old_space_size=4096 ./node_modules/webpack/bin/webpack.js --config webpack.electron.config.js",
    "compile:web": "yarn copyenv && cd web && node --max_old_space_size=4096 ./node_modules/webpack/bin/webpack.js --config webpack.config.js",
    "compile": "cross-env NODE_ENV=production yarn compile:electron && cross-env NODE_ENV=production yarn compile:web",
    "copyenv": "cp ./.env* web/",

按照這個設定檔下指令「npm run compile:electron」即可

Tags:JavaScript

DIY 自製溫室 (燈架、燈座、燈泡) (1)

Posted on 2020 年 2 月 2 日2021 年 3 月 12 日 By 日落 在〈DIY 自製溫室 (燈架、燈座、燈泡) (1)〉中尚無留言

下篇:DIY 自製溫室 (定時、供水) (2)

標題看起來好像很厲害,不過只是拿一些小零件就可以兜出來的成品。

聽說開講都要放貓咪照片?

在小麥草被啃光以後,決定來試試看會讓貓爆走的貓薄荷 (荊芥)。除了讓貓爆走的功效以外,還有驅趕蚊蟲的功效。

播種不用避光,所以直接將種子撒在土壤上即可。而我怕自己太缺德,沒有種子發芽,所以就整包倒到花盆中了。經過似乎二週吧,就會冒出芽了。

老實說,我其實分不出來是貓薄荷或是雜草

幼苗近照

由於房間沒有足夠的日光,就在想有什麼東西可以替代日光補充光線。基本上看到葉子是綠色的,就可以得知綠色光譜的可見光是此植物不太需要的,那到底需要什麼類型的光譜?網路上搜尋一下「植物 光譜」就可以找到不少科學分析資料,且連你需要的商品也都列出來給你了。

看起來紅光和藍光比大約是 5:1,不過手上沒有產可產生紅光的東西,但是藍光的卻不少 (難怪會失眠 ….. 大誤 XD)。

查了一下 LED 白光燈泡的發光原理:

  • 白光是如何產生?- 電子小百科 – Electronics Trivia
  • 三把火的世界: LED基礎知識 — 白光 LED

基本上買了白色 (日光色) 基本上就一定會發出藍光,只是亮度和百分本問題,所以直接拿一顆沒在用的 E27 燈泡來作為照明。

第一階段的需求大概就確定了:

  • 支架
  • E27 燈座一個
  • 白光 LED 燈泡一個
我的木工很悲劇,大家笑笑就好  QQ
在 IKEA 看到比較好的可調角度支座都是軟性的,這邊用粗鋁線

最右邊的單插座是共用插座 (常開),左邊的插座則由繼電器控制 (天啊,我的電工也很爛)

燈座大概是這樣接比較穩,另外注意到的是鋁能承受的力道有限,所以增加為二條

小麥草發芽,且往燈泡的方長高 (所以暫時可以確定一般白光 LED 有效)

這篇暫時寫到這裡,圖片多不方便讓行動網路的人看。下一篇會將燈泡控制器接上,並使用 Webduino 來說明怎麼操控燈光。

Tags:IoT, JavaScript, Linux, Node.js, 園藝

Javascript 斷行造成 parse 錯誤

Posted on 2013 年 12 月 31 日2021 年 3 月 12 日 By 日落 在〈Javascript 斷行造成 parse 錯誤〉中尚無留言

當宣告一個有換成的字串,部份程式語言允許可以在引號中直接加入換行:

var foo = "space 
inside"

但上面語句在 javascript 執行會產生 syntax error。

在 javascript 中,語句結束不一定要加上分號,直譯器會判斷在適當的位置加上「;」。所以上述的程式會被 javascript 解讀成:

var foo = { prop: "some;
thing"};

其他:
[JavaScript] 自動補上分號的機制造成非預期的回傳值
http://wbkuo.pixnet.net/blog/post/162042779

Tags:JavaScript

Chrome 透過 console.dir() 取得 javascript 物件屬性

Posted on 2013 年 12 月 16 日2021 年 3 月 12 日 By 日落 在〈Chrome 透過 console.dir() 取得 javascript 物件屬性〉中尚無留言
Chrome 透過 console.dir() 取得 javascript 物件屬性

若不曉得物件中有哪一些屬性、方法可以使用,可以透過 console.dir() 將其列出。

var foo = ['1', '2', 3];
console.dir(foo);

Chrome 會屬性、方法印出:

若不曉得傳入物件的詳細定義,這招很方便。但只有在 Chrome 上印出的資訊會這麼詳細,Firefox 和 nodejs console 上,印出來的就和 console.log() 差不多。

感謝 Eason 指點。

Tags:JavaScript

文章分頁

1 2 下一頁

其他

關於我  (About me)

小額贊助

  文章 RSS Feed

  留言 RSS Feed

Apache AWS Bash C/C++ Docker FreeBSD GCP Git Google Java JavaScript Laravel Linux Microsoft MSSQL MySQL Nginx PHP PHPUnit PostgreSQL Python Qt Ubuntu Unix Vim Web Windows WordPress XD 作業系統 分享 好站推薦 專題 攝影 新奇搞笑 新聞 旅遊 生活雜記 程式設計 網路架站 網頁設計 資訊學習 資訊安全 遊戲 音樂


創用 CC 授權條款
本著作係採用創用 CC 姓名標示-相同方式分享 4.0 國際 授權條款授權.