原创 vue下個人實現拼圖驗證碼

緣由:之前看嗶哩嗶哩官網登錄的時候有一個拼圖驗證碼,很好奇怎麼去實現。然後就想着自己弄一個。先給大家看我的最終效果。後面再一點點拆解代碼。 爲什麼想着寫這個功能呢,主要在於拼圖驗證碼在前端這裏會比較複雜並且深入。相比文字拼寫,12306

原创 vue遞歸組件,認識樹形組件基礎原理,純數據驅動組件

背景 1、個人心血來潮想試試如何實現無限嵌套組件,也就是當數據不確定的情況下,如何渲染組件 2、自我思考以後肯定會需要用到這種思維和開發方式,早點學,早點掌握 3、好奇之前jqui的文件夾列表實現 說明: 組件寫的很垃圾,很醜,大家請關注

原创 多個nodejs下指定nodejs版本運行項目,指定nodejs版本運行項目

前言: 很早之前nodejs就出來了,大家在運行項目的時候都是一個nodejs走天下。服務器上面也是一個nodejs環境。但是大家都應該知道,如果電腦上面已經存在nodejs了那麼就不能裝第二個了。那麼我的項目和別人的項目環境不一樣,會不

原创 vue下自己開發富文本編輯器(二)帶你從入門到放棄,個人已經基本開發完成

上一篇總結: 上一篇其實代碼開發方面,基本原理都看的差不多了,但是發生了無限嵌套的問題。 總結下富文本遇到的問題: 1、元素跨標籤處理 2、如何正確選擇到你要的元素 3、跨行設置元素未選中部分換行(默認回車事件導致) 4、多個功能直接交叉

原创 記錄css實現外大內小的3d效果(3d轉換)

首先感謝這篇博文: https://www.cnblogs.com/zheshiyigemanong/p/6793634.html 效果圖: 下面是代碼部分: html部分: <div class="div1"> <img src

原创 談一談對於目前csdn目前的感受,csdn爲什麼比不上掘金等社區,和csdn的博主流失

聲明: 本人個人觀點,不喜勿噴。素質交流 個人分析原因: 1、csdn博文質量 2、csdn商業化濃重 3、csdn沒有論壇的討論感 4、csdn頁面排版劃分 下面逐條分析個人想法 一、博文質量 這個其實有點範圍太大。但是呢又確實存在,c

原创 vue部署到eggjs下,並且實現多頁面vue項目部署,eggjs前端渲染項目

項目背景 這個是我個人博客下一步開發的流程,上一篇博客講過,我會研究eggjs後端框架,給我的博客建立後端系統。 這裏有人會說前端不需要學後端。 怎麼說呢,nodejs也是js,並且像阿里等大公司,別人雖然也用nginx之類,但是前端項目

原创 egg.js入門教程視頻文件(轉載於cnode社區)

記得上篇博客我滿懷欣喜的去搞富文本,結果撞的頭破血流。 簡直是慘不忍睹。後來我也說了,我的那個有比較嚴重的問題,後期會考慮重構。(第一版已經放棄了) 之後我說我會去看關於後端nodejs koa框架方面的東西。 這次呢我選擇的框架是egg

原创 最簡單的小程序數據監聽,最簡單的vuex原理,實現跨頁面通訊(轉)

聲明轉載至:簡書:原文地址:https://www.jianshu.com/p/2ba137a02f09 代碼部分: //模擬數據定時變化 startWebSocket() { setInterval(()=> { this

原创 瀏覽器檢測是否支持webrtc(看看你的瀏覽器能不能h5視頻)

需求:需要實現手機瀏覽器上的實施在線視頻聊天功能。 項目經理讓我寫demo,唉,懶得寫。然後就不停的翻騰訊的實施音視頻文檔,發現只要支持webrtc就可以。 那麼要麼就自己寫測試,要麼就找測試工具。 第一:騰訊提供的測試工具(不直觀) 地

原创 開發個人博客,源碼分享(希望大家更多的開源,分享)附個人前端項目github地址。進10萬名了

前言: 我有一個夢想,希望能在夢中實現,自學道路上我願盡綿薄之力。 1、爲什麼把自己的項目開源 2、爲什麼願意寫博客 個人感想: 我大學畢業後一開始是軟件實施,積累了sql經驗。但是想做開發,然後就自學。其實自己自學的很渣,但是好歹入門了

原创 vue自定義組件(四)指令模式實現loading,模仿elementUI v-loading

指令模式(蒙版) fullscreen Boolean   v-dht-loading.fullscreen 在非全屏模式下,dom沒有渲染完成下會導致元素頂部對齊   background String 0, 0, 0, 0.5    

原创 vue自己開發ui插件

首先,我最近寫了四個組件了,代碼都在我之前的博客當中。 我是參考了elementUI的源碼來寫的。不然,自己寫還不知道什麼時候能寫出來。非常感謝elementUI的開源貢獻。 這裏附上elementUI開源地址: https://gith

原创 vue自定義組件(三)函數式實現loading加載

頁面頂部進度條模式,服務模式(參考elementUI服務模式) mask Boolean FALSE let cesg = {};       //展現與傳值       cesg = this.$dhtLoading({ m

原创 vueUI組件開發歷程,text組件,代替傳統p標籤(一)

組件功能表 dht-text 替代p標籤,需要提前指定元素的寬高 text String         nowrap Boolean TRUE     默認不換行 num Boolean TRUE     默認不控制字數顯示,如果控制字