原创 插件:加載動畫

利用了css3的動畫,簡單實現動畫功能   調用代碼: new loadAnimation().show() // 顯示加載動畫 setTimeout(function() { // 模擬ajax異步操作 new loadA

原创 插件:彈窗

以前自己寫過的一個簡單彈窗插件,簡潔好用,不復雜;PC、移動端都能用    調用代碼: new upBox().show({ // 顯示彈窗 title: '測試彈窗', width: '80%', hei

原创 vue的vuex

第一部分:先說vuex各方法的作用 vuex有5大方法:state、getters、mutations、actions、module   state(倉庫): vuex的所有數據都放在 state 裏,vuex其它方法操作的數據都來源於這裏

原创 call、apply、bind的區別

call、apply、bind是function自帶的方法作用是改變function中的this指向   call、apply、bind共同點: (1)改變function的this對象的指向 (2)第一個參數都是this要指向的對象 (3

原创 vue的watch

watch它可以用來監測Vue實例上的數據變動  儘量一張圖解釋清楚(嘗試用圈圈區分關係): 寫的很簡單,watch本來就沒啥東西我理解爲響應式偵聽全局變量 watch裏綁定全局變量,被綁定全局變量發生改變vue就自動觸發watch裏面對

原创 vue的computed計算屬性

computed可定義一些函數,這些函數叫做【計算屬性】 只要data裏面的數據發生變化computed會同步改變 引用【計算屬性】時不要加  () ,應當普通屬性使用 例:console.log(this.computedName)  

原创 小程序插件

第一步在微信公衆平臺添加插件  搜索插件(這個翻譯插件挺好用還支持語音翻譯)    在小程序新建一個Demo頁面    在plugIn.json添加插件 HTML隨便寫,主要是好看點而已 調用插件:    效果:    

原创 小程序使用字體圖標-阿里版

在阿里圖標庫怎麼下載我就不額外說了本文章只說如何在小程序使用字體圖標  小程序使用字體圖標-其他版(姐妹篇):https://www.cnblogs.com/konghaowei/p/10616636.html  從網上下載阿里圖標壓縮包

原创 小程序使用字體圖標-其他版

小程序使用字體圖標-阿里版(姐妹篇):https://www.cnblogs.com/konghaowei/p/10615834.html 之前寫了姐妹篇 小程序使用字體圖標-阿里版 現在寫一篇關於小程序使用其他圖標庫文章 用我最經常用的字

原创 vue項目安裝vux

本文章默認基於“vue init webpack myproject”已經搭好基本的項目, 而且本文是從我筆記拷貝稍加修改過來的本來我私人筆記寫給自己看的, 可能有些地方描述不夠清晰 第一步:npm install vux --save 第

原创 JS日期相減得到天數

廢話不多說直奔主題,解決思路核心是時間戳相減  靈感來自於我經常用到一個工具方法:格式化時間,也是用時間戳 function GetNumberOfDays(date1,date2){//獲得天數 //date1:開始日期,dat

原创 vue的Vuex

網上也很多文章,但解釋起來的確玄乎,小白們很難理解到位。 自問文筆沒大神們好只是自己瞭解了掌握了Vuex用法以及主要思路 但要我解釋起來也只能參考大神們的說法 Vuex就是一個全局變量,而這個全局變量增刪改查都有自己一套方法, 這樣做的好處

原创 ES6的Promise

推薦一下我覺得不錯關於Promise的好文章,通俗易懂  說起ES6的Promise就要提及一下JQ的$.when()方法,兩者基本相同 面試的時候經常會問Promise,如果同學們能在回答Promise時稍微提及JQ的$.when()方法

原创 根據座標拖動(簡單)

新的一年第一篇文章也是寫拖動,這次代碼比較簡單, 主要是思路是根據座標軸判斷排序   CSS代碼: *{ margin: 0; box-sizing:border-box; } .ClearFloat:after{

原创 live-server 快速搭建服務

原因: 在2018年3月2日偶然情況下聽到一個大佬提起“live-server”這東西, 我就研究一下,用過的人才知道live-server多麼方便。。。   功能: 當啓動live-server服務的文件夾的文件發生改變時自動刷新瀏覽器,