前端

前端要不要學習設計模式 始終認為每個行業都有自己的特點，各自的專業性。一個開發工程師如果不知道電腦是哪些基本硬件組成，那么我們大概率都會認為這個人非常不專業。那么前端要不要學設計模式呢？設計模式跟前端有多大關系呢？ 前端工程師首先是一個工程師，既然是一個軟件工程師，那么類似設計模式、數據結構、網絡相 ... ?

Vue現在已經迭代到 3+ 版本，閱讀官方文檔的過程中發現作者的一些理念和思路很合我口味，很多概念與方案都是基于解決實際問題提出并實現的，且在權衡利弊后勇于打破常規，比如如何看待關注點分離？?？梢?，Vue 之所以流行，不單單因為作者是國人，更應該是由于 Vue 作為新一代的解決方案提升了前端編程的體 ... ?

在上一節中曾提到過兩種性能監控：SYN 和 RUM，那么對應的也有兩種分析：數據分析和實驗室分析。 數據分析會通過采集上來的性能信息來剖析和定位可能存在的各種問題。 實驗室分析會通過某個線上或本地的測試工具對頁面進行單點測試，得出性能分析報告。 本文會對前者介紹一些分析實踐，后者會介紹一些比較有名的 ... ?

在ES6中新增了一個很重要的特性： class（類）。作為一個在2015年就出了的特性， 相信很多小伙伴對class并不陌生。但是在日常開發中使用class的頻率感覺并不高（可能僅限于作者），感覺對class總有種一知半解的感覺。今天就帶著小伙伴們一起，好好剖析剖析這個特性。 1.什么是class ?

開發規模不大，結合比較正式的規范做了一些簡化 基本概念 常設分支 master - 主分支，用于正式發布 develop - 開發分支，用于創建新開發feature分支 臨時分支 feature/*** - 任務開發分支 release - 預發布分支 hotfix/*** - 線上 ?

目錄 一、前言 二、前端代碼與用法 三、后端代碼與用法 一、前言 最近安全測試的總是測出安全漏洞來，讓開發改。 想了想干脆把請求參數都加密下，前端加密后端解密，這樣總差不多了。 看了下AES加密，是對稱的，前后端用這個不太行。 于是想到用RSA加密，是非對稱的，可以前端加密后端解密。 ?

前端程序員是怎么做物聯網開發的 上圖是我歷時一周做的在線的溫濕度可視化項目，可以查看截至目前往前一天的溫度、濕度變化趨勢，并且實時更新當前溫濕度 本文可能含有知識詛咒 概述和基礎講解 該項目用到的技術有： 前端：jq、less、echarts、mqtt.js 后端：eggjs、egg-emqtt 數 ... ?

需求： 本地有一個生成sql腳本的文檔，預留了很多類似 {{xxx}} 需要替換的地方 。 該需求是 需要前端傳入響應的值 替換掉 模板中預留的需要被替換的位置 最后 通過Post請求返回給前端一個供其下載一個.sql腳本文件 實現步驟 1、首先，考慮到打包后的路徑問題 想到了SpringBoot工 ... ?

前面使用了 11 篇文章分享基于 vue3 、Monorepo 的組件庫工程完整四件套（組件庫、文檔、example、cli）的開發、構建及組件庫的發布。本文屬于這 11 篇文章的擴展 —— 如何發布到 GitHub 上以及如何快速利用 GitHub 發布組件庫文檔。這樣優雅哥的《組件庫框架》系列便 ?

目錄 1.基本用法 2.樣式修改 3.清除浮動 4.content屬性 1、string 2、attr() 3、url()/uri() 4、counter() before/after偽類相當于在元素內部插入兩個額外的標簽，其最適合也是最推薦的應用就是圖形生成。在一些精致的UI實現上，可以 ?

目錄 正文 for of 是干什么用的 可迭代對象是什么？ 生成器和迭代器的關系。 讓非迭代對象也可以使用for of 進行遍歷 for循環和for in的關系 總結 正文 生成器和迭代器這兩個東西平時作為一個切圖仔，一直都沒有使用到。感覺是只有在面試之前才會的東西。面試過不了幾天，再 ?

說起國際化，開發過跨區域網頁的小伙伴應該都遇到過。我們的網頁需要配置多套語言，方便用戶進行切換。 ? 本文就以 React 為例，介紹其中一種實現方案，并學習一下其中的知識點。 ? 一種國際化方案 ? 方案是這樣的： 為多套語言創建對應的 object，并 export 出去 通過 js 立 ?

本文內容主要翻譯自issue 中國外大佬對防抖與節流的解釋, 后面補充了自己的理解和總結。 什么是防抖與節流 防抖和節流是處理“過于頻繁”發生的事情的常用技術。想象一下，你和朋友見面，朋友正在給你講一個故事，但他們說話時很難停下來。假設您想在可能的情況下不打斷他們滿足他們講故事的興致，同時還要回應他 ... ?

目錄 背景 原理 方案 方案一：img的loading屬性設為“lazy” 使用方法 優點 兼容性 缺點 方案二：通過offsetTop來計算是否在可視區域內 優化 優點 缺點 方案三：通過getBoundingClientRect來計算是否在可視區域內 方案四：使用Intersect ?

寫在前面 你好，我是前端程序員鼓勵師巖家興！去年在另一個項目https://juejin.cn/post/7121736546000044046中，我向讀者朋友們介紹了結合npm包管理工具yarn作vue3項目的monorepo架構設計。今天，在這個風和日麗陽光明媚的錢塘江畔，我心情很好，我打算再寫 ... ?

性能優化的重要性不言而喻，Google 的研究表明，當網站達到核心 Web 指標（Core Web Vitals）閾值時，用戶放棄加載網頁的可能性會降低 24%。 如何科學地定位到網頁的性能瓶頸，就需要找到一個合理的方式來測量和監控頁面的性能，確定優化的方向。 前端的性能監控分為 2 種： 第一種是 ... ?

本文主要從命名規范、語法規范、后端系統開發規范、版本更新規范、上線郵件申請規范、項目啟動規范來、文件目錄規范七方面介紹 ... ?

前言 ? 在學習程序開發的時候經常不理解一個工具是前端用的，還是后端用的，想把資料進行分類都分得有點混亂，所以我將我知道的知識點整理成博客 前端和后端的區分 當我們使用互聯網的程序時，比如瀏覽器中的網頁或移動應用，我們實際上時使用的是客戶端和服務器之間的通信，其中客戶端就是指前端，服務器就是后端。 ?

目錄 一，注冊微信支付商戶號（由上級或法人注冊） 二，注冊小程序賬號(由上級或者領導注冊) 三，登錄商戶號綁定小程序 四，后端工程師書寫接口 五，前端工程師調用接口 1. 獲取openid（當前用戶真實id） 2. 調用公司后端接口，獲取支付核心數據 3. 調用微信官方支付接口，彈出支付界面 ?

其他章節請看： react 高效高質量搭建后臺系統 系列 權限 本系列已近尾聲，權限是后臺系統必不可少的一部分，本篇首先分析spug項目中權限的實現，最后在將權限加入到我們的項目中來。 spug 中權限的分析 權限示例 比如我要將應用發布模塊的查看權限分給某用戶（例如 pjl），可以這樣操作： 在角 ... ?