原创 swiper 插件引起的白屏

swiper 插件引起的白屏 神奇了,用這個插件,安卓手機也好,ios也好,好好對了好幾遍代碼沒問題呀,又讓運維清緩存什麼的,還是白屏。怎麼回事呢?各種百度,折騰了許久,才發現原來是swiper的問題,哎呀! 噔噔噔,正常了,不

原创 VS Code 快捷鍵

常用快捷鍵 1、同時打開多個窗口 打開一個新窗口: Ctrl+Shift+N 關閉窗口: Ctrl+Shift+W 關閉所有窗口 : ctrl + k + w 2、同時打開多個編輯器,文件管理 新建文件 Ctrl+N Ctr

原创 js實現title滾動效果

js實現title滾動效果 原理:取第一個字符,放到尾部,定時循環操作,在視覺就有滾動效果了。直接上代碼了 方式一 var titleText = "您有新訂單,請及時處理!".split("") var timerID = nu

原创 set和Array.from等部分es6總結

1、ES6的新特性,級其作用 let關鍵字,用於聲明只在塊級作用域起作用的變量,無變量升級問題 const關鍵字,用於聲明一個常量 結構賦值,一種新的變量賦值方式。常用於交換變量值,提取函數返回值,設置默認值 Symbol數據類

原创 axios 設置請求頭之後POST或GET變成了OPTIONS,報錯405

報錯如圖: 首先出現options請求是因爲你添加了自定義的請求頭,導致你的簡單跨域請求變成了複雜跨域的。 本人看了很多相關文章,有的說讓後臺加什麼請求頭,不行。讓運出來一下,還是可以的。 自己瞎搞搞,發現,有一個請求頭其實不需

原创 原生js 通過form方式下載文件

前言 有時候,有一些鏈接用a標籤,或者window.location,href 下載不了。或者在Android,IOS存在兼容性問題。這時候就會想到使用原生js 通過 form方式下載文件。 直接上代碼 /** dat

原创 Vue-cli3創建Vue項目

一、本地安裝 vue-cli 可以使用下列任一命令安裝這個新的包: npm install -g @vue/cli # OR yarn global add @vue/cli 安裝vue-cil,因爲是全局安裝 npm in

原创 'vw佈局實現移動端適配,項目使用 [email protected] 搭建

前言 看了大漠老師的前端文章如何在Vue項目中使用vw實現移動端適配,決定在項目使用,但是發現我的腳手架是vue-cli3,和vue-cli2有點不一樣,所以打算總結一下,供自己和別人參考下。 你可以參考此文檔完成vw佈局適配移動端,

原创 webpack搭建本地開發環境vue-cli2.0

一:清除每次打包生成的文件 安裝clean-webpack-plugin插件 在webpack.config.js引入插件 在plugins裏面新增一個配置 // 需要清除的目錄 new cleanWebpackPlugin(['

原创 vue項目使用postcss-pxtorem(應用於vue-cli 2和3)

vue-cli 2: 1、安裝插件yarn或者npm npm install postcss-pxtorem 或者 yarn add postcss-pxtorem 2、編輯項目根目錄下.postcss.js文件(沒有則新建一個)

原创 在Vue-cli3.x中配置使用VUX

前言 正常按照下面給定的配置,因官方更新過vue/cli3.x更新過vue-loader,導致的加載錯誤。vue-loader的版本更新之後,vux-loader的依賴版本還是之前版本,因而導致的下面評論區出現的錯誤。 前提 npm

原创 apply,call學習

一、this 例子1 var name = "windowName" function getName() { var name = "jack" console.log(this.name) // windowName

原创 vue-cli3實現分環境打包

遇到的問題 在vue-cli3的項目中,默認的package.json配置 npm run serve時會把process.env.NODE_ENV設置爲‘development’ npm run build 時會把process.

原创 移動端less+rem佈局

一、直接上例子啦 html <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-cap

原创 CSS 小技巧

1.使用CSS復位 CSS復位可以在不同的瀏覽器上保持一致的樣式風格。您可以使用CSS reset 庫Normalize等,也可以使用一個更簡化的復位方法: *, *::before, *::after { box-sizing: