原创 二維碼基本原理

二維條碼是指在一維條碼的基礎上擴展出另一維具有可讀性的條碼,使用黑白矩形圖案表示二進制數據,被設備掃描後可獲取其中所包含的信息。一維條碼的寬度記載着數據,而其長度沒有記載數據。二維條碼的長度、寬度均記載着數據。二維條碼有一維條碼沒

原创 MVC、MVP、MVVM 三種架構模式的區別

MVC模式概要 1.即Model、View、Controller即模型、視圖、控制器。 -View:它是提供給用戶的操作界面,是程序的外殼; Model:是程序需要操作的數據和信息; Controller:接收View層傳遞過來的

原创 前端入門篇之HTML

1、doctype 的作用是什麼? DOCTYPE 是 html5 標準網頁聲明,且必須聲明在HTML文檔的第一行。來告知瀏覽器的解析器用什麼文檔標準解析這個文檔,不同的渲染模式會影響到瀏覽器對於 CSS 代碼甚至 JavaScr

原创 簡單瞭解 JavaScript的組成

這個文章意義重點 溫故而知新 JavaScript的組成:一個規範兩套API ECMAScript(規範) | API: BOM (瀏覽器對象模型) DOM (文檔對象模型) ECMAScript - JavaScript的核心

原创 ejs 模板引擎 服務器端渲染

npm i express express mini-shop-app -e //使用express 創建一個項目 後面的參數是項目名稱 和使用的js格式 app.set('view engine',ejs) //設置模板引擎

原创 AMD CMD 二者的區別

AMD 是 RequireJS 在推廣過程中對模塊定義的規範化產出。 CMD 是 SeaJS 在推廣過程中對模塊定義的規範化產出。 類似的還有 CommonJS Modules/2.0 規範,是 BravoJS 在推廣過程中對模

原创 react 生命週期之執行順序

(1) componentWillMount() 僅在render()方法前被調用一次,如果在該方法中調用了setState方法去改變組件的狀態值,那麼調用render()後,將會直接看到改變過了的狀態值,並且不論狀態值怎麼改變

原创 node.js 富文本 圖片上傳 開發流程

使用富文本的注意事項: 資源路徑問題 editor1.sync() 資源同步 //注:如果不開啓資源同步,得不到textarea 文本域內輸入的值 問題2 editor1 定義問題 需要在KinndEditor.ready(

原创 Vue 生命週期——鉤子函數

上圖爲vue生命週期的鉤子函數 什麼是生命週期? 生命週期就是一個vue組件從創建到銷燬經歷的過程。 生命週期分爲四個大階段 八個過程 每個分爲創建前和創建後 什麼是鉤子函數? 鉤子函數就是當這個組件執行到當前生命週期時,觸發的

原创 JS基礎--內存圖與JS世界

瀏覽器功能 瀏覽器的如何打開一個網頁? 1.發起請求 2.下載HTML,解析HTML 3.下載CSS,解析CSS 4.渲染界面。把不同的內容結合起來,展示在屏幕上稱作渲染;通常瀏覽器的渲染主要指的是HTML和CSS兩種內容的結合。

原创 git 錯誤error:failed to push some refs to

今天使用VSCODE 學習node.js, 想在git上push代碼 於是在git上建立了一個私有的遠程倉庫, 連接後push代碼時提示如下錯誤: error: failed to push some refs to 'git@

原创 props 條件驗證

在Vue中父組件向子組件中傳送數據是通過props實現的,一個簡單的使用props的例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8">

原创 什麼是內存泄漏?什麼操作會觸發內存泄漏?

內存泄漏是指 一些對象我們不在使用它的時候,他任然存在 setTimeout 的第一個參數使用字符串而非函數的話,會引發內存泄漏 閉包使用不當 什麼是閉包(Closure) 簡單講,閉包就是指有權訪問另一個函數作用域中的變量的函數

原创 分享Web性能的前端優化技巧

這是一篇講述幫助、改善優化前端的技術,對於前端人員是十分有用的知識。主要內容有清理代碼、壓縮圖片、壓縮外部資源以及一些其它方法。這些方法會爲你的網站帶顯著的速度提升和整體性能提升。 一、清理 HTML 文檔 HTML,即超文本標記

原创 前端跨域及前後端交互驗證

JWT Json Web Token,是一個token的加密處理方式 是目前階段比較流行的一種token處理方式 http請求是無狀態的,爲了保證多次請求之間的狀態數據 ,可以使用token或者cookie的方式來傳遞用戶