博客 RSS 訂閱

zhengcaiyunqianduantuandui 頭像

政採雲前端團隊 - 政採雲前端小報第48期

政採雲前端小報第48期 瀏覽更多往期小報，請訪問： https://weekly.zoo.team 本週原創 前端工程師需要了解的 Babel 知識 基於 Vue 的商品主圖放大鏡方案 本週收集 Kubernetes 在有讚的實踐 本文分享了 Kubernetes 在有讚的實踐和演進，以及遇到的一些問題。 通過實現25個數組方法來理解及高效使用數組方法(長文,建議收藏) - 掘金 高效使用

vue.js , bfc , Javascript

收藏 評論

tianzhen 頭像

天真小兮兮 - 讓mocha支持ES6模塊

mocha是比較常用的node測試框架，但是隻支持commonjs模塊，要讓mocha支持ES6模塊，需要babel的幫助。 書寫本文時用到的工具版本為： babel v7 mocha v6.2 安裝依賴 $ npm i -D @babel/cli @babel/core @babel/preset-env @babel/register babel配置 在package.json或.ba

ecmascript-6 , mocha , 測試工具 , Javascript

收藏 評論

taoqun 頭像

Taoqun - jquery開發 css 自動刷新預覽 stylus編譯

今天需要做一個簡單的介紹展示頁面，無需webpack這類的腳手架，裝了兩個包就能開始開發了。 環境需求： 自動刷新 編譯css 使用兩個包就可以了： browsersync 監聽變動 自動刷新頁面 stylus 寫css一直比較喜歡這個css預處理框架，因為簡潔 安裝browsersync 安裝 npm install -g browser-sync 監聽文件 browse

node.js , stylus , jquery , html5 , Javascript

收藏 評論

maizi_595dd147c6621 頭像

麥子 - mint ui部分功能無法運行的解決方案

!DOCTYPE html是針對ie等瀏覽器怪異模式聲明的。 mint ui主要是針對移動端開發的，不涉及瀏覽器兼容，直接去掉即可。 mint ui源碼就是要求去掉 !DOCTYPE html 這個聲明。

mint-ui

收藏 評論

shijuepaipie 頭像

視覺派Pie - Huilder X開發-貓耳APP（H5+/MUI/VUE）

前言 近年來國內出現了一些可以讓前端人員編寫移動端App的IDE，Hbuilder X是DCloud推出的一款免費開發工具，最大的亮點是可以開發App，利用html5+技術，結合mui+nativejs可以在雲端打包，主要用到的技術就是HTML5、JS、CSS，一套代碼，即可生成Android和IOS對應的兩種App。最早的App開發只有原生這個概念，Html頁面只是用來做一些簡單的靜態資源展示

vue.js , hbuilder , mui

收藏 評論

shijuepaipie 頭像

視覺派Pie - Mocha和單元測試

Mocha測試框架和項目實例 測試項目已上傳github 地址：https://github.com/Hanxueqing... 運行克隆命令，下載到本地 git clone git@github.com:Hanxueqing/Mocha-test.git 一、什麼是Mocha Mocha（發音"摩卡"）誕生於2011年，是現在最流行的JavaScript測試框架之一，在瀏覽器和Node環境都可

mocha

收藏 評論

systemofdown 頭像

斷舍離 - Yii2 composer安裝慢的解決辦法

專欄內容備份：https://www.bestyii.com/topic/1 在yii中引用php的開源項目用composer已經很方便了，引用前端的開源項目也有composer的插件fxp-asset和Asset Packagist 以前yii默認採用前者，現在新的yii2模版默認採用後者，後者的作者就很厲害了，貌似是個重度yii用户，看來是被fxp-asset的執行緩慢給弄急眼了，所以自己搞了

composer , bower , yii2

收藏 評論

qianduanyouxuan 頭像

Wen前端嚴選 - 前端自動化測試（一）

目前開發大型應用，測試是一個非常重要的環節，但是大多數前端開發者對測試相關的知識是比較缺乏的。因為可能項目開發週期短根本沒有機會寫，所以你沒有辦法體會到前端自動化測試的重要性。 來説説為什麼前端自動化測試如此重要！ 先看看前端常見的問題: 修改某個模塊功能時，其它模塊也受影響，很難快速定位bug 多人開發代碼越來越難以維護 不方便迭代，代碼無法重構 代碼質量差 增加自動化測試後：

testing , karma , jest , npm , Javascript

收藏 評論

chigeshitou 頭像

吃個石頭 - nginx location rewrite常用詳解

location 以 = 開頭，表示精確匹配；如只匹配根目錄結尾的請求，後面不能帶任何字符串。 以^~ 開頭，表示uri以某個常規字符串開頭，如果匹配到，則不繼續往下匹配。不是正則匹配 以~ 開頭，表示區分大小寫的正則匹配; 以~* 開頭，表示不區分大小寫的正則匹配 以/ 開頭，通用匹配, 如果沒有其它匹配,任何請求都會匹配到 *注意 location xxx {}

location , rewrite , proxy-pass , Nginx

收藏 評論

sillyhong 頭像

sillyhong - 前端單元測試入門1

1. 單元測試 1.1 TDD 測試驅動開發 TDD指的是Test Drive Development，很明顯的意思是測試驅動開發，也就是説我們可以從測試的角度來檢驗整個項目。 大概的流程是先針對每個功能點抽象出接口代碼，然後編寫單元測試代碼，接下來實現接口，運行單元測試代碼，循環此過程，直到整個單元測試都通過。 1.2 BDD 行為驅動開發 BDD指的是Behavior Drive

mocha

收藏 評論

mafengwojishu 頭像

馬蜂窩技術 - 一種對開發更友好的前端骨架屏自動生成方案

（馬蜂窩技術原創內容，公眾號 ID：mfwtech） 一份來自 Akamai 的研究報告顯示，在對 1048 名網購户進行採訪後發現： 約 47% 的用户期望他們的頁面在兩秒之內加載完成。 如果頁面加載時間超過 3s，約 40% 的用户會選擇離開或關閉頁面。 一直以來，為了提升用户在頁面加載時的體驗，無論是 Web 還是 iOS、Android 的應用中，前端開發工程師都做了許多工作。除

puppeteer , 骨架屏 , webpack , ejs

收藏 評論

deltaf 頭像

DeltaF - 聊聊Java經典框架SSH和SSM

前段時間聽朋友説了個段子，一個號稱二十多年開發經驗的架構師，所有的請求和業務處理都放在一個controller，快十萬行的代碼，維護都覺得吃力。其實在2003年淘寶上線，2009年微博發行內測之前，一個靜態網站或是能夠上傳文件的論壇就已經算是互聯網的代名詞，這樣的網站對併發與系統架構並沒有太高要求，能用就行。而後由於需求的複雜和計算機技術的發展，系統也逐漸拆解，並形成框架，以供更好地複用與開發維護

框架 , struts2 , spring-mvc , hibernate , JAVA

收藏 評論

moer 頭像

moer - 小程序mpvue生成的項目無法使用npm構建

無法構建的原因 vue init mpvue/mpvue-quickstart projectName 以上指令生成的項目由於 project.config.json 中 miniprogramRoot: "dist/wx/" 已指定路徑，所以導致小程序無法構建npm 刪除 miniprogramRoot 可以實現構建，但同時也帶來新的問題，小程序將找不到啓動入口。 解決辦法 手動從node

小程序 , mpvue

收藏 評論

bukenengdeshi 頭像

不可能的是 - 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 頭像

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

收藏 評論

kobe08 頭像

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

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

foreach , php , laravel , php7

收藏 評論

ipromise 頭像

ipromise - JavaScript New模擬實現

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

apply , new , this , javsscript

收藏 評論

zmh929 頭像

Zhanghouhou - 字符集詳解

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

utf-8 , 字符編碼 , unicode

收藏 評論

10000000 頭像

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

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

spring , flux , pattern , JAVA , enum

收藏 評論

zxxxj 頭像

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

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

react , virtual-dom , diff

收藏 評論

hephaest 頭像

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 頭像

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

收藏 評論

chensida 頭像

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

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

node.js , ejs , Javascript

收藏 評論