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