找到约 10000 条结果
  • [譯 + 補充] Webpack 2 入門
    在今時今日,webpack 已經成為前端開發非常重要的工具之一。本質上它是一個 Javascript 模組封裝工具,但透過 loaders 和 plugins 它也可以轉換封裝其他前端的資源檔像是 HTML,CSS,甚至是圖片等,讓我們能夠控制程式發出 HTTP 請求的數量(編譯結果的檔案數量)。我們可以使用偏好的方式去撰寫這些資源檔像是 Jade, Sa...
    2017-02-17
  • 如何優雅地在 Mac 上使用 dotfiles?
    dotfiles,顧名思義,就是檔案名稱以 . (dot) 為 prefix 的檔案通稱,若是您的作業系統是 Mac OS X 或是 Linux 這類 *nix-based 的作業系統,一般來說在視窗環境中是看不到這些檔案的,因為對系統來說,他們是所謂的隱藏檔,這些檔案有一些共通點,那就是他們通常用來儲存一些個人化的設定或是自定的拓展功能,以符合使...
    2015-04-28
    1
  • RabbitMQ 學習筆記 - 安裝、入門、Work Queues
    RabbitMQ server 的執行與操作指令會被安裝在 /usr/local/sbin。這個路徑並不會自動被加到我們電腦的 PATH 所以我們需要在 .bash_profile 或 .profile 加入 PATH=$PATH:/usr/local/sbin。
    2017-06-08
  • 手把手深入理解 webpack dev middleware 原理與相關 plugins
    它就是一個用來組織包裝 webpack 使其可以變成中介軟體,或稱中間件的容器。回想一下 express 你大概可以明白關於 middleware 的用途,就是在輸入到輸出的過程中 加工 的一種手段。單純說 middleware 的話我們可以想成一系列任務, 動作(actions stack),不只 express 有,在 Ruby 中的 rake 也具備這種機制。
    2016-06-01
    9
  • 【譯】chrome-remote-interface
    本文翻譯自:chrome-remote-interface原文更新時間:July 21,2017譯者:Pandorym Chrome 調試協議 的接口,他提供一個使用 JavaScript API 的簡單的命令和通知抽象,幫助使用 Chrome(或任何其他合適的實現)。 這個模塊是眾多 第三方協議客戶端 之一。 簡單的 API 用法 下列片段加載https://github.com,并轉儲每個請求...
    2017-07-31
  • [譯 + 更新] 參透 Node 中 exports 的 7 種設計模式
    這篇文章試著要整理,翻譯Export This: Interface Design Patterns for Node.js Modules這篇非常值得一讀的文章。但因為這篇文章有些時日了,部分範例已經不符合現況。故這是一篇加上小弟收集彙整而成的更新翻譯。
    2016-09-20
    2
  • 穠纖合度的整合 Rails、Webpack、Vuejs
    如果您曾經閱讀過小弟的vue + webpack 起手式一文,裡面我曾提到關於容易與傳統 MVC 框架(Rails, ASP.NET MVC)等結合。這篇文章主要就是用來介紹其作法與為什麼我會這麼說。
    2016-11-07
    3
  • 夕阳下, 那是我在奔跑——单件模式
    若將對象賦值給一個全局變量, 則該對象需在程序開始時就創建好, 而改對象可能不會使用, 造成資源浪費, 而單件模式支持延遲實例化 即急切實例化 和 延遲實例化 的區別
    2016-09-22
  • 再別科橋 诗两首
    广州塔下搬砖望帝景source: 上图来源已经标注再別科橋悄悄地我走了,正如我悄悄地來;我最後發了個 farewell,作別當天的戰友。那科韻路的天橋,是每天職場朝聖之巔;地攤檔的人間煙火,心靈拷問:哦了麼?棠石路旁的都城,油膩雙拼是年終獎後的奢侈;而旁邊的金拱門裡,我甘心吃12元的1+1。那天河公園的小潭,不是小鳥...
    2024-07-03
  • 关于C#在Office2016上传文件时报错"侦测到此档案有问题,为保护你的电脑,此档案无法开启"
    解决方案:1.只要使用 Office 2013 的朋友,每當開啟從網頁下載、Email 附件下載等檔案,開啟來就會出現這樣的畫面,要按下「啟用編輯」才能進入編輯模式。多了一個啟用編輯的做法主要是保護你,怕如果文件有病毒還不至於立刻中獎,但如果你能確認自己的檔案都沒問題又不想被那個干擾,請跟著阿湯做。註:取消保護模式,...
    2020-04-20
  • UML快速概述
    本章介紹版本2.5.1中的所有UML圖,瞭解這些UML圖是software engineering (SE) 不可或缺的一部分。這是因為這些UML圖提供了一套建模構件,它們是SE的全球公認標準。對圖表的知識和理解為軟體工程師提供了一種方法和語言,使他們能够勾勒和視覺化他們的想法,以及討論、辯論、提問、交流和衡量他們的工作,尤其是在項目團...
    2021-10-08
  • [譯] 理解 SVG 座標系統與 Transformation - 3 建立 viewpor
    在 SVG 繪製的任何一個時間點,我們都可以透過內嵌 <svg> 或者使用像是 <symbol> 這類的元素來建立新的 viewport 和用戶座標。本篇文章我們將要探討該怎麼作?以及如何利用這種方式協助我們控制 SVG 元素使其更具彈性。
    2017-04-04
  • Vue.js 由 1 到 2 的旅程 - (1)
    這系列文章會是記錄從 Vue 版一轉移到版二過程中差異點的筆記,希望以輕鬆短篇的方式撰寫。小弟認為如果您不是那種會乖乖的把文件完整娓娓讀一遍的人,有許多差異點可能就被您忽略了,當然就把它們忘了或從來沒理解過(從 Vue 2 入手的朋友們)也不會是什麼大問題,反正等到您遇到問題的時候肯定又會找到它。不過這系列...
    2016-12-05
  • [譯] CSS 載入機制的未來趨勢
    Chrome 正在試圖改變當 <link rel="stylesheet"> 寫在 <body> 的行為,從blink-dev 的文章並不能很清楚的知道其優點。所以這篇文章想要深入的介紹這點。
    2016-02-18
    6
  • [技術分享] 理解 SVG 中的 Viewport 和 ViewBox-拖曳與縮放功能實做(上)
    不同於以往將 SVG 視為一張圖案(ICON 或 LOGO)的概念,在這篇文章中,我們要試著將 SVG 視為一個畫布(Canvas),而我們可以透過滑鼠來直接對這個畫布像 Google Map 一樣進行拖曳和縮放。
    2017-03-23
  • 從<琅琊榜>學 Redux
    這篇文章希望從另外一個角度來看關於 Redux 的機制與運用,在網路上各式的教學文章中值得先推薦的自然是官方教學如果英文不是很好的可以參考繁體中文版。這是小弟認為要學習 Redux 必讀的文件。另外還有A cartoon intro to redux也是值得一讀的好文可以加深記憶。
    2016-01-06
    6
  • [譯] Yarn - Javascript 新一代套件管理
    在 Javascript 社群中,開發者們分享成千上萬的原始碼讓我們可以省去重造輪子的時間,不用重新打造函式庫,框架,元件等。而每段原始碼都有可能相依於其他原始碼片段,這些相依的程式碼通常會透過套件管理(package manager)來管理。其中在 Javascript 裡,最熱門的就屬 npm ,在上面有 5 百萬個開發者,套件庫提供了超...
    2016-10-13
  • vue + webpack 起手式
    前端的世界變化之快速,從 2010 開始小弟經歷了 jQuery, Backbone, Angular, 到 React。這一路走來雖然學習到了許多高明開發者融合於框架或函式庫中的智慧,卻也因為不斷快速變化感到疲憊。時至 2016 小弟認為在實務與理想之間取得一個完美平衡的前端框架大概就屬 vue.js 了。
    2016-05-27
    28
  • [譯] scroll-behavior 滑順的捲動效果
    眾所皆知 HTML 錨點(anchor link)透過給定標籤 id 屬性跳到頁面上特定位置的功能。不過這個效果感覺上就像是閃一下就切換到該位置。為了使用體驗上的感覺有時候網站會設計一種平滑捲動到該位置的效果。
    2016-06-03
  • Vue.js 由 1 到 2 的旅程 - (2)
    第二集,我們要聊的是一個很瑣碎的點也許會造成您困惑,在精神不濟的情況下建議略過本文。如果您跟我一樣閱讀的是英文版的文件加上英文又不是很牛,那麼我想這個點可能會造成您的困惑。如果您也曾對 string templates 和 non-string templates 兩個詞有疑惑的話就讓我們繼續看下去
    2016-12-16