原创 Vue proxyTable 開發環境下前端和後端真實數據對接問題和解決跨域

當我們前端用Vue開發項目的時候,涉及到前端和後臺連調真實數據對接會出現很多問題,比如跨域... .我們需要把本地localhost 地址改爲線上訪問接口數據地址域名, 開發環境API代理設置 當前端與現有後端真實數據集成時,通常需要在

原创 vue.js vue組件中style樣式中的css引入背景圖路徑不對,解決方案

解決vue組件css中背景圖片路徑報錯問題 前提是你用了vue-cil,那麼在build目錄下找到utils.js中的ExtractTextPlugin.extract({}),裏面添加下面這個屬性就完美解決了publicPath: '

原创 vue-cli browserslist瀏覽器兼容性

1. 介紹 你會發現有 package.json 文件裏的 browserslist 字段 (或一個單獨的 .browserslistrc 文件),指定了項目的目標瀏覽器的範圍。這個值會被 @babel/preset-env 和 Aut

原创 SVG開發系列(一)

介紹: SVG從1999年由一組加入W3C的公司啓動開發,與之前1998年提交給W3C的標準(PGML、VML)構成競爭。SVG從這兩個格式吸取了經驗。[3] SVG允許3種圖形對象類型:矢量圖形、柵格圖像以及文本。圖形對象——包括

原创 Node—01初始化運行

方法如下: 1、在cmd窗口下,直接輸入命令   node D:\node-demo\hello.js,然後回車 2、在cmd窗口下,輸入node空格,然後把hello.js文件拖進去,然後回車。 3、在cmd窗口下,進入hello.js

原创 DOM優化

1、什麼是DOM       用於操作XML和HTML文檔的應用程序      DOM節點      DOM樹      DOM API 整個文檔是一個文檔節點每個 HTML 元素是元素節點HTML 元素內的文本是文本節點每個 HTML

原创 SVG 案例二

Demo: css: <style> #div1{ width:780px; height:400px; background:#fff; margin:20px auto; overflow:hidden;} body{ backgr

原创 關於解決webstorm下的npm一直顯示更新索引,引起卡頓問題

問題: 解決: 選擇excluded之後點擊確定就ok了 點贊 1 收藏 分享 文章舉報 Mr_lwb 發佈了37 篇原創文章 · 獲贊 27 · 訪問量 7萬+

原创 AngularJS

簡介:        AngularJS是爲了克服HTML在構建應用上的不足而設計的,但AngualarJS 並不是萬能的, AngularJS使用了不同的方法,它嘗試去補足HTML本身在構建應用方面的缺陷                

原创 JS事件委託

事件委託: 1、什麼是事件委託: 什麼是事件呢?onclick,onmouseover,onmouseout,onfocus等就是事件 什麼是委託呢?就是自己做的事情委託給別人來做,也就是本來事件時加在自己身上,你卻把事

原创 SVG 案例一

案例一: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ background

原创 create-react-app 執行 npm run eject 報錯

報錯代碼: Remove untracked files, stash or commit any changes, and try again. npm ERR! code ELIFECYCLE npm ERR! errno 1 np

原创 Sticky Footer,完美的絕對底部

寫在前面 做過網頁開發的同學想必都遇到過這樣尷尬的排版問題: 在主體內容不足夠多或者未完全加載出來之前,就會導致出現(圖一)的這種情況,原因是因爲沒有足夠的垂直空間使得頁腳推到瀏覽器窗口最底部。但是,我們期望的效果是頁腳應該一直處於頁面最

原创 vue 初始化頁面引導提示實現

<div class="modal" v-if="modalStep === 1"> <p>第一個對話框</p> <button @click="modalStep =2">下一步</bu

原创 小程序中點擊事件傳參方式

<view wx:for="{{listData}}" class="item {{activeStatus === item.id ? 'active':''}}" wx:key="{{index}}" @tap="click({{