原创 Taro學習手冊(五)—— 遇到的bug

記錄一下遇到的bug Picker 的選擇框不是從底部彈出而是從 AtModal 中彈出 在使用Taro-ui時,想用 AtModal 做一個彈窗,但是這裏有個需求就是,在這個彈窗中有下拉框的需求,本來想用 Picker 選擇

原创 Taro學習手冊(六)—— 注意事項

pages 文件夾下的文件夾名要小寫開頭,不能大寫 如果有靜態圖片資源,那麼應該將存放靜態資源的文件夾放在 pages 文件夾下,不然編譯打包在微信小程序上運行,無法加載圖片資源 平時寫 react 文件結構是 Home/ind

原创 瀏覽器- 瀏覽器緩存

總結一下在網上看到的一些瀏覽器緩存的知識點 一、緩存概述 影響一個網站性能的最直觀體驗就是網頁的打開速度,而提高網頁速度的方法之一就是使用緩存。一個優秀的緩存策略可以縮短網頁請求資源的距離,減少延遲,並且由於緩存文件可以重複利用,

原创 前端 - a標籤target=”_blank”

一、概述 我們知道,網頁裏的a標籤默認在當前窗口跳轉鏈接地址,如果需要在新窗口打開,需要給 a 標籤添加一個target="_blank"屬性,這個屬性的意思是在新的瀏覽器窗口打開此超鏈接,但是這個其實是有安全缺陷的,當我們在這樣

原创 瀏覽器-Fetch

1. Fetch 在開發過程中,我們向服務端發送請求,一般會使用三種方式, XMLHttpRequest(XHR),Fetch ,jQuery實現的AJAX。 其中, XMLHttpRequest(XHR)和Fetch是瀏覽器的原

原创 Ant Design - Table

項目中打算用到 Table 組件中的拖拽,根據官方文檔中寫法引入之後,報錯 TypeError: react WEBPACK IMPORTED MODULE_0__.useEffect is not a function 後面

原创 瀏覽器-OPTIONS 預請求

1. HTTP一共有八種常見請求方法 get:參數在url上,瀏覽器長度有限制,不安全 post:參數不可見,長度不受限制 put:上傳最新內容到指定位置 delete:刪除請求的url所表示的資源 head:不返回相應主體,主

原创 瀏覽器-UserAgent

1. UA 是什麼 User Agent中文名爲用戶代理,簡稱 UA,它是一個特殊字符串頭,使得服務器能夠識別客戶使用的操作系統及版本、CPU 類型、瀏覽器及版本、瀏覽器渲染引擎、瀏覽器語言、瀏覽器插件等。 簡單來說,就是指誰來

原创 CSS樣式(一)

盒模型 模型分爲盒子模型和內容模型, 內容模型就是 寬高 = content 盒子模型就是寬高= content + padding + border // css html { box-sizing: border-b

原创 JS - 常用函數(二)

一、Number 1. string強制轉換爲數字 使用 ES6 中的 Number方法,再用Number.isNaN來判斷是否爲 NaN 用運算符+1來轉化爲數字(實際上是調用 .valueOf方法),再使用 a!==a

原创 JS - e.preventDefault()與e.stopPropagation()

事件冒泡 e.stopPropagation()阻止事件冒泡 事件冒泡,就是字元素的onClick事件被觸發時,會同時觸發父元素的 onClick 事件 一般來講,click事件的順序應該是p -> div -> body -

原创 頁面性能優化

一、資源壓縮與合併 1.html壓縮 html代碼壓縮就是壓縮這些在文本文件中有意義,但是在HTML中不顯示的字符,包括空格,製表符,換行符等,還有一些其他意義的字符,如HTML註釋也可以被壓縮。 如何進行html壓縮: 使用在

原创 JS -獲取屏幕/瀏覽器高度

一、展示圖 二、屏幕信息 window.screen.height:設備顯示屏的高度 這個是設備顯示屏的高度,各個機型的顯示屏高度都不一樣,可以在系統設置中看 window.screen.availHeight:屏幕的可用高

原创 React - 相關知識點

1、組件中get的使用(作爲類的getter) ES6知識:class類也有自己的getter和setter,寫法如下: Class Component { constructor() { super(

原创 JS - 常用函數

1. 生成隨機顏色 function getRandomColor() { return '#' + Math.floor(Math.random() * 16777215).toString(16); } 2.生成相近顏色