原创 關於部署vue項目-windows篇

看過一些帖子，有些問題，我還沒遇到過。所以就自己的經歷來發布這個帖子。服務器，基於的是騰訊雲的 最低配置。 1、首先買服務器，25一下，120一年。還行。 下面是買完之後的圖，然後，有一些服務器的配置項目。 2、掃碼登錄 3、下載這個文件

2019-11-06 23:45:21

原创 重新初探vue(三)，父子組件的傳值

使用vue就會用到組件，那麼對於公用的組件，就會牽涉到組件之間傳值的問題。 首先新建兩個文件，一個child頁面做爲子組件，一個index頁面做爲父組件 當新建完成之後，我們從 父組件傳遞值到子組件 開始 首先在父組件中 在

2019-10-14 09:55:30

原创 使用cube-ui封裝的一個簡單的導航滾動欄

使用到了cube-UI , 組件全部代碼使用過程中用到了 動態模板的功能，還有用到了findIndex() ，所以IE方面應該不支持，因爲IE不支持findIndex() <template> <div class="tab5">

2019-10-12 19:25:24 16

原创 vue小型的的評分組件

注意好需要定義好自己的圖片文件。 <template> <!--1、需要傳兩個值，一個是分，一個從尺寸大小--> <div class="star" :class="'star-'+size"> <span

2019-10-10 17:05:24

原创 對於移動端的輪播導航數據重構數組

對於重組組合分類數據方法 categoryArr () { const max = 8 const arr = [] const { categorys } = this //數據源

2019-10-10 15:35:22

原创 vue切換導航後選擇效果跟着切換

在初始的版本中沒有使用ui框架，然後測試bug的時候發現，點擊導航的時候，需要第二次纔可以到達選擇的效果。因爲從一個路由到另外一個路由的時候刷新了頁面。網上有很多的實現的方式。第一種，使用本地存儲配吧。(就覺得麻煩)第二種，不刷新組件，(沒

2019-09-27 20:05:27

原创 base64轉爲ArrayBuffer

業務需求而找的函數/ 僅僅在window下有效，因爲用到了atob方法 / function Base64toArrayBuffer(base64Data) { const padding = '='.repe

2019-09-26 18:25:26

原创 關於網頁中的meta標籤

以前的寫代碼就是直接用工具，自動生成了meta標籤，但是它具體幹嘛用的，貌似沒有去找過答案，然後。。。 關於meta的標籤有主要是兩個值一、http-equiv ：相當於http的頭文件，它向瀏覽器傳回一些信息。它主要有以下幾個值 1、co

2019-09-15 22:55:05

原创 css 對於定位的一些理解與用途

position:relitive; 跟absolute搭配使用position:absolute; 跟relitive搭配使用position:static; // 默認的定位方式，定位的四大元素(top bottom left righ

2019-09-03 14:45:07

原创 重新初探vue（二）新建頁面與配置基礎路由

第一步：自己新建一些東西pages router對於pages沒寫啥東西。後續加 第二步：對於router 注意單詞呀，還有寫path的時候別加點 “ . ”1、index.js 2、routes.js不同的方式，有啥區別，後續再說吧，都

2019-08-28 18:34:59 6

原创 重新初探vue（一）創建一個新的項目

初始化創建vue項目 直接默認吧！ 創建完成後，發現它的目錄結構是這樣的 對於public文件夾後續再討論。就是公共資源，裏面默認有index文件的。 附帶一個目錄結構文件圖，借鑑的。

2019-08-28 17:35:00 1

原创 垂直水平居中的

1、知道父級與子級的寬高 使用定位的方式 方式一： 方式二: 2、知道父級，不知道子級 (不兼容低版本的瀏覽器) 定位 + transform 3、都是未知寬高

2019-08-04 22:35:10

原创 一個題對於數組扁平化與去重與排序

已知如下數組：var arr = [[1,2,2],[3, 4, 5, 5],[6, 7, 8, 9,[11,12,[12,13,[14,15,66,12]]]],10];編寫一個程序將數組扁平化去併除其中重複部分數據，最終得到一個升序且不

2019-08-01 15:15:08

原创 js的深淺拷貝

區別：深淺拷貝主要的區別的拷貝的層級不同，淺拷貝拷貝的是一層不包括裏面的引用數據類型，深拷貝的是多層 實現方式：淺 function shallClone (obj) { var obj_kkw = {}; // 拷貝完成後的對象

2019-08-01 13:15:07