原创 從Ultra-edit-32中提取出來的常用文件文件頭

在開發過程中長會用到,通過文件頭來判斷該文件究竟是什麼文件類型,【僅僅通過後綴名判斷,並不安全準確】整理一下常用文件文件頭。 從Ultra-edit-32中提取: 後綴名 文件頭 jpg    FFD8FF png    89504E47

原创 Vue之Render函數【筆記】-包含【函數化組件】和【使用Render函數開發可排序的表格組件】的實例

虛擬節點: 兩者的對比:   虛擬dom看起來就像一個標準的javaScript對象,它沒有真正的dom結構。它是通過一些特定的方法,比如tag,attributes等來描述清楚一個dom的UI狀態。 Vue2裏面的vnode:  

原创 VUE的事件修飾符總結

.once 是將事件設置爲只執行一次。如 .click.prevent.once 代表只阻止事件的默認行爲一次,當第二次觸發的時候事件不再阻止。 <div v-on:click.once="alert(1)"> 只能執行一次,再

原创 在Vue中什麼情況用computed,watch,methods理解

根據原本的例子,補充自己的一點想法,整理如下: 用一個例子來說明一下吧: <div id="demo"> <p>message: "{{ message }}"</p> <p>reversed message: "{{ reve

原创 element-ui表格table、抽屜drawer涉及的部分樣式修改

//表格//element-ui的table改變選中行背景色 /deep/.el-table__body tr.current-row > td {     background-color: #F0F7FF !important; 

原创 切換npm 源

由於網絡原因,npm 在國內使用比較慢,建議切換 npm 源到國內鏡像。 有兩種比較方便的方式切換您的 npm 源: nrm [ 建議 ] 安裝: npm install -g nrm 查看所有可用源: nrm ls * npm -

原创 vue-cli(vue腳手架)搭建教程

1.安裝vue-cli ① 使用npm(需要安裝node環境)全局安裝webpack,打開命令行工具輸入:npm install webpack -g或者(npm install -g webpack),安裝完成之後輸入 webpack

原创 element-UI動態生成表格【帶分頁,以及字典翻譯】

動態生成表格 vue文件: <!-- 表格 --> <el-table style="width: 100%" border :data="tableData">

原创 Vue之組件篇【筆記】

vue組件的通信方式以及常用內容總結。  

原创 網頁常用樣式處理

 1.表格文本內容過長,超出隱藏,鼠標懸浮顯示詳細內容   html : <el-table-column prop="content" class-name="k-text-flow" label="介紹"> <templat

原创 父子組件單雙向傳值以及生命週期的例子分析

 通過實際的例子來看理解的更透徹: <div id="app"> <br/><br/> 父到子單向綁定: <hr/> {{ message }} <br/> <my-component :title="m

原创 Vue之工程篇【筆記】

前端工程化與webpack 1.代碼合併和壓縮 2.css預處理:less、sass、stylus 3.生成雪碧圖 CSS Sprite 4.RS6轉ES5 5.模塊化 webpack處理模塊的依賴關係並進行打包。 應用場景: SPA-

原创 vue組件通信

vue組件的常用內容總結。  

原创 Element-UI動態生成表單【包含字典翻譯,舊值對比,但綁定動態表單驗證待補充】

  控件類型:         T:文本輸入, TA:TextArea,S:下拉選,D:日期控件,N:數字輸入,C:複選,R:單選,SW:開關  vue文件: <el-form v-if="f

原创 echars各種圖表

 圖表vue文件: <div class="content"> <div class="tit"> <h1>數據統計</h1> <