node服務開發實戰---猜數字遊戲-express版本
初始化express專案 npm init 生成package.json npm i express -S 安裝express 新建index.jsconst express = require(\'express\');
關於找前端工作的那點事之一（乾貨）
最近有很多朋友找我幫他們改簡歷，對於多年混跡與各個公司跳槽的我來說，真的是比較無語的，由於疫情期間，導致本來在3月份，4月份跳槽的黃金期，推遲到了5月份、6月份，感覺朋友們都是對上一家公司忍了很久
打造一款適合自己的快速開發框架-前端篇之程式碼生成器
前言 在後端篇中已對程式碼生成器的原理進行了詳細介紹，同時也做了java和python版的實現。但是對於前端來說，僅靠後端提供的資料庫元資料還是不足以滿足程式碼生成的要求的，而且前後端分離後，個人還是想把程式碼生
閉包到底是什麼?
前言 閉包閉包,閉包是JavaScript最強大的特性，沒有之一,很多強大JavaScript庫比如jQuery、Vue.js都使用了閉包的特性來實現的。閉包幾乎是一線網際網路企業面試必問的題
DOM 事件模型/機制和事件委託
1，DOM級別 有DOM0~4級，其中dom1級沒有定義相關事件就不是標準的dom事件，它似乎是專注於 HTML 和 XML 文件模型
webpack學習記錄
本章內容： webpack是什麼 為什麼要使用webpack 怎麼配置webpack 如何使用webpack命令 1. webpack是什麼？
CSS知識點總結
給自己時間，不要焦急，一步一步來，一日一日過， 請相信生命的韌性是驚人的，跟自己向上的心去合作，不要放棄對自己的愛護。
小程式橫屏方案對比
前言 隨著小程式api開放的功能日漸增多，小程式可以做到的功能和展現形式也越來越多，其中橫屏的展現形式就是其中的一種，而實現橫屏的方案也有多種，但是每種方案都有一定的缺陷，恰巧最近也在橫屏方案上踩了不少坑
聊一聊typeof instanceof 實現原理
前言 最近在回頭看看js基礎,正好對判斷資料型別有些不懂的地方,或者說不太明白typeof和instanceof原理,所以準備研究研究?
JavaScript中準確判斷資料型別的方法
js中準確判斷資料型別的方法 強烈推薦的Markdown編寫工具Markdown Nice，點選該連結詳細琢磨
React 應用效能優化的 6 條建議
原文地址: itnext.io/6-tips-for-… 譯文地址：github.com/xiao-T/note…本文版權歸原作者所有，翻譯僅用於學習。
一篇JavaScript技術棧帶你瞭解繼承和原型鍊
1在學習JavaScript中，我們知道它是一種靈活的語言，具有面向物件，函式式風格的程式設計模式，面向物件具有兩點要記住，三大特性，六大原則。那麼是哪些呢？具體的三大特性指的是什麼？請記住三大特性：封裝（Encap
JavaScript Math 物件 abs() 方法
語法Math.abs(x) // 必需。必須是一個數值。 示例<script type="text/javascript">
CSS3彈性盒子
一、簡單介紹 彈性盒模型（ Flexible Box或FlexBox）是一個CSS3新增佈局模組，官方稱為CSS Flexible Box Layout Module，用於實現容器裡專案的對齊、方向、排序（即使在專案大小位置、動態生成的情況）, 分配空白
一文彙總 CSS 兩列布局和三列布局
前言 隨著大前端的發展，UI 框架層出不窮，讓我們前端開發對 CSS 的能力要求變得沒那麼高或者沒那麼嚴苛，起碼重要性是比不上 JS 程式設計的。但是，基礎的 CSS 依然需要我們熟練掌握，今天就來總結寫下 CSS 佈局的方
javascript繼承總結
前置 所有的物件都是__proto__屬性,指向其建構函式的原型物件 所有的函式物件都有prototype屬性表示原型物件,作用:共享例項物件的屬性和方法.
CSS 選擇器大全解
CSS 選擇器規定了CSS規則會被應用到哪些元素上 寫在前面 本文使用一個統一的HTML案例，並通過使用不同的選擇器例子來測試究竟哪些元素被添加了樣式（主要是寬度為1px的邊框），對應的HTML程式碼如下，為了方便你
是時候搭建你們團隊的 UI 元件庫了
一、技術棧 我們先簡單瞭解一下要搭建一個團隊的 UI 元件庫，會涉及到哪些技術棧：
為什麼 Vue 更符合這個時代的大勢所趨？
不久前，尤雨溪釋出了 Vue 3.0 Beta 版本。 釋出之後我們對社群裡的前端開發者做了一次調查溝通，大家普遍認為 Vue 已經具備了商業專案開發的必備條件，如語法精煉、優雅而簡潔、程式碼的可讀性高、成熟的元件模組化
vue-hooks學習筆記（含原始碼解讀）
背景 hooks 百度翻譯為鉤子，不要把 Hooks 和 Vue 的 生命週期鉤子（Lifecycle Hooks） 弄混了，Hooks 是 React 在 V16.7.0-alpha 版本中引入的，而且幾天後 Vue 釋出了其概念驗證版本。
Mock資料從未如此簡單
前後端分離的專案中，前端往往需要自己構造假資料進行渲染。作為一名合格且優秀的前端開發人員當然是希望一次性編碼，後面前後端聯調的時候最好什麼都不用做，直接一個文件丟給後端自己就可以愉快的進行下一個專案了
使用 c++ 呼叫 windows 列印 api 進行列印
前言 在近期開發的收銀臺專案中，需要使用印表機進行小票列印，列印流程的時序圖如下所示：
vue效能優化之Gzip壓縮
1.安裝依賴： compression-webpack-plugin是一個非常好用的壓縮外掛，適用於vue-cli版本2以上，
更貼合hooks的狀態管理--hox
前言 在之前的React Hooks：初探·實踐提到過hooks更符合React程式設計模型，其中custom hooks更是讓人眼前一亮，只能說用過的都說香，但是一直沒找到貼合hooks的狀態管理，雖然hooks的設計挺多來自於redux，但是red
vue-pdf實現pdf檔案線上預覽
1. 前言 PDF檔案線上預覽的功能相信大家都是有遇到過的,但在我平時的專案中,公司提供了相應的外掛,但是在h5等其他專案中,我們還是隻能靠自己呀! 今天就大概說一下 vue-pdf 這個元件,大部分的需求還是可以滿足的
webpack效能優化面面觀
前言 開發中，webpack檔案一般分為3個： webpack.base.conf.js （基礎檔案） webpack.dev.conf.js （開發環境使用的webpack，需要與webpack.base.conf.js結合使用）
「前端面試100問」之JavaScript 記憶體管理和垃圾回收機制
記憶體管理的主要目標是在需要時為系統提供動態分配的記憶體，然後釋放包含不再使用的物件的記憶體。 諸如C，C ++之類的語言具有諸如malloc()之類的用於記憶體分配的原始函式，其中某些高階語言（如JavaScript）內
從零實現一個React&ReactDOM（附程式碼）
前言 作為一個react剛入門的小白，趁放假看了珠峰架構的從零實現react視訊，跟著敲了一下，為了加深記憶和理解，寫了這篇部落格。
javascript的深拷貝和淺拷貝
這個面試題屬於比較常見的面試題，但是我們在回答過程中但是還是有很多細節我們沒有回答出來，那麼接我們一起來探討一下這個問題
10分鐘學會 optioanl chaining 可選鏈
前言 說起來，可選鏈操作符（ optional chaining ）都加入 babel 套餐很久了，筆者還是沒有在實踐中大量使用，第一個是對這個特性還是半吊子的理解，第二個是沒養成這個習慣～這裡列舉一下常用的場景，以供下次能在