原创 解決移動端點擊300ms延遲

爲什麼會出現 300ms 延遲? 系統需要判斷點擊後300ms之內是否有第二次點擊,如果有,就是放大縮小整個窗口查 看窗口內容。如果沒有第二次點擊,就會傳入click事件給頁面。那麼頁面的click就會導 致有300ms延遲。

原创 原生 js 網頁版貪喫蛇

使用原生 js 實現貪喫蛇小遊戲,首先這個 小遊戲的目錄結構如下: 有 貪喫蛇 , 食物 ,地圖 ,還有 遊戲 當我們在瀏覽器打開 index.html 的時候,會出現 移動的小蛇 ,隨機生成的食物(這裏只有一個,當前食物被喫掉

原创 Vue +Ts

Vue + Ts 一 安裝環境 // 安裝 vue 腳手架, 安裝到全局 npm i @vue/cli -g // 創建項目 vue create vue-ts // 自定義項目 // 勾選上 Typescript, Babe

原创 屏幕兼容齊劉海

“jingle bells, jingle bells Jingle all the way …” 作爲一名前端開發工程師,我們經常需要適配不同的機型,在這裏我們可以使用 safe-area-insets 這個插件解決屏幕齊劉海的

原创 redux 的原理

index.js import React from 'react' import ReactDOM from 'react-dom' import App from './App' ReactDOM.render( (

原创 React 受控組件和 非受控組件

React中的受控組件和非受控組件學習總結 一、受控組件(React官方推薦) 在React中,每當表單的狀態發生變化時,都會被寫入到組件的state中, 這種組件在React被稱爲受控組件 示例代碼: input 綁定了 st

原创 fatal: Authentication failed for 'https://git.code.tencent.com/tencent_retail/we-retail-admin.git/'

問題: window 10 電腦,git clone 倉庫時不小心輸錯了密碼,結果就一直給我報錯了, 也不給我彈框重新輸入 憑證失敗 解決方法: 我嘗試着重新輸入: git config --global user.nam

原创 Vue 中數據雙向綁定

Vue 中數據雙向綁定核心: 數據劫持 發佈訂閱 vue是採用數據劫持,並且使用發佈-訂閱者的開發模式。原理是觀察者observer通過Object.defineProperty()來劫持到各個屬性的getter setter

原创 Swagger 使用

Swagger 使用指南 前言:作爲一個以前後端分離爲模式開發小組,我們每隔一段時間都進行這樣一個場景:前端人員和後端開發在一起熱烈的討論"哎,你這參數又變了啊",“接口怎麼又請求不通了啊”,“你再試試,我打個斷點調試一下…”。可

原创 實現頁面的自動縮放

場景:我有一張背景圖,需要讓它佈滿整個窗口,且根據窗口的變化進行相應的縮放 整體思路: config.js 中配置全屏時的一些參數,比如說我這裏設置寬,高 zoom.js 中拿到 config.js 中的寬高,設置給 body,拿

原创 typescript 中 interface 和 type 的區別

Typescript 中的 interface 和 type 到底有什麼區別 ? interface VS type 大家使用 typescript 總會使用到 interface 和 type,官方規範 稍微說了下兩者的區別 A

原创 React 中封裝一個全局 Toast 組件

場景:編寫 React 項目時,我想封裝一個全局的 Toast(消息提示)組件,比如說此時的登錄頁面,當我判斷用戶沒有輸入 tel 時,我改變 state 中的 toastMessage 對象,就會自動顯示提示消息 實現的效果如下

原创 性能優化

性能優化-頁面 減少 http 請求次數 減少 DNS 查詢次數、CDN 加速 本地存儲 gzip 壓縮、Broti、HTTP2.0 延遲加載 預加載 減少 DOM 元素數量 服務器端渲染、SEO 減少頁面重定向 … 歸結於我

原创 postman 使用

(一)版本: postman native app 下載地址 根據操作系統下載對應的版本,運行下載的 .exe 文件,安裝即可 postman chrome app 停止維護,官方也不推薦使用該版本 安裝完成後,在桌面雙擊

原创 uni-app對微信小程序雲函數的適配

引言 熟悉uni-app的人應該都知道,uni-app並未對微信小程序雲函數(本文統稱雲函數)進行相應的適配。但是,如果我們在某些業務場景的下需要使用雲函數呢?我們知道,雲函數可以複製到微信開發者工具,這樣的話我們不得不每次編譯一