博客 RSS 訂閱

不可能的是 - vue-loader中引入模板預處理器

vue-loader 是一個 webpack 的 loader,可以將指定格式編寫的 Vue 組件轉換為 JavaScript 模塊 同時,vue-loader 支持使用非默認語言,通過設置語言塊的lang屬性,就可以使用指定的預處理器,比如最常見的sass 語法: style lang="sass" ... /style 這裏重點討論使用不同的js模板引擎作為預處理器,

vue-loader , vue.js , pug , dot.js , Javascript

收藏 評論

hachimei - 初學React高階函數

React和高階函數的定義就不説了,主要是記錄下小白看react庫時大佬用高階組件時看不懂的地方。 export const createCesiumComponent = E, P, C, CC = {}, R = {}( opts: CesiumComponentOptionE, P, C, CC, R, ): CesiumComponentTypeE, P, C = { class

react , currying , hoc

收藏 評論

葡萄酒不吐葡萄皮 - 如何可以不用雙層foreach獲取自己想要的數據

1.今天在用地區表setting_area和國家表setting_country進行做業務時,羅列國家字段,想知道對應是哪個地區並且要知道這個地區的詳細信息,有人會使用雙層foreach的寫法,數量少,當然沒問題,但是一旦遍歷的一定量的數據,這個寫法會被捱罵吧! 2.拋出使用laravel的with方法,其實可以考慮使用數組key映射的思想。 3.例如先查出來所有的國家數據,國家裏面時有個字段

foreach , php , laravel , php7

收藏 評論

ipromise - JavaScript New模擬實現

New幹了什麼 (1) 創建一個新對象; (2) 將構造函數的作用域賦給新對象(因此 this 就指向了這個新對象) ; (3) 執行構造函數中的代碼(為這個新對象添加屬性) ; (4) 綁定原型; (4) 返回新對象。 注意: 如果構造函數有返回的值並且為基本類型的話則沒有影響,返回值毫無意義; 如果返回值的類型為object,那這個返回值會被正常使用 fu

apply , new , this , javsscript

收藏 評論

Zhanghouhou - 字符集詳解

字符集相關的概念 字符集編碼 charset 是 character set 的簡寫,即字符集。 encoding 是 charset encoding 的簡寫,即字符集編碼,簡稱編碼。 編號 編碼 字符 – 編號 – 編碼 編號不涉及具體使用多少字節來表示、是用定長還是變長方案等細節問題。編號僅僅是一個抽象的概念,將具體字符映射到一個唯一的code上,是把字符數字化的一個過程。

utf-8 , 字符編碼 , unicode

收藏 評論

碼農小胖哥 - java枚舉原來還能這麼用

前言 相信不少java開發者寫過狀態變更的業務,比如訂單流程、請假流程等等。一般會搞一個狀態標識來標識生命週期的某個階段。很多人會寫這種邏輯: 如果流程幾十個豈不是要if到爆炸。還有這“0”、“1”是幾個意思? 優化的辦法當然可以使用設計模式中的狀態模式來搞,允許一個具有狀態的對象根據其狀態封裝同一對象的不同行為。我們可以編程狀態之間的轉換,然後定義單獨的狀態: 但是這種操作會增加過多的狀態對

spring , flux , pattern , JAVA , enum

收藏 評論

sanget - React 中 Virtual DOM 與 Diffing 算法的關係

前言 這篇文章是基於 React 官方文檔對於 Virtual DOM 的理念和 Diffing 算法的策略的整合。 Virtual DOM 是一種編程理念 Virtual DOM 是一種編程理念。UI 信息被特定語言描述並保存到內存中,再通過特定的庫,例如 ReactDOM 與真實的 DOM 同步信息。這一過程成為 協調 (Reconciliation)。 與之對應的數據結構 Virtual D

react , virtual-dom , diff

收藏 評論

Hephaest - Ubuntu JDK PPA 安裝失敗的解決辦法

最後一次更新於 2019/08/05 報錯 我大概是半年沒用 Ubuntu 了, 今天剛想升級 Java JDK 就得到了下方的報錯: 正在連接 download.oracle.com (download.oracle.com)|23.196.196.76|:443... 已連接。 已發出的 HTTP 請求, 正在等待迴應... 404 Not Found 2019-08-05 18:03:51

ubuntu16.04 , jdk8 , ppa

收藏 評論

heha2o - Larave開發Dingo處理自定義Exception時render不生效【解決】

1.不使用Dingo Api進自定義Exception的處理方式是 首先定義Exception類,如AppExceptionsApiException namespace App\Exceptions; use Exception; use Throwable; class ApiException extends Exception { public function __const

dingo , php , laravel , exception

收藏 評論

maroonstar - 自動生成簡單的落地頁 auto-landing-page-client

公司每一版的app下載頁結構變化都不大(可以説結構基本沒有變化),所以突發奇想利用 ejs 和 nodejs 寫了個小工具來自動生成。雖然目前看起來沒有提升太多的效率,不過權當練手,説不定以後完善了,大家用起來都比較順手呢(希望比較渺茫,捂臉...) 自動生成簡單的落地頁的小工具 auto-langding-page-client auto-langding-page 是之前我寫的一個小工具,專

node.js , ejs , Javascript

收藏 評論

chaumet - Vue中的虛擬DOM及diff算法

虛擬dom 為什麼出現: 瀏覽器解析一個html大致分為五步:創建DOM tree – 創建Style Rules - 構建Render tree - 佈局Layout – 繪製Painting。每次對真實dom進行操作的時候,瀏覽器都會從構建dom樹開始從頭到尾執行一遍流程。真實的dom操作代價昂貴,操作頻繁還會引起頁面卡頓影響用户體驗,虛擬dom就是為了解決這個瀏覽器性能問題才被創造出

vue.js , virtual-dom , diff , Javascript

收藏 評論

Clearlove - JavaScript之柯里化

簡介 柯里化(Currying),又稱部分求值(Partial Evaluation),是把接收多個參數的函數變成接受一個單一參數(最初函數的第一個參數)的函數,並且返回接受剩餘的參數而且返回結果的新函數的技術。 核心思想: 把多參數傳入的函數拆成單參數(或部分參數)函數,內部再返回調用下一個單參數(或部分參數)函數,依次處理剩餘的參數。 按照Stoyan Stefanov --《JavaS

閉包 , 高階函數 , currying , Javascript

收藏 評論

神奇的Aym - 每個開發者都應該瞭解的一些 C++ 特性

C++ 是一種強大的編程語言,但也因為其複雜性一直讓用户望而卻步。後來,C++ 決定做出改變,然後發展至今,成了編程社區最受歡迎的語言之一。C++ 有一些新特性非常好用,本文對此進行了介紹,比如 auto、lambda、constexpr、tuple、智能指針等。 作為一門編程語言,C++已經進化了很多。 當然,這些改變不是一夜之間發生的。曾幾何時,C++缺乏活力,導致人們不太喜歡這門語言

搜索引擎 , virtualenv , c++ , c

收藏 評論

Yxaw - 手寫Vue彈窗Modal

Vue作為最近最炙手可熱的前端框架,其簡單的入門方式和功能強大的API是其優點。而同時因為其API的多樣性和豐富性,所以他的很多開發方式就和一切基於組件的React不同,如果沒有對Vue的API(有一些甚至文檔都沒提到)有一個全面的瞭解,那麼在開發和設計一個組件的時候有可能就會繞一個大圈子,所以我非常推薦各位在學習Vue的時候先要對Vue核心的所有API都有一個瞭解。這篇文章我會從實踐出發,遇到一

vue-loader , react , vue.js , vuex , Javascript

收藏 評論

孟繁勝遊 - 前端包管理Bower入門教程

Bower瞭解 bower是twitter的一個開源項目,使用nodejs開發,用於web包管理。如果越來越多得開源項目都託管在github上,bower只需要將github上項目加上一個配置文件既可以使用bower方式使用安裝包。作為包管理,bower能提供添加新web包,更新web包,刪除web包,發佈web包功能,管理包依賴。web包通常認為由html+css+javascript構成。 環

node.js , bower , 前端 , Git , html5

收藏 評論

Hoh_Xil - 頁面刷新vuex狀態初始化

vuex五種基本對象 state:存儲狀態(變量) getters:對數據獲取之前的再次編譯,可以理解為state的計算屬性。我們在組件中使用$sotre.getters.fun() mutations:修改狀態,並且是同步的。在組件中使用$store.commit('',params)。這個和我們組件中的自定義事件類似。 actions:異步操作。在組件中使用是$store.dispa

vue.js , sessionstorage , vuex , 前端

收藏 評論

深客 - 真正理解nth-of-type,只知道nth-of-type和nth-child的區別?怕是不夠哦!

nth-of-type和nth-child的區別我這裏就不説了,只説nth-of-type。 首先我們設定下面這樣一個結構,然後通過下面四個例子真正理解nth-of-type 1.div這是div/div 2.div class="common"這是div.common/div 3.p class="common"這是p.common/p 4.div class="common"這是div.com

css選擇器 , Css

收藏 評論

import_hello - Unicode 字符編碼模型 - 0x01_簡介

GitHub@orca-j35,所有筆記均託管於 python_notes 倉庫 歡迎任何形式的轉載,但請務必註明出處。 我會寫 5 篇文章來介紹 Unicode 字符編碼模型(CHARACTER ENCODING MODEL) 本文會簡要介紹一下模型的層次結構,並逐一列出相關的參考的資料 Unicode 字符編碼模型分為四個層級(level),概況如下: ACR: Abst

字符編碼 , encoding , unicode

收藏 評論

aigestudio - 巧用 iTerm2 & zsh & oh-my-zsh 打造炫酷的 MacOS 終端環境

MacOS 系統自帶的 Bash 雖然已經很強大,但是對於一些細節功能的支持並不完美,重點是對於一個顏控來説,原生 Bash 真的很醜……可塑性也不高。本文將使用 iTerm2 這款被各路大牛吹爆的 MacOS 平台最好用終端結合 zsh 來打造一個炫酷的終端環境。最終效果大致如下: 左邊是原生 Bash 默認狀態,右邊是 iTerm2 做完整容手術後的樣子。本文我們只整容,不介紹 iTerm2

iterm2 , macos , iterm , homebrew , zsh

收藏 評論

joytime - Javascript箭頭函數和lambda

() = {} 基本特點 es6中的箭頭函數,在實際開發中確實比較方便,通常來説會有幾個特點: 箭頭函數中的this會綁定在外部作用域 沒有arguments 如果想返回一個對象記得加()包裹 call和apply不能傳入this (() = {a: 1})() //返回值為undefiend,想返回對象,使用下面的方式 (() = ({a: 1})() 箭頭函數和lambda表達 l

匿名函數 , Javascript

收藏 評論

Clearlove - 小記:Nginx代理axios請求及注意事項

近期寫個小demo,因為用到某大廠的在線數據,接口做了跨域限制,所以利用Nginx代理來解決這些問題。 1. nginx.conf 配置信息 由於nginx.conf配置信息較多,本篇只關注跟axios和靜態資源請求設置,順便也將常見的一些配置項備註一下。具體設置如下: # 設定http服務器,利用它的反向代理功能提供負載均衡支持 http { #連接超時時間 keepalive_time

HTTP , proxy-pass , Axios , Nginx , 跨域

收藏 評論

若川 - 學習 underscore 源碼整體架構,打造屬於自己的函數式編程類庫

前言 你好,我是若川。這是學習源碼整體架構系列第二篇。整體架構這詞語好像有點大,姑且就算是源碼整體結構吧,主要就是學習是代碼整體結構,不深究其他不是主線的具體函數的實現。文章學習的是打包整合後的代碼,不是實際倉庫中的拆分的代碼。 要是有人説到怎麼讀源碼,正在讀文章的你能推薦我的源碼系列文章,那真是太好了。 學習源碼整體架構系列文章如下: 1.學習 jQuery 源碼整體架構,打造屬於自

函數式編程 , 源碼分析 , underscore , 前端 , Javascript

收藏 評論

JinsongChai - Linux下文件名長度限制

Linux下文件名長度限制 出現場景:在迭代中有一個需求是將pdf文件名修改為所有班級的名稱集合,出現的班級過多導致的文件名過長在linux下無法創建文件和文件夾的情況 解決方式:經過查證,linux中文件名最長為255字符,文件路徑最大長度為4096字符。所以需要對班級名稱進行截斷,並且不僅僅是根據字符串長度截斷,而是根據每一個字母或者漢字對應的字符來計算得到最後的文件名小於255個字符。

字符編碼 , Linux , Javascript

收藏 評論

墨者安全 - 做網絡安全防護前,我們需要了解那些網絡攻擊的表現形式

對於網絡攻擊,應該很多人都知道是怎麼一回事吧。簡單來説,就是犯罪分子通過互聯網網絡對某家企業發起的惡意破壞,竊取數據等操作來影響該企業的正常運營。互聯網技術沒有那麼先進的時候,只是一些簡單的網絡欺詐等網絡犯罪事件發生,而如今我們經常在會聽到某某公司數百萬的用户信息泄露,某某公司被盜取多少金額,或者是某某企業的重要數據被加密,接收到勒索郵件,寫着付錢就給密鑰等事件常有發生。有攻就有防,但是在防的前提

網絡安全 , 服務器端 , 互聯網大數據

收藏 評論