原创 React複習二

JSX 防止注入攻擊 你可以安全地在 JSX 當中插入用戶輸入內容: const title = response.potentiallyMaliciousInput; // 直接使用是安全的: const element = <

原创 微信表情

微信新增表情 一.更新版本後的新增10個emio、需要ui圖配置 [Onlooker][GoForIt][Sweats][OMG][Emm][Respect][Doge][NoProb][MyBad][Wow] 移動端微信原生表

原创 React複習一

一、生產版本 發佈前確保已部署的HTML加載了以product.min.js結尾的React版本,那麼你的網站是生產就緒的 <script src="https://unpkg.com/react@16/umd/react.pro

原创 React複習三

代碼分割 打包 大多數 React 應用都會使用 Webpack,Rollup 或 Browserify 這類的構建工具來打包文件。 打包是一個將文件引入併合併到一個單獨文件的過程,最終形成一個 “bundle”。 接着在頁面

原创 React複習四

Refs 轉發 Fragments React 中的一個常見模式是一個組件返回多個元素。Fragments 允許你將子列表分組,而無需向 DOM 添加額外節點。 class Columns extends React.Compon

原创 拷貝(clone)方法集合

1.擴展運算符... 淺拷貝,拷貝可枚舉屬性 使用這種技術將會忽略原型鏈。此外,嵌套對象並不會被克隆,只是複製了他們的引用,因此淺拷貝後嵌套對象和原始對象仍然指向同一個對象。 let a = {b:1} b = {...a} co

原创 charles安裝使用指南

下載及破解 官方網址:https://www.charlesproxy.com/ 破解jar包獲取地址:https://www.zzzmode.com/mytools/charles/ 下載官方Charles安裝好。然後用第二個破

原创 PWA學習之路(一)

簡介 全稱:Progressive Web App 漸進式網頁應用 一個 PWA 應用首先是一個網頁, 可以通過 Web 技術編寫出一個網頁應用. 隨後添加上 App Manifest 和 Service Worker 來實現

原创 箭頭函數相關

基本用法 var a = (num1,num2)=> num1+num2 等價於: var a = function(num1,num2){ return num1+num2 } 如果沒有返回值 var f = ()=>v

原创 1px問題-詳解

當你給一個div這樣的css樣式後 邊框寬度爲1px .border height 50px width 50px margin 0 auto background pink margin-top 20px

原创 Vuex相關

1. 標題 部分概念集合 Vuex 是爲Vue提供的一種狀態管理機制。 每一個vue插件都需要有一個公開的install方法。 2.特點 Vuex的狀態存儲是響應式的。當Vue組件從store中讀取狀態的時候,若store的狀態發

原创 正則相關

具體語句可在網上搜正則 會有具體的語法 .*單個字符匹配任意次(貪婪算法) .*? 滿足條件的字符只匹配一次,最小匹配 舉栗子: 文本 <!--{2#111#Aôtel D'A特殊字符}-->你好你好你好5⃣️ <!--{2#22

原创 vue-router 的 hash 和 history 模式

vue-router 默認 hash 模式: 使用 URL 的 hash 來模擬一個完整的 URL,於是當 URL 改變時,頁面不會重新加載 history 模式: 利用 history.pushState API 來完成 URL 跳

原创 卡片左右滑動 帶動任務條滑動 vue

接到一個任務,做一個活動卡片,卡片左右滑動帶動卡片上方的任務條走到對應節點: 1、卡片和任務條均爲動態生成 2、卡片底部可以左右滑動 3、當一張卡片超過50%的區域展示出來後放手,定位到對應卡片 4、卡片更換完成後,上方任務軸同時更換

原创 express 起一個簡單的服務

首先安裝express npm install express -D 新建一個index.js的文件 //引入express中間件 var express = require('express'); const http = req