原创 Bootstrap.js中下拉菜單dropdown-toggle失效問題
問題描述: 動態加載一個html頁面,其中dropdown-toggle點擊無效 問題原因: 這是因爲動態加載頁面中重複加載Bootstrap.js導致的dropdown-toggle點擊無效。 解決方法: 可以去除動態頁面中的B
原创 渲染報錯:Error in render: "TypeError: Cannot read property 'name' of undefined"
問題如圖: 【解決過程】: 見文之意:這裏的意思就是模板在渲染時候,讀取對象中的某個對象的屬性值時,這個對象不存在,說通俗點就是三層表達式a.b.c,在對象a中沒有對象b,那麼讀取對象a.b.c中的值,自然會報錯。如果是兩層表達
原创 Node-anywhere 快速搭建了一個小巧本地服務器環境
需求:項目在本地調試時,遇到了本地文件加載跨域的問題 解決方法:搭建本地服務環境 推薦:Node-anywhere 如果電腦沒有安裝nodejs的同學,首先去安裝nodeJs 安裝成功後win+r打開cmd 輸入node -hel
原创 VS Code 常用快捷鍵大全
注意:可以在“ 文件” > “首選項” >“ 鍵盤快捷方式”)中的VS Code中查看當前活動的鍵盤快捷方式。 快捷鍵 作用 F1 或 Ctrl+Shift+P(俗稱萬能鍵) 打開命令面板 Ctrl+G 跳轉到行
原创 Failed to decode downloaded font ,瀏覽器 console 中報警告信息,這裏記錄一下解決方案
錯誤問題: 谷歌瀏覽器 console 中報警告信息: cartshow:1 Failed to decode downloaded font: http://localhost:8081/static/frontpage/f
原创 UglifyJS Webpack Plugin 插件
目的:該插件用來縮小(壓縮優化)js文件 要求:此模塊至少需要Node v6.9.0和Webpack v4.0.0。 入門:需要安裝該插件 $ npm安裝uglifyjs-webpack-plugin --save-dev 將插
原创 .vue文件中監聽input輸入事件oninput
.vue文件中監聽input的輸入值變化事件 改變input的值,就調用一個事件,第一想到的是oninput <template> <div class="m_number"> <span class="r
原创 vue中實現輸入框函數防抖debounce
防抖函數的原理: 只有在事件觸發的時候纔會延遲加載,如果在延遲加載之前再次觸發,則會刷新延遲時間重新延遲,觸發次數有且只有觸發一次; 使用場景: 防抖函數一般是用於頻繁觸發事件,而我們只需要它觸發一次的場景,比如:輸入框的onin
原创 glup報錯 Task function must be specified
今天像往常一樣,編寫文章,並使用gulp bulid壓縮代碼,但是一運行:gulp build 就出現了這個錯誤:AssertionError: Task function must be specified。 然後我看了我的g
原创 html如何在瀏覽器標籤顯示網站logo?
網站上的logo實際上是一個"favicon.ico"圖片。 實現步驟: 製作favicon.ico,大小爲16*16毫米; 將"favicon.ico"放到項目根路徑下; 在所有html頁面head中添加如下代碼: //網站
原创 VS Code:Easy less 路徑配置修改
在web開發當中,我經常會用寫less然後編譯成css,當然在VS Code當中也有這樣的插件(EasyLess); 但是當我們創建一個.less文件,寫相關代碼進行保存時,會發現它會在.less文件同目錄生成對應名字的.css文
原创 css/js解決 頁面多次點擊時出現部分藍色
有時候雙擊或者多次點擊一個地方,會出現一些藍色的塊。 css3參考手冊中是這麼講解 下面是css 和 js 解決方式,任一都可: css: body{ -webkit-user-select: none; -moz-u
原创 RGB顏色轉換爲16進制顏色
RGB顏色值轉換爲16進制顏色值,主要是將 R、G、B 值分別轉換爲對應的十六進制值 例子: 輸入:rgb(238, 208, 157) 輸出:#eed09d 代碼如下: function colorRGBtoHex(color) {
原创 jQ 放大鏡
html: <div class="small_box"> <span class="mask"></span> <div class="float_layer"> <div
原创 jQuery 避免按鈕重複提交
var flag = true; $("button").click(function() { if (flag == true) { console.log('flag爲true時提交成功運行的代碼!');