原创 div垂直水平居中

效果圖: HTML <div class="parent"> <div class="child">fdfdf</div> </div> css .parent { position: relative; /*下

原创 layout佈局一之左右兩欄佈局

說明:1)左側菜單上下抵滿屏幕,右側內容讓出左側菜單寬度2)高度自適應 效果圖:(加了一個header) 代碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8

原创 關於nodejs學習的一些筆記

1:文件處理(fs)1-1:讀取文件:fs.createReadStream('需要讀取的文件路徑,包含完成文件名');1-2:新建(寫入)文件:fs.createwriteStream('需要被寫入的文件路徑及名稱(新建文件路徑及名稱)'

原创 npm初始化一個react項目

react菜鳥教程中,使用npm安裝react項目的介紹比較簡潔 BUT我在執行項目初始化的時候,即下面的命令的時候後,出現如下錯誤 create-react-app myfirstreact 解決方式如下: create-react

原创 關於vuetify一些奇怪的報錯問題

1)icon不顯示問題,需要引入icon庫 cnpm install material-design-icons-iconfont --save-dev 入口js文件中: import 'material-design-icons-ico

原创 可以加一些複雜樣式的數字動畫

效果圖: 需引入的JS ;(function($, window, document, undefined) { var leoTextAnimate = function(eles, opts) { this.e

原创 nodejs + proxy處理接口跨域問題

很多接口存在跨域問題,一版都會說讓後端開發在接口加一個"Access-Control-Allow-Origin"之類的就可以了 BUT就有時候,後端處於任何理由,可能加不了。 那接口又要調試,怎麼辦? 以下是nodejs代理跨域解決的方式

原创 去除瀏覽器input框自動填充(及樣式)

有時我們需要保證輸入框的樣式穩定,這時候就需要去除瀏覽器自帶的填充input框的樣式(或功能) <!--類型爲文本輸入框--> <input type="text" AUTOCOMPLETE="off" name="username" pl

原创 自定義input checkbox或者radio的樣式

瀏覽器自帶的單選鈕和多選框的樣式都比較單一,很多時候我們需要更換它們的樣式。 HTML <div> <input type="radio" name="radioname" id="radio_1st" value="1">

原创 關於vue的一些小筆記

1,過濾 filter可對展示數據進行最後的篩選操作 2,vue中的修飾符.trim可去除輸入框前後(僅最前和最後)的空格,適用於密碼驗證,末尾或開頭多輸入空格的問題.stop,阻止事件冒泡 @click.stop="shout(1)",

原创 關於JS的一些小筆記

1,反引號可以轉行輸出 ${var_name}串聯字符 var name = '小明'; var age = 20; var message = `你好, ${name}, 你今年${age}歲了!`; console.log(messag

原创 自定義confirm提示框

HTML <div class="alertmes"> <div class="am-wrapper"> <div class="am-mes">提示語</div> <div class="am-bt

原创 關於VUE組件傳值間的v-if和v-show的坑

我們都知道v-if不渲染組件,v-show相當於display:none; 但是我們在使用(父子)組件之間傳遞數據或者調用方法時,因爲v-if的渲染機制,會導致你在頁面調用引用組件的方法時,會提示對應綁定的ref爲undefined。 這個

原创 關於input設值(value屬性)原生JS以及JQuery的方法比較

1:原生JSdocument.getElementById("inputId").value = "value屬性值"該方法不會出現瀏覽器兼容問題,能解決IE瀏覽器下JQuery的inputvalue屬性值無法手動更換的問題。能同時改變va

原创 關於webpack 打包後部分css樣式被移除問題

webpack打包會移除一些舊的css代碼,還原代碼需操作如下 / autoprefixer: off /-webkit-box-orient: vertical;/ autoprefixer: on /