原创 vue 的Event Bus使用

vue項目中的event bus是解決組件間通信的一個方法,關於組件通信,就是組件A 和組件B 需要共用一個數據,對於父子組件來說就比較簡單,要是兄弟間,兄弟之外的組件要進行通信,官網給出的是vuex,對於使用vuex官網又提出以下建議

原创 js的一些知識點整理

js的數據類型以及堆棧 (1)基本類型:存放在棧內存中的簡單數據段,數據大小確定,內存空間大小可以分配。   6種基本數據類型有Undefined、Null、Boolean、Number 、 String和Symbol,它們是直接按值存放

原创 js對call的理解

首先call只能被方法引用,一個方法.call(對象),簡單理解就做了兩件事,網上說的都太複雜了,如下圖 執行調用的方法 對象1裏面的this指向對象2 進一步理解這兩條需要藉助一個例子來 function Animal() {

原创 用settTimeout()代替setInterval()

曾看到一篇文章裏面寫道setInterval()有很多弊端: 1.setInterval對自己調用的代碼是否報錯漠不關心。即使調用的代碼報錯了,它依然會持續的調用下去 2.setInterval無視網絡延遲。在使用ajax輪詢服務器是否

原创 vue 一些實用的js庫(親用版)

vue進入我的視野,一直對它很是迷戀,從最初的網上教程只有todolist到現在,滿大街的各種項目實戰,基於vue的組件也是紛紛崛起,這裏像element ui這樣大家都知道就不介紹了,下面也是自己在項目中遇到的一些使用組件,給與整理。

原创 js遞歸實現數組轉化樹狀結構

最近做一個後臺管理系統,左邊數據需要從數據庫獲取,獲取出來是一個一維數組,因此需要轉化成樹狀結構,寫了一個遞歸實現數據轉化,代碼如下: function filterArray(data, parent) {

原创 node服務端啓動

最近練習微信的skdjs,用node+express搭建後臺票據的獲取,總之很是麻煩。後面會整理一篇相關內容,今天主要說的是node服務端的發佈問題,把代碼丟到服務器上,用終端鏈接上服務器,node server.js啓動服務,終端一旦關

原创 圖片預覽、壓縮、ajax上傳

       現在網頁的圖片交互越來越多,對於圖片的上傳、預覽、壓縮、裁剪等處理,都很常見,自己也查了很多資料,寫了一個很常見的圖片上傳實例,自己的項目中也經常使用,現在總結一下相關的技術,也供後面參考和改進。具體實現效果如下  

原创 vue-cli打包路徑問題

直接用vue-cli生成的項目打包直接放到服務器上,css,js都會存在路徑問題,還有css背景圖路徑,原因是默認打包生成的路徑爲根路徑,相對與服務器的,因此需要分別設置一下。 1.文件的路徑不正確:在config目錄下

原创 使用CSS實現拋物線運動效果

一個物體實現拋物線運動,物理上是將物體分爲水平運動(勻速)和豎直運動(加速);用css3實現原理也如此,用該元素需要兩層,一層控制水平,一層控制豎直;在css3中可以通過過渡或者動畫-timing-function的貝塞爾曲線設

原创 iphone6s plus的position的兼容問題(一定要加top 和 left屬性)

對於css position: fixed屬性讓元素像圖釘一樣固定在頁面上,在頁面廣告、回到頂部等應用很多,也適合做彈出子頁面,然而在 iphone6s plus居然有兼容問題,這也是在做一個移動h5頁面,

原创 h5獲取手機地理位置

由於這兩天在做公司的班車信息,要獲取人所在的位置,用h5的 navigator.geolocation 獲取手機地理定位,主要方法比較簡單:getlocationpoint:function () {

原创 vue項目cordova打包修改statusBar

一、修改statusBar顏色   添加cordovaStatusbar插件 命令行輸入下面命令 cordova plugin add https://github.com/apache/cordova-plugin-statusba

原创 博客開篇

今天看到一篇文章《開發者,應當擁有一款自己的產品》:“今天應該是上班開工的第一天。你的心情如何呢?是不是在痛恨萬惡的資本家殘酷的剝削着你的心靈和肉體。是不是心裏碎碎唸的想着爲什麼一年只有1個春節和1個國慶~~~我過年也沒怎麼休息。我覺得就

原创 css3 border製作的聊天框

話不多說先上效果圖主要也就是左右小三角比較麻煩一點,實現小三角用的是css3裏的border將其他三個邊的border顏色設爲透明先用border畫一個小三角吧,把其他三個邊的顏色設爲透明transparent 正方形:.square{