原创 [問題探討]使用反向代理解決跨域請求

需求:使用反向代理解決跨域請求 一,跨域問題產生的原因 瀏覽器爲了保證用戶信息的安全,防止惡意的網站竊取數據,而引入了同源策略,對於以下非同源情況,都會禁止ajax請求: 域名/IP不一致; 端口號不一致; 協議不同; 二級域名

原创 [隨手記]CSS sticky定位的特性

CSS sticky定位的特性 position屬性中最有意思的就是sticky了,設置了sticky的元素,在屏幕範圍(viewport)時該元素的位置並不受到定位影響(設置是top、left等屬性無效),當該元素的位置將要移出

原创 [隨手記]h5播放器屬性和自定義播放器

版權說明: 本文整理轉載自 《Professional JavaScript for Web Developers, 3rd Ed》(《JavaScript高級程序設計(第3版)》) 以備參閱和交流,如有侵權,請聯繫博主刪除 郵箱

原创 [隨手記]vue項目動態生成的img地址信息,webpack無法打包問題

問題 vue項目動態生成的img地址信息,webpack無法打包問題 // 這樣動態引入的地址,地址無效,因爲沒有被打包 <img :src=" imgSrc "> Webpack資源打包時的特點 webpack不會對動態生成

原创 [隨手記]轉載:5行代碼實現H5掃一掃

原作者:版祖 原文鏈接: https://blog.csdn.net/sysdzw/article/details/80810345#commentBox 在你的網頁中加入代碼: <a href="http://sao315.co

原创 [問題探討]VUE項目基於Echarts Map實現下探到區級(含json數據獲取方式)

需求:Echarts Map實現下探到區級(含json數據獲取方式) 一,json資源下載 方式1,github clone項目獲取 https://github.com/tom-wong666/echarts-map-json

原创 [問題探討]使用toDataURL()方法將canvas轉化爲base64格式的png圖片

需求 將canvas轉化爲base64格式的png圖片 實現 <body> <canvas id="drawing" width=" 200" height="200">A drawing of something.</can

原创 [配置]VUE中通過process.env判斷開發,測試和生產環境,並分環境配置不同的URL HOST

需求: VUE開發前端項目,需要分環境配置URL和做相關處理 思路:通過process.env做判斷和處理 實現一:環境區分 1,找到項目配置文件夾: config文件夾 2,進入如下三個文件: dev.env.js 對應開發環

原创 TomWong的博客博文分類和索引

博文分類說明 一,demo---小功能塊; 二,配置---項目基礎配置; 三,問題探討---具體問題的探討; 四,工具---項目開發工具git/VSCode/WebStorm等使用方法的記錄; 五,隨手記---隨手記的實用知識點,感悟等瑣

原创 [問題探討]VUE項目下載excel,通過window.open可以下載,通過axios+blob下載的文件亂碼

背景: VUE項目,下載excel需求,通過window.open可以正常下載正常顯示,通過axios+blob下載的文件亂碼 前端代碼: 1,axios部分(request.js) const service = axios.c

原创 [隨手記]VUE組件結構和前端代碼規範

本文整理了VUE項目的目錄結果,和開發中的部分代碼規範,供參閱和交流 VUE 目錄結構 pre . ├── README.md // README.md ├── build // 編譯配置目錄

原创 [問題探討]VUE項目通過axios做http攔截及將Token寫入請求頭中

需求:VUE項目http請求和響應的攔截 實現工具:axios 上代碼: // 項目安裝axios npm install axios // main.js中引入axios import axios from 'axios' //

原创 [問題探討]基於VUE+docker+nginx+IntelliJ IDEA+Alibaba Cloud Toolkit實現WEB項目一鍵部署

需求:基於VUE+docker+nginx+IntelliJ IDEA+Alibaba Cloud Toolkit實現WEB項目一鍵部署 分析:如下圖 Alibaba Cloud Toolkit其實是按步驟做了手動部署需要做的三

原创 [問題探討]VUE項目基於keep-alive實現緩存

需求:WEB項目實現緩存 緩存需求分析: 一般分爲三類 1,緩存某些確定的頁面; 2,緩存打開的頁面,關閉時取消緩存; 3,前進刷新,後退緩存; 緩存實現基本模型 1,v-if + keep-alive // 路由配置 expor

原创 [問題探討]VUE項目通過js-cookie實現cookie操作

需求:VUE項目cookie操作 實現工具:js-cookie 上代碼 // 安裝js-cookie npm i js-cookie // 組件中引入 import Cookies from 'js-cookie' // 組件中使