文章專欄ARTICLE COLUMN
1、node環境與開發工具準備前端工程化開發，本地啟動開發環境都是基于nodejs的，命令行里輸入指令node -v可以幫助確認您的電腦上是否安裝了node，如果沒有安裝，則可以去 node官網 下載安裝包，如下圖所示： 不管是在windows還是在mac環境下，都是一鍵傻瓜式...
使用docker安裝Mariadb過程中出現了很多問題，這里匯總下啟動環境 centos7一、使用docker-compose啟動1、數據庫配置文件新建mysql/my.cnf文件，作為mysql的配置文件skip-name-resolveuser=mysql#user為root，會導致下面的報錯character-set-server=utf8defaul...
一、什么是CICD翻譯過來就是持續構建、持續部署，在軟件工程中，一個項目的迭代往往是很頻繁的，每次都要重新部署，就成了一件很繁瑣的事情，那么如何保證項目能夠持續的構建和部署呢？我們先來看一個軟件的開發流水線一般為：需求設計：軟件需求分析和設計開...
一、前言最近在開發一款一鍵登錄的號碼認證js-sdk，所以就做了一些調研，記錄下開發過程。前端SDK是什么？前端SDK是為了幫助前端實現特定需求，而向開發者暴露的一些JS-API的集合，規范的SDK包括若干API實現、說明文檔等前端SDK其實很常見了，比如：UI組件庫...
一、CLI有啥用，認識CLI前端開發過程中常見的CLI有：create-react-appvue-cliwebpack-cliprettier-cli基本復雜一點的工具都在集成CLI，為啥都要搞成CLI呢？因為CLI可以提供更強大的功能:通過命令搭配實現不同的功能管理項目模版啟動本地服務生成模版文件對代...
一、前言大型中后臺項目一般包括10個以上的子項目，如果維護在一個單頁面應用中，項目就會越來越大，而且不利于版本的迭代，微前端就很好的解決了這些問題。這篇文章主要來體驗下螞蟻的微前端：qiankun，雖然比較成熟了，但在體驗過程中還是有一些問題，記錄...
小編寫這篇文章的主要目的，主要是想給大家做出一個深入解答，解答一下關于Python pandas技術，主要是如何找到數據，然后對其進行刪除，下面小編就給大家進行詳細解答下。 前言 當我們在使用Python pandas處理各種數據的時候，經常性的會遇到一些問...
一、前言我們常常見到很多比較棒的開源項目，但在本地安裝運行的話就會很復雜，要配置不同的環境，安裝不同的依賴，好一點的會用docker直接拉取，或者打包好。這些無疑都會增加初學者上手的成本，所以這篇文章總結了下目前比較常用的解決方法之一：使用docker...
一、前言今天開發的時候，發現一個頁面的表單其實是兩個部分，其中一部分還在另一個頁面引用了。這就增加代碼量，所以優化下，為了重復使用這里的表單。如圖，需求就是將下面兩個表單拆開，可以重復使用，實際兩部分可能有很多表單，這里方便起見，只寫了三個...
一、前言昨天一個朋友問：我的工作只有vue、react，了解其他的好像沒有太大作用。其實不然，前端要考慮的內容其實很多，不光是完成業務代碼。我司的一個控制臺前端維護人數在20+，如果每個人都在一個項目中開發，那么每天就等著構建了，不僅容易出錯，而且浪...
一、前言通過CRA腳手架構建的項目，一般webpack配置是隱藏的，如果要修改，就要另外處理。想要修改webpack通常有兩種方式通過插件去增加或覆蓋webpack配置（方法一、方法二）或者釋放項目中的webpack配置，使之可見，然后可以修改（方法三）本來CRA腳手架將we...
一、網站加載概述面試過程中，常常遇到這樣一道面試題，輸入URL到頁面加載完畢，瀏覽器做了哪些工作？首先輸入一個URL，你會看到瀏覽器上面的標簽頁出現了一個loading圖標，開始時是逆時針旋轉，接著順時針旋轉，當前頁面消失，顯示我們常說的空白頁面，接著...
一、前言該過程中用到的技術棧git gitlab shell需要提前準備的內容一個項目myweb本機安裝Git一個Gitlab倉庫docker私有倉庫gitlab runner(Gitlab-runner)公司的代碼一般都保存在私有化部署的Gitlab，要使用Gitlab的CI/CD，需要Gitlab版本>8.0.0CI/CD雖然不難，...
前言前端部署服務器，需要經過打包、遷移、部署、回退操作，如果每次都手動處理，那么容易出錯還浪費時間，自動化部署又比較復雜，那么選擇shell腳本做自動化，也是一個不錯的選擇，具體實現如下：項目環境執行自動化構建的前端項目myweb項目通過命令構建測試...
一、什么是CI/CDCI 持續集成CD 持續交付CI/CD就是在開發階段，通過自動化發布，來頻繁部署應用的一種方式二、為什么要配置CI/CD想象一下，一個項目的發布如果手動部署，需要的操作有：單元測試打包文件上傳服務器等等如果每個過程都需要手動執行，每次都要保...
一、前言保持線上項目穩定運行是很重要的，為了達到服務可用性在99.9%，也為了減少開發人員在項目部署時耗費大量精力，可以嘗試自動化發布自動化部署涉及到的配置比較多，每個環節需要掌握的知識也不同，所以分開寫該過程中用到的技術棧webpack docker nginx ...
背景：在開發移動端內部應用的時候，涉及安全問題，我們經常在企業微信或者圖片上看到水印，防止信息被泄露，針對這次開發做個復盤，記錄下。效果圖如下： 一、實現原理1、首先用canvas繪制水印2、創建蒙層div，可以覆蓋在頁面上，并設置pointer-events:none...
背景：在開發移動端內部應用的時候，涉及安全問題，我們經常在企業微信或者圖片上看到水印，防止信息被泄露，針對這次開發做個復盤，記錄下。效果圖如下： 一、實現原理1、首先用canvas繪制水印2、創建蒙層div，可以覆蓋在頁面上，并設置pointer-events:none...
一、項目背景前端項目開發一個模塊，上線前需要灰度一部分用戶，實現一個臨時的灰度方案。現有項目狀況：一個前端項目1.0.0版本后端服務1.0.0版本后端灰度服務2.0.0版本一個域名解析到前端服務80、443端口前端通過nginx轉發靜態文件1、實現原理1、打包一份前...
現象：在前端開發中，發現項目中很多路徑引入都是相對路徑，出現很多類似importapifrom"../../../api/test"import*asapifrom"../../../api"復制代碼這樣會導致文件引用的時候，需要計算層級，拖慢開發速度，解決方法如下：對于經常使用的目錄，可以采用別名的...
小編寫這篇文章的主要目的，主要是給大家做出一個講解，講解的內容就是關于Python3中，出現了問題該怎么樣去進行解答。包括出現SyntaxError:unexpected EOF while parsin這個問題要怎么做，下面給大家詳細解答一下。 Python錯誤SyntaxError:unexpected...
