1，前言 本文主要分享一個(gè)項(xiàng)目的規(guī)范約束從0到1的流程，從通過(guò)vue-cli創(chuàng)建項(xiàng)目，到團(tuán)隊(duì)協(xié)作插件安裝（husky、eslint、commitlint、prettier等）...
IP屬地：四川
-
手把手教你搭建規(guī)范的團(tuán)隊(duì)vue項(xiàng)目，包含commitlint，eslint，prettier，husky，commitizen等等
-
Vue3 新特性 + TypeScript 小實(shí)戰(zhàn)上次將 Composition API 大致梳理了一遍 ，這次主要是想記錄一些 vue3 相較 vue2 新增出來(lái)的一些特性和一些方法上使用的變動(dòng)，話不多說(shuō)，直接開(kāi)擼。 Te...
-
前端工程丨Vue3丨TS丨封裝請(qǐng)求多個(gè)不同域的接口
前面說(shuō)的話 本文主要講述在項(xiàng)目中遇到的一些業(yè)務(wù)場(chǎng)景，并提煉出來(lái)的解決方案。供小伙伴們參考~ 在一個(gè)項(xiàng)目中，我們可能會(huì)遇到這樣子的場(chǎng)景，項(xiàng)目請(qǐng)求的接口如 https://a.c...
-
正則表達(dá)式字符匹配攻略[轉(zhuǎn)]
正則表達(dá)式是匹配模式，要么匹配字符，要么匹配位置。請(qǐng)記住這句話。 然而關(guān)于正則如何匹配字符的學(xué)習(xí)，大部分人都覺(jué)得這塊比較雜亂。 畢竟元字符太多了，看起來(lái)沒(méi)有系統(tǒng)性，不好記。本...
-
react 自定義樹(shù)（組織架構(gòu)）我的原型圖長(zhǎng)這樣，我的第一想法是使用antd提供的tree組件，但是發(fā)現(xiàn)似乎沒(méi)法定義右側(cè)的內(nèi)容 我的數(shù)據(jù)結(jié)構(gòu)長(zhǎng)這樣 渲染出基本結(jié)構(gòu) 定義組件，接收source數(shù)據(jù)，并遞歸的...
-
react--實(shí)現(xiàn)簡(jiǎn)易json編輯器分析 由于個(gè)人不太喜歡一切皆props的形式，故想要做到一些公共api既可以在內(nèi)部調(diào)用又可以對(duì)外部暴漏，類組件使用高階/裝飾器,函數(shù)組件使用hooks，我這里使用方式二，對(duì)...
-
react-grid-layout 寬度超出問(wèn)題 最近在使用react-grid-layout 做可拖動(dòng)布局，偶然發(fā)現(xiàn)，當(dāng)我登陸完之后，跳到首頁(yè)會(huì)發(fā)生寬度超出，本來(lái)設(shè)定好的都是一屏的；cb086782bc5b38ba1...
-
Mocha+Typescript單元測(cè)試配置教程安裝依賴 項(xiàng)目根目錄創(chuàng)建test/unit單元測(cè)試目錄 在test/unit目錄下創(chuàng)建tsconfig.test.json，為測(cè)試框架提供所需的ts配置 在根目錄創(chuàng)建moch...
-
如何從零到一建立前端規(guī)范前言 不以規(guī)矩，不能成方圓。 本人有幸經(jīng)歷了團(tuán)隊(duì)從缺乏標(biāo)準(zhǔn)到逐漸規(guī)范的一個(gè)過(guò)程，在此當(dāng)做記錄供大家參考。 本文從為什么需要規(guī)范以及建立規(guī)范的重要性出發(fā)，逐步引申出如何去建立適...
-
React, TypeScript 寫(xiě)游戲探索
如何用 React, TypeScript 寫(xiě)游戲? 1. React的優(yōu)勢(shì) 數(shù)據(jù)驅(qū)動(dòng), 根據(jù)state或者props的變化 => 視圖的變化, 以前的方式往往是直接操作 D...
-
使用 React Hooks 實(shí)現(xiàn)仿石墨的圖片預(yù)覽插件（巨詳細(xì)）
前言 最近工作中需要制作一個(gè)圖片預(yù)覽的插件，在參考了很多產(chǎn)品（掘金、知乎、簡(jiǎn)書(shū)、石墨等）的圖片預(yù)覽之后，最終還是覺(jué)得石墨的比較符合我們的產(chǎn)品需求。 本來(lái)以為能在社區(qū)中找到相關(guān)...
-
axios的封裝與使用（做了防止多次重復(fù)請(qǐng)求處理）
請(qǐng)求封裝 使用1.個(gè)人習(xí)慣，把所有api寫(xiě)在一個(gè)文件里，默認(rèn)跟ajax.js同級(jí)目錄 2.在需要調(diào)用請(qǐng)求的頁(yè)面發(fā)起請(qǐng)求
-
nfPress——基于 vite2 + Vue3 寫(xiě)一個(gè)在線幫助文檔工具
提起幫助文檔，想必大家都會(huì)想到 VuePress等，我也體驗(yàn)了一下，但是感覺(jué)和我的思路不太一樣，我希望的是那種可以直接在線編輯文檔，然后無(wú)需編譯就可以直接發(fā)布的方式，另外可以...
-
nuxt.js做公司官網(wǎng)pc+移動(dòng)端（1）官網(wǎng)要求：pc+移動(dòng)端，要求自適應(yīng)，兼容市面上絕大多數(shù)瀏覽器和移動(dòng)終端，要求用框架做，謝絕jq，可seo。 框架選型思路： 由于要用框架，還要可seo，官網(wǎng)開(kāi)發(fā)用vue開(kāi)發(fā)，...
-
《仿釘釘流程設(shè)計(jì)源碼欣賞》
源碼地址：https://gitee.com/luocheng/Workflow/tree/master[https://gitee.com/luocheng/Workflo...
-
淺談服務(wù)端渲染(SSR)最近在把一個(gè)c端的項(xiàng)目重構(gòu)成首屏服務(wù)端渲染（SSR：server side render） 項(xiàng)目用到的技術(shù)： React 、webpack、koa2、webpack 對(duì)于重構(gòu)...
-
tinymce實(shí)現(xiàn)從word直接粘貼并自動(dòng)上傳圖片 powerpaste plugin source code直接上鏈接: https://pan.baidu.com/s/1GEFDoWDQjcn_E_BJuLc0vQ[https://pan.baidu.com/s/1GEFDoWD...
-
長(zhǎng)列表優(yōu)化技巧以下文章來(lái)源于一沐年華，作者沐華 ，寫(xiě)的很棒，希望能幫助到各位。 性能優(yōu)化，是每一個(gè)開(kāi)發(fā)者都會(huì)遇到的問(wèn)題，特別是現(xiàn)在越來(lái)越重視體驗(yàn)，以及競(jìng)爭(zhēng)越來(lái)越激烈的環(huán)境下，對(duì)于我們開(kāi)發(fā)者...
