博客 RSS 訂閱

xiaoping_5b9bd7cd1b5c6 頭像

xiaoping - MacOS配置 iTerm2,oh-my-zsh,zsh_028

MacOS配置 iTerm2,oh-my-zsh,'zsh' zsh Mac 自帶的 zsh終端 cat /etc/shells 修改系統默認的終端為zsh # 更改終端 chsh -s /bin/zsh # 確認是否更改成功 echo $SHELL # /bin/zsh 安裝oh-my-zsh https://github.com/robbyrusse... 安裝 sh -c "$(cur

iterm2 , visual-studio-code , macos , 終端 , Javascript

收藏 評論

reeli 頭像

橘子小睿 - 通過 Swagger 定義自動生成 Mock 數據

我最近的在做的項目是一個前後端分離的項目，前後端由不同的團隊分別開發，並且前端的進度經常領先後端。這就意味着，當前端在開發一個新功能時，API 可能還沒有準備好。不過，我們會先和後端先商議好 API Schema，然後使用 Mock 數據進行開發。 但問題也隨之而來，定義 Mock 數據並配置 mock server 真的太浪費時間了！我真的非常討厭這種沒有任何技術含量的「苦力活」。所以，只好想辦

mock , 前端工具 , swagger , 前端

收藏 評論

huangjuyuan 頭像

和平老三 - 從symfony框架到一個完整的項目需要幾步? (三) 入口文件都做了什麼

前言 對於php的框架，無論是yii，symfony或者是laravel，大家都在工作中有涉獵。對於在框架中的存放着資源包vendor文件夾，入口文件(index.php 或者 app.php)，大家也都與他們每天碰面。但是你真的熟悉這些文件/文件夾嗎？一個完整的項目是如何從一個純淨框架發展而來？各個部分又在框架這個大廈中又起到了怎麼樣的作用？ 三、symfony 總説服務器端刪緩存，到底實在刪除

php , php框架 , symfony

收藏 評論

aichinatech 頭像

AI撲社 - Proxy用法——讓我們創建一個API代理器

什麼是Java Proxy？ MDN對Proxy 的定義是： Proxy對象用於定義基本操作的自定義行為（如屬性查找、賦值、枚舉、函數調用等）。 通俗的將，Proxy對象是目標對象的一個代理器，任何對目標對象的訪問，都必須通過該代理器。因此我們可以對外界的訪問進行過濾改寫等操作。 語法 target-用Proxy包裝的目標對象（可以是任何類型的對象，包括原生數組、函數，甚至另一個代理

proxy-pass

收藏 評論

js_even_js 頭像

JS_Even_JS - mpvue開發微信小程序基礎知識

一、mpvue簡介 mpvue 是一個使用 Vue.js 開發小程序的前端框架。框架基於 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 實現，使其可以運行在小程序環境中，從而為小程序開發引入了整套 Vue.js 開發體驗。mp 即 mini program 的縮寫。 二、mpvue快速入門 ① 通過腳手架引入mpvue模板 vue 3.0

vue.js , 微信小程序 , mpvue

收藏 評論

lvtu 頭像

旅圖灬 - mint-ui picker 三級聯動實現

使用這個插件遇到幾個問題總結一下。 問題一 mint-ui picker defaultIndex修改設置默認值設置不了 按照官網的例子 http://mint-ui.github.io/docs...， 然後使用 defaultIndex 發現怎麼修改默認值都不會變。 解決方案： 在data() 實例對象裏面聲明的時候，就需要添加 defaultIndex屬性值。o(╥﹏╥)o 問題二 設置默

vue.js , mint-ui

收藏 評論

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

收藏 評論