原创 從0開始搭建react移動端

首先附上地址 react 移動端 1. 創建項目 npx create-react-app my-app 2. 暴露配置項 npm run eject 3. 引入flexible.js文件 // index.js impo

原创 簡單實現vue

var MyVue = function (options) { var keys = Object.keys(options.data) this._data = {} keys.forEach((k

原创 解決IE瀏覽器圖片不顯示,報DOM7009: 無法解碼 URL 處的圖像問題的方法【轉】

問題描述 網頁上某些圖片用 火狐 、谷歌、360極速模式等都可以正常顯示。但是用 ie、360兼容模式 卻不能正常顯示。瀏覽器報DOM7009: 無法解碼 URL 處的圖像,如下圖所示: 發生原因 這是因爲上傳了直接修改文件後綴

原创 從0開始搭建vue移動端

創建項目 // 全局安裝vue-cli npm install -g vue-cli // 創建項目 vue init webpack vue-demo 如果出現 vue’ 不是內部或外部命令,也不是可運行的程序 或批處理

原创 vue後臺管理系統權限解決方案

最近項目的權限管理用到了vue-router的addRoutes方法,這裏記錄一下 業務場景 1.用戶登陸 — 獲取權限 — 判斷權限 — 生成動態路由 2.用戶刷新,停留在原頁面 3.用戶退出 — 重新登陸 — 獲取權限 —

原创 antd 自定義主題

先交代下背景 antd 按需加載,在package.json中配置babel "babel": { "presets": [ "react-app" ], "plugins": [

原创 python爬取中國天氣網天氣圖標

python爬取中國天氣網天氣圖標 準備工作 天氣預報圖例網址:http://www.weather.com.cn/static/html/legend.shtml 安裝requests:pip install requests

原创 python3 webp轉gif格式

使用PIL庫,python3的安裝方式 pip install pillow from PIL import Image import os import re imgPath = './img/' webpReg = r'w

原创 手寫react-router-dom

需要實現的功能 路由模式:hash,browser 組件:HashRouter,BrowserRouter,Route,Switch,Redirect,Link 當前路由信息:路徑pathname,參數query 路由跳轉

原创 瀏覽器顯示海康攝像頭實時預覽畫面純前端解決方案

瀏覽器顯示海康攝像頭實時預覽畫面純前端解決方案 將海康設備的 rtsp 協議視頻流通過 ffmpeg 轉碼爲 flv 實時視頻流,並將實時視頻流通過 express 服務生成 http 長鏈接或 ws 返回。 最後通過b站開源的

原创 實現vue自定義指令v-loading

1. 創建文件 在 loading文件夾下創建3個文件,index.js、loading.vue 和 loading.js index.js文件用來暴露安裝插件接口,這個下面會有說明。有了 Vue.directive這個方法就可以

原创 vue-cli3前端優化

前端優化 1.Compression-webpack-plugin 安裝: npm install compression-webpack-plugin --save-dev 作用: 打包後會生成 .gz 壓縮文件,減少文件資