原创 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時提交成功運行的代碼!');