使用 typescript 搭建一個基於 cra 的 electron 模板
前言 最近要寫一個 electron 專案，決定採用的技術棧是 react + typescript 。本來想著用市面上現有的模板進行搭建，比如electron-react-boilerplate。不過後來感覺這些模板有些龐大，就自己用create-react-app簡單
定製一個可以react和vue共存的ts專案
前言 跟風微前端，看了一圈原始碼，覺得微前端並不適合公司目前的專案，例如css會有多次載入的問題等，而且我們也不會有juqery的庫，所以將html解析成字串動態插入並執行的路子在我這並非最優解，現在花點時間做一個
一次弄懂Javascript的各種運算子
算數運算子 令y = 5 \"+\"作為二元運算子 規則 Infinity + Infinity = Infinity (-Infinity) + (-Infinity) = -Infinity
【JS】JavaScript語句和宣告之let,const
let 語句宣告一個「塊級作用域」的本地變數，且可選地將其初始化為一個值。
這可能是最詳盡的 Tensorflow Playground 講解
文/卡狸 筆者團隊作為前端在智慧化領域的先行探索者，在過去一年多時間裡普及機器學習知識的過程中也遇到了一些困難。具體來說，就是演算法領域的入門門檻橫向對比其他技術是比較高的，成為演算法工程師所需要的技
vue響應式實現&vue及react的diff演算法
ps 最近總結的東西比較多，下面只是摘出來的一部分第四階段部分。東西多了難免出現差錯望指正
[Typescript] reference實戰（優化傳統monorepo架構）
❝ 前言 ❞ 記錄一下如何使用reference搭建一個一鍵式「開發，管理， 釋出」的「monorepo專案」,
基於 Proxy 實現簡易版 Vue
分解剖析 實現 new Vue() 例項化 實現 {{ prop }} 繫結值 實現 v-model 雙向繫結值 <!DOCTYPE html>
React（官方文件總結）
1、JSX語法 有助於防止XSS，因為ReactDom在呈現之前，會轉義JSX中嵌入的任何值，所以不會注入未在程式中編寫的任何內容。
Js問題深究系列
1原型鏈 提取自本連結 mp.weixin.qq.com/s?__biz=MzU… 講的真的很明瞭。 2 事件冒泡與事件捕獲
H5 分包實現首屏載入時間優化
H5 分包實現首屏載入時間優化 一、為什麼首屏載入需要優化 因為做了很多事情：
JS如何去除陣列中相同的數值
1、圖片之間有空隙 問題： 使用富文字編輯上傳圖片後，小程式渲染後圖片之間有空隙
display:none visibility:hidden opacity:0 區別
display: none; DOM 結構：瀏覽器不會渲染 display 屬性為 none 的元素，不佔據空間；
【進擊的Vue(四)】webpack打包優化
不要讓自己的上限成為你的底線 本文主要講以下內容。webpack-bundle-analyzer佔用統計檢視所有的檔案佔用情況，使用線上cdn替換本地匯入的包，使用clean-webpack-plugin清除webpack打包殘留。
CSS規範BEM CSS和OOCSS
前言 在專案開發中，由於每個人的程式碼習慣不同，編寫出來的css程式碼不夠結構化，整潔度和語義化欠缺。BEM CSS和OOCSS的思想大家在日常編碼中一定有所用到，只是沒有系統的瞭解和完全規範的使用。
Vue學習筆記5-前端工程化
傳統開發模式的主要問題 命名衝突 檔案依賴 通過模組化解決上述問題 模組化就是把單獨的一個功能封裝到一個模組（檔案）中，模組之間相互隔離，但是可以通過特定的介面公開內部成
非同步程式設計方案
前言 我們知道Javascript語言的執行環境是\"單執行緒\"。也就是指一次只能完成一件任務。如果有多個任務，就必須排隊，前面一個任務完成，再執行後面一個任務。
小菜雞的成長之路（前端工程化）
寫在前面 小菜雞的我又來記錄筆記了，這次是前端工程化，感覺現在的前端能做的事情很多，不僅僅是以前寫寫頁面的切圖仔了。大到編輯器、頁面，小到服務端的增刪改都可以去做，而且也不在拘於web端，app、桌面端、服務
什麼是 CLS？在瀏覽器和 Node.js 中實現 CLS
在寫 Flutter 和 Serverless 查資料的時候，在某個部落格裡看到了 CLS 的相關內容，感覺其實是個很不錯的軟體工程的解耦想法，於是儲存了下來。今天回過頭來仔細研究了一下並決定給自己留下一些記錄。
線條之美，玩轉SVG線條動畫
什麼是線條動畫 通常來說，對於web前端來實現動畫效果，不外乎通過下面幾種方案：
大資料實踐解析（上）：聊一聊spark的檔案組織方式
摘要： 在大資料/資料庫領域，資料的儲存格式直接影響著系統的讀寫效能。Spark針對不同的使用者/開發者，支援了多種資料檔案儲存方式。本文的內容主要來自於Spark AI Summit 2019中的一個talk【1】，我們將整個talk分
瀏覽器和網路篇（一）--瀏覽器的快取機制
http 全過程 輸入域名(url)-->DNS對映為IP-->TCP三次握手-->HTTP請求-->HTTP響應-->(瀏覽器跟蹤重定向地址)-->伺服器處理請求-->伺服器返回一個html響應-->(視情況決定釋放TCP連線)-->客
慚愧！三四年的前端第一次部署dist
背景介紹昂 剛到了新公司，沒有運營，領導要看我做的頁面怎麼辦，自能自己去琢磨了。
Mac Web前端環境搭建（包括WebStorm啟用）
原文地址 安裝 Homebrew 官網的安裝無法連結github 使用國內映象，依次選擇安裝源序號 輸入開機密碼
陣列方法
一、建立陣列 陣列的每一項可以儲存任何型別的資料，陣列的大小可以動態調整，隨著資料的新增自動增長以容納新增資料。
正確姿勢學習React知識體系
最近看到掘金上一些React相關的文章，有的已經是lV5級別的同學了，釋出一些react相關知識，錯誤百出，抄別人的文章，驗證都不驗證，就釋出上去，這不是誤導大家嘛，作為一個從事react開發的程式設計師，我覺得應該站
從零開始配置vue許可權控制
許可權控制方式 路由完全由後端返回 確認控制邏輯 約定後端返回資料格式 children: [ // 子路由放入children屬性中
細說vue react angular 區別，快速搞定技術選型！
前言 入行三年多，由於最近開始接手angular專案，到此為止，算是三大框架都擼了一遍了，不敢說熟練使用，但是也是有了一些使用和選型心得了，在此嘗試細說三大框架的優點以區別，加深自己理解的同時，幫助大家快速搞
前端中的事件迴圈eventloop機制
前端中的事件迴圈eventloop機制 我們知道 js 是單執行緒執行的，那麼非同步的程式碼 js 是怎麼處理的呢？例如下面的程式碼是如何進行輸出的：
面試瀏覽器/HTML/CSS問題
盒模型 盒模型主要兩種，標準盒模型和怪異和模型 標準盒模型：width指content部分的寬度