原创 前端工程師成長路線規劃

各位博友們好,目前工作中的一些積累已經同步到本人github上了歡迎各位瀏覽與Star,目前會持續更新。

原创 MySQL truncate 快速刪庫跑路操作

爲了快速的刪除數據庫中的數據並且跑路 我們需要輸入以下命令 select CONCAT('truncate TABLE ',table_schema,'.',TABLE_NAME, ';') from INFORMATION_SC

原创 react-native離線緩存策略

前言 爲什麼要進行離線緩存? 對於某些應用來說,特別是視頻App,視頻的數據是存儲在服務器的數據庫上的,如果用戶每次都去請求服務器,這對服務器的壓力比較大,資源浪費也比較嚴重。而且用戶可能希望在沒有網絡的情況下,也可以觀看視頻,這

原创 Window常用屬性詳解

window.devicePixelRatio 返回當前顯示設備的物理像素分辨率與CSS像素分辨率的比值。該值也可以被解釋爲像素大小的比例:即一個CSS像素的大小相對於一個物理像素的大小的比值。 window.history 只讀

原创 css-grid佈局

Grid佈局 知識點回顧 gird佈局 grid-template-columns屬性 grid-template-rows屬性 使用百分比屬性定義行高和列寬 使用repeat函數簡化 使用auto-fill 關鍵字自動填充

原创 使用webpack打包組件和基礎庫併發布至npm

webpack除了打包應用,也可以用來打包js庫和一些自定義組件庫。 單純只是打包js庫和組件庫的話 使用rollup打包也是一個不錯的選擇。 我們來實現一個簡單的打包例子,這個例子需要滿足以下幾點功能: 需要支持打包壓縮

原创 mac下charles配置指南

charles工具使用教程 2020.05.12 Charles是一款http代理服務器和http監視器,當移動端在無線網連接中按要求設置好代理服務器,使所有對網絡的請求都經過Charles客戶端來轉發時,Charles可以

原创 關於我的博客

各位博友們好,目前工作中的一些積累已經同步到本人github上了歡迎各位瀏覽與Star,目前會持續更新。

原创 在mac中安裝redis並且配置自啓動等

安裝 安裝採用Homebrew進行安裝,如果還未安裝Homebrew先直接下面的語句 /usr/bin/ruby -e “$(curl -fsSLhttps://raw.githubusercontent.com/Homeb

原创 python Matplotlib 系列教程(一)

Matplotlib數據可視化模塊能夠創建多數據類型的圖表,如條形圖,散點圖,餅圖,跌堆圖,3D圖和地圖圖表 首先爲了使用Matplotlib,我們需要安裝它: 以windows爲例: win+R打開cmd調試控制檯,默認你已經

原创 python Matplotlib 系列教程(二)—— 圖例,標題和標籤的使用

在上次一個簡單的例子後,我們介紹一下如何使用圖例,標題和標籤。 數據是一個圖表所要展示的東西,而圖例,標題和標籤則更加的幫助我們理解這個圖表所包含的意義,是想要傳遞給我們什麼信息。 import matplotlib.pyplot

原创 React-Native如何複製文本到剪貼板

React-Native自帶Clipboard API,使用Clipboard可以在iOS和Android的剪貼板中讀寫內容。 官方API裏面只有複製到剪貼板和從剪貼板讀取內容的兩個方法: static getString()

原创 React-Native如何在App內打開外鏈頁面

##前言: 在很多應用場景,比如說分享到微信好友,打開應用下載(更新)地址等,需要從App內部跳轉到外部的鏈接。 方案一: React-Native官方提供了一個**Linking**方法,用於和外部App鏈接進行交互。 st

原创 React-Native種使用antd-mobile的Picker時出現的異常報錯

場景: 在使用Picker組件時,修改用戶的性別,後臺的返回數據是這樣的: data:{ code:1, gender:'男' } React-native界面是這樣的: import React from 'react'

原创 學習筆記——css世界

流 “流”又叫文檔流,是css的一種基本定位和佈局機制。流是html的一種抽象概念,暗喻這種排列布局方式好像水流一樣自然自動。“流體佈局”是html默認的佈局機制,如你寫的html不用css,默認自上而下(塊級元素如div)從左到