原创 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({{