原创 Vue | uni-app 中使用websocket

首先在根目錄下新建一個store文件夾,並新建一個websocket.js文件,代碼如下: import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export defau

原创 微信小程序之函數防抖節流

函數防抖和函數節流,這兩種方式都能夠優化js的性能 什麼是函數防抖和函數節流 函數防抖:debounce 有防反跳的意思,大致就是指防止重複觸發。 含義:延遲函數執行。即不管debounce函數觸發了多久,只在最後一次觸發deboun

原创 MySQL安裝教程詳細

安裝MySQL 1、myql下載地址 解壓到安裝位置,配置環境變量: 2、添加配置文件 在mysql的bin目錄下,新建my.ini文件(如果沒有),打開my.ini文件,寫入以下配置內容 [mysqld] # 設置3306端口 port

原创 koa安裝教程

koa安裝教程 1、全局安裝 npm install -g koa-generator 安裝成功,如下: 2、創建項目 koa2 -e 項目名稱 -e 指的是使用es語法創建模板 創建成功,如下: 3、執行運行 // 初始化 下

原创 JavaScript | 通過身份證計算年齡

js通過身份證計算年齡 export const discriCard = (UUserCard) => { (UUserCard + '' ).substring(6, 10) + "-" + (UUserCard + '' ).sub

原创 Nginx | CentOS 8 安裝Nginx詳細教程

Nginx是一個web服務器也可以用來做負載均衡及反向代理使用, 目前使用最多的就是負載均衡,這篇文章主要介紹了centos8 安裝 nginx Nginx是一種開源的高性能HTTP和反向代理服務器,負責處理Internet上一些最大站點

原创 Vue | 虛擬DOM

一、真實DOM和其解析流程 瀏覽器渲染引擎工作流程,大致可分爲5步: 創建DOM樹——創建StyleRules——創建Render樹——佈局Layout——繪製Painting 第一步,用HTML分析器,分析HTML元素,構建一顆DOM

原创 Vue | 雙向數據綁定

什麼是雙向數據綁定? 根據流程圖實現一個MVVM: 如上圖所示,我們可以看到,整體實現分爲四步: 1、實現一個Compile,對指令進行解析,初始化視圖,並且訂閱數據的變更,綁定好更新函數 2、實現一個Observer,對數據進行劫持,通

原创 JavaScript | ES6 新增

Evernote Export ES6重點知識this關鍵字以及bindlet/const變量解構箭頭函數模板字符串class和繼承ECMAScript 6.0(以下簡稱 ES6)是 JavaScript 語言的下一代標準,已經

原创 CSS | 聖盃佈局、雙飛翼佈局 | 自適應三欄佈局

聖盃佈局和雙飛翼佈局是前端工程師需要日常掌握的重要佈局方式。兩者的功能相同,都是爲了實現一個兩側寬度固定,中間寬度自適應的三欄佈局 雖然兩者的實現方法略有差異,不過都遵循了以下要點: 1.兩側寬度固定,中間寬度自適應 2.中間部分在DOM