原创 viewport、rem、vw等實現前端頁面適配

    寫在前面，一直被頁面適配的問題困擾，這段時間查了一些資料自己做個總結，可能會有點亂，儘量清晰，我也還在學習摸索，歡迎討論和指正。     不同的瀏覽器、不同的屏幕大小，所呈現的頁面佈局都是有差別的，但是我們希望不管在什麼瀏覽器、什

2018-12-23 19:23:49 5

原创 前端開發常用網站總結

總結一下自己在前端學習過程中常用的一些網站 1、教程類 w3school：教程詳細，覆蓋面廣http://www.w3school.com.cn 菜鳥教程：與w3school類似http://www.runoob.com 慕課網：以視頻課

2018-12-16 19:02:15

原创 前端操作Cookie及實現表單記住用戶名

目錄 一、Cookie主要屬性 二、瀏覽器對Cookie的大小和個數限制 三、Js設置、讀取及清除Cookie 四、vue-cookies實現cookie操作     寫登錄頁面的時候，爲了提升用戶體驗，加入表單記住用戶名功能，這樣用戶下

2018-12-07 19:25:28 6

原创 vue中上傳讀取及下載excel文件

準備工作 1、安裝依賴包 npm install -S file-saver （-S用於生產環境） npm install -S xlsx npm install -D script-loader  （-D用於開發環境） 2、引入文件 導

2018-11-22 04:13:55

原创 vue中實現文件的上傳讀取及下載

文件的上傳利用input標籤的type="file"屬性，讀取用FileReader對象，下載通過創建a標籤實現 <template> <div class="filediv"> <el-button @click="dow

2018-11-20 04:38:55 1

原创 谷歌地圖API教程及在VUE中的使用

目錄 一、獲取密鑰API Key   1、創建項目   2、啓用Maps JavaScript API服務   3、創建API Key   4、設置結算賬戶 二、頭文件中引入api資源文件   1、獲取Ip所屬區域   2、根據地區加載不

2018-11-14 04:30:00 14

原创 Markdown語法及工具

Markdown是一種標記語言，文件後綴爲md。它可以使普通文本具有一定格式，簡單易上手。平時我們寫博客的時候使用Markdown編輯器可以實現快速排版，CSDN也支持Markdown編輯器。 Markdown語法 標題 語法：[# 文字

2018-11-04 04:48:33

原创 position,float,flex,grid,table前端頁面佈局方式分析及選擇

頁面佈局的幾種方式 1. 定位佈局（position）   定位佈局分爲兩種：絕對定位（absolute）和相對定位（relative），但是位置是寫死的，很不靈活，一般只用在頁面中一些需要固定的小標籤上。 2. 浮動佈局（float

2018-10-27 04:28:49

原创 vue-i18n插件實現前端文字語言切換

當面向不同語言羣體的用戶時，我們就需要考慮前端頁面的語言切換問題，在vue中，可以通過vue-i18n插件實現。 1、安裝vue-i18n npm install vue-i18n --save-dev 2、新建語言配置js文件，我的文

2018-10-20 04:35:37

原创 JS分割字符串常用方法總結

函數：substring() 定義：substring(start,end)表示從start到end之間的字符串，包括start位置的字符但是不包括end位置的字符。 功能：字符串截取，比如想從"MinidxSearchEngine"中得

2018-10-13 04:07:42 1

原创 Ubuntu16.04下mongodb的安裝、用戶配置、遠程連接

一、安裝mongodb     安裝過程，參考：https://www.cnblogs.com/hupeng1234/p/7000499.html     版本更新可以及時跟蹤官網：     https://docs.mongodb.co

2018-09-30 04:16:14 2

原创 微信小程序開發記錄總結

    微信小程序的簡易教程請參考官方文檔：     https://developers.weixin.qq.com/miniprogram/dev/index.html     這裏只記錄自己開發中遇到的一些問題及注意事項。    

2018-09-19 04:17:45 3

原创 vue-router中的#

    vue工程搭建完成後，我們運行在瀏覽器中打開，會發現url中多了一個#符號，     有#是使用URL hash模式的緣故，#代表網頁中的一個位置，右邊的字符就是該位置的標識符，從#開始的部分就是URL的錨部分，vue-rout

2018-09-12 05:06:08

原创 Canvas繪圖教程及簡單實踐

一、前言     最近想嘗試用代碼畫圖，最開始考慮的是用css，用css畫圖的本質就是不斷地拼接div，熟悉一些基本的css屬性根據需求去設置，有一定的耐心就可以實現。網上有很多優秀的例子，如下面教程中的哆啦A夢。    https://

2018-09-06 09:38:46

原创 瀏覽器offsetWidth、clientWidth、scrollWith等總結

    對象尺寸會涉及width和height，我們以width爲例，height則是一樣的道理。     1、clientWidth：對象可見的寬度，不包括滾動條等邊線，會隨窗口的顯示大小改變。     clientWidth  = 

2018-09-03 17:20:51 2