原创 接手同事vue項目兩個月的血和淚,關於vue項目性能優化,縮短首屏加載時間

最近接手了別人做的vue項目,項目跑起來後,有些頁面很卡,首屏加載也慢,打包速度也慢。於是,研究了很久vue的項目性能優化,下面我將從兩個部分來詳解vue項目的性能優化: 代碼優化 webpack打包優化 一、代碼優化 1、v

原创 一篇文章徹底明白,vue組件傳值

看了很多關於vue組件傳值的文章,於是想把文章總結一下,把關於vue組件傳值好好聊聊,歡迎大家指正。 組件之間傳值主要分兩種 1、父子組件:props方法、ref方法、children和parent方法、 emit方法 2、非父子

原创 微信小程序,自定義組件實例詳解

類似於購物車加減帶輸入框的微信小程序組件 第一步 新建一個 component 文件夾,我們的所有組件都存放在這裏。因爲我們今天要做一個計數器組件,所以點擊右鍵新建一個 stepper 文件夾,裏面的會生成對應的 json wx

原创 一篇文章徹底明白,vuex

上篇文章沒說的vuex,現在就來全面講講vuex。其實我們搞懂下面這幾個問題,就能真正理解vuex。 1、什麼是vuex? vuex是一個專爲vue.js應用程序開發的狀態管理模式(它採用集中式存貯管理應用的所有組件的狀態,並以相

原创 一篇文章徹底明白,axios

今天,我們從axios的概念以及如何使用axios,這兩方面來仔細聊聊axios。 1、axios是什麼? Axios 是一個基於 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中。前端最流行的 ajax

原创 webpack的功能以及如何使用webpack

最近,看了很多webpack的文章,我現在就把這些這幾天看到的內容做個彙總。大家可以先去webpack官方文檔瞭解一下:webpack中文網 什麼是webpack 本質上,webpack 是一個現代 JavaScript 應用程序

原创 webpack分步驟實例詳解,輕鬆掌握webpack4的使用技巧

上篇文章簡單介紹了一下webpack的特性,本篇文章再來和大家好好講講webpack的實戰運用。文中的實例是基於webpack4的,大家要注意自己的版本了。有興趣的同學們可以進我的前端羣學習討論:713203133 簡單項目打包

原创 VSCode 離線安裝插件,實例講解

最近的項目中需要離線安裝的VSCode插件,由於在開發銀行系統,開發環境無法連接外網(爲何會有這麼奇怪的開發環境,但是我們程序員不能說不 ),所以我們所需的插件只能離線下載後引入進去,下面是我的具體操作流程。 第一步,進入官網 進

原创 分享我自己學習前端之路

從剛畢業什麼都不懂的小白,到現在終於入了門。一路走來很不容易,在這裏希望能給想學習前端的同學們一點幫助,免費將自己的學習視頻分享給同學們。裏面包括基礎視頻:html、css、bootstrap、js,進階視頻:angular、vu

原创 vs code 離線安裝插件,實例講解

由於在開發銀行系統,開發環境無法連接外網(爲何會有這麼奇怪的開發環境,但是我們程序員不能說不 ),所以我們所需的插件只能離線下載後引入進去,下面是我的具體操作流程。 第一步,進入官網 進入vs code官網下載所需插件,官網地址:

原创 git常用命令(簡潔明瞭全面)

拉取提交代碼 git clone XXX (XXX爲git倉庫地址,克隆線上代碼) git pull (拉取更新內容) git add . (git提交,點代表當前目錄下的所有文件) git commit -m ‘xxx’

原创 js、es6 數據格式轉換總結

1、在數組中添加對象,push() let arr = [{a:1}] let obj = { b:2 } arr.push(obj) //數組新增對象 2、數組轉換成字符串,並且用指定符合分割,join() var joi

原创 hicharts.js基本設置和自定義樣式

hicharts.js的優勢 兼容ie6以上瀏覽器 完美支持移動端 api全面而豐富 自適應瀏覽器寬度 實例演示基礎折線圖 html部分 <!--引入hicharts.js框架的提供的js文件--> <script src="

原创 css實現footer置底

本來打算找一篇關於footer置底的文章,分享給朋友,發現網上很多方法太麻煩,所以我寫一篇簡單的文章來講講如何讓footer置底 html佈局(很重要) <div class="box"> <!--最外層盒子--> <di

原创 web pc端 微信授權登陸 實例詳解

首先,看看微信官方文檔,瞭解一下具體實現步驟 微信官方文檔: 微信登陸開發指南 基本瞭解了微信登陸的流程後,然後我們再來一起踩坑 1、先去微信公衆平臺申請網站,appId,設置域名 2、調用微信地址生成二維碼 // 微信登陸 u