原创 IOS 瀏覽器頁面佈局錯位(如:點不到)的分析與解決

IOS 瀏覽器頁面佈局錯位(如:點不到)的分析與解決 IOS 瀏覽器軟鍵盤的拉起與收縮、微信 IOS 瀏覽器底部導航條的顯示與隱藏,很容易導致頁面佈局錯位(相對窗體的絕對定位元素): 明明按鈕在這裏,卻要在上面一點兒點擊屏幕才能點到它 明

原创 批量轉換 AMD 與 CommonJs 模塊到 ES 模塊

批量轉換 AMD 與 CommonJs 模塊到 ES 模塊 就前端而言,ES6 的模塊化寫法已經是主流了,但很多老的項目都是用 AMD 或者 CommonJs 規範寫的。由於 Webpack 現在已經慢慢不太支持 AMD 或者 Common

原创 再談前端項目的組件化

再談前端項目的組件化 之前詳細聊過的前端項目的組件化,可以參考 組件化 與 私有 npm 倉庫,今天來更進一步的說說前端項目的組件化。 1. 之前的組件化 目錄結構: -project1 # 項目1 -project2 #

原创 js 函數參數推薦書寫方式 ({ param1, param2, ... })

js 函數參數推薦書寫方式 ({ param1, param2, ... }) 編程語言函數(包括對象的方法)參數的取值方式大致可以分爲兩種:按序取值與按名取值。 一般編程語言都是按序取值,比如 C、Java、JavaScript 等,少數

原创 細說Vue組件的服務器端渲染的過程

這篇文章主要介紹了細說 Vue 組件的服務器端渲染,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 聲明:需要讀者對 NodeJs、Vue 服務器端渲染有一定的瞭解 現在,前後端分離與客

原创 細說 Vue 組件的服務器端渲染

細說 Vue 組件的服務器端渲染 聲明:需要讀者對 NodeJs、Vue 服務器端渲染有一定的瞭解 現在,前後端分離與客戶端渲染已經成爲前端開發的主流模式,絕大部分的前端應用都適合用這種方式來開發,又特別是 React、Vue 等組件技術的

原创 如何查看一個 js, ts 文件模塊的依賴樹

如何查看一個 js, ts 文件模塊的依賴樹 最近接手一個別人的頁面,代碼很是凌亂與龐雜,當我在增加功能時,發現我添加的模塊與原有的模塊有衝突,但不知道那個原有的模塊在什麼位置,就得到處找。 但發現這種方式太笨拙了,網上也沒有找到相應的工具

原创 自己常用的前端項目腳手架模板

自己常用的前端項目腳手架模板 react-app-starter:React 應用項目模板 react-ts-app-starter:React + TypeScript 應用項目模板 vue-app-starter:Vue 應用項

原创 前端項目如何管理

前端項目如何管理 前端項目的管理分爲兩個維度:項目內的管理與多項目之間的管理。 1. 項目內的管理 在一個項目內,當有多個開發者一起協作開發時,或者功能越來越多、項目越來越龐大時,保證項目井然有序的進行是相當重要的。 一般會從下面幾點來考證

原创 web 項目如何進行 git 多人協作開發

web 項目如何進行 git 多人協作開發 聲明:本文不介紹 git 的基本用法,需要讀者對 git、git 命令、git 使用有一定的瞭解 現在,大部分項目都是用 git 來管理代碼的,但當項目變大、多人協作時,git 的使用就變得複雜了

原创 web 應用常見安全漏洞一覽

web 應用常見安全漏洞一覽 1. SQL 注入 SQL 注入就是通過給 web 應用接口傳入一些特殊字符,達到欺騙服務器執行惡意的 SQL 命令。 SQL 注入漏洞屬於後端的範疇,但前端也可做體驗上的優化。 原因 當使用外部不可信任的數據

原创 前端開發如何做好本地接口模擬

前端開發如何做好本地接口模擬 之前有寫過一篇 本地化接口模擬、前後端並行開發,講到過本地接口模擬,但不太細緻。這次細細的說說本地接口模擬。 1. 有什麼好處 本地接口模擬最大的好處就是能夠使前後端項目解耦,前端更專注於開發,減少線上調試,以

原创 gitlab 安裝、配置

gitlab 安裝、配置 對於企業級的私有 git 倉庫,gitlab 是個不錯的選擇。 今天就來說說 gitlab 的安裝、配置。 系統配置建議:最低雙核 4G 內存。 當前針對 gitlab 版本:11.5.3。 1. 說明 根據官方的

原创 js 中的 number 爲何很怪異

js 中的 number 爲何很怪異 聲明:需要讀者對二進制有一定的瞭解 對於 JavaScript 開發者來說,或多或少都遇到過 js 在處理數字上的奇怪現象,比如: > 0.1 + 0.2 0.30000000000000004 >

原创 vue 前端項目技術選型、開發工具、周邊生態

vue 前端項目技術選型、開發工具、周邊生態 聲明:這不是一篇介紹 Vue 基礎知識的文章,需要熟悉 Vue 相關知識 主架構:vue, vue-router, vuex UI 框架:element ui, iview, vuetify