原创 React學習之坑(二)- 基礎入門

我是參考官網學習React技術的,官網介紹的非常詳細,而且也不太難,我就自己嘗試着將基礎部分做了翻譯。由於時間和能力有限,所以翻譯出來的東西可能有些地方會有些生澀。 官網學習傳送門:https://facebook.github.io/r

原创 工作筆記一——雜項

近期做的項目中遇到一些棘手的問題,解決的過程用到很多知識,在此記下主要的問題與解決方法。 頁面功能介紹:獲取五張表格的大量數據(大概有幾千條記錄),然後到前臺顯示在table裏面,實現行列彙總。頁面保存也是要保存這些數據的(幾千條)。大概

原创 如何在輕鬆的在前端項目中mock數據

博客更新地址啦~,歡迎訪問:https://jerryyuanj.github.io/ 在前端項目中,我們經常會有需要mock數據的需求,這樣我們後端的接口就不會影響我們的開發進度,大大提高開發效率。但是很多時候,mock需要的配

原创 微信小程序開發筆記1——使用npm腳本實現自動化切換環境配置

博客更新地址啦~,歡迎訪問:https://jerryyuanj.github.io/ 寫在前面 有過小程序開發經驗的都知道,在小程序的生態環境中,是很難做到像其他項目那樣完全的CI的,因爲我們的上傳代碼是隻能在IDE中操作且代碼

原创 微信小程序開發筆記5—— IntersectionObserver應用之實現元素隨着頁面滾動吸附在頂部的效果

博客更新地址啦~,歡迎訪問:https://jerryyuanj.github.io/ 現在很多app都有這樣的效果,某元素隨着頁面的滾動,吸附在頂部的效果。本文將介紹實現這種效果的兩種不同的方法。 先看一下效果圖: 使用Int

原创 vue項目開發心得和一些最佳實踐

博客更新地址啦~,歡迎訪問:https://jerryyuanj.github.io/ 使用vue一年多了,做了一個javaee的項目(全棧,前端使用的mvvm框架vue),三個移動端項目,其中兩個釘釘子應用(釘釘的坑很多,心累)

原创 在chrome中屏蔽CSDN的廣告

博客更新地址啦~,歡迎訪問:https://jerryyuanj.github.io/ 背景: 這幾天事情比較少,看了下谷歌的插件開發(chrome extension),入了個門 csdn廣告太讓我煩了,就不能像博客園那樣乾淨

原创 React學習之坑(一)-環境搭建

最近在學習react相關的知識,剛剛起步,一路遇坑不斷。自己做個筆記,方便日後總結,也供相同趣味的小夥伴一起交流探討。 學習時主要參考官網的教程:https://facebook.github.io/react/docs/hello-wo

原创 SpringBoot學習筆記 - 數據訪問(Spring Data JPA)

前言 Spring Data JPA相信很多JavaEE開發人員都不會陌生,他是Spring Data下的一個模塊,主要是基於repositories,實現了JPA規範。這裏不討論SpringData的知識及Spring Data JPA

原创 基於mint-ui的移動應用開發案例一(簡介)

之前學習vue的知識期間,自己寫了一個基於mint-ui的移動小應用,主要是將vue相關的知識串聯起來一起使用,形成一個開發體系。今天晚上將這個小項目整理了一下,做個筆記。 項目包含的知識點如下: 基於vue-cli的腳手架項目的搭建vu

原创 微信小程序實戰小小應用——豆瓣電影

昨天趁着項目結束的空閒期,自己看了一下微信小程序的開發,試着用豆瓣的開源API做了一個小應用,很小很小的應用,主要是展示最近上映的電影列表以及電影的詳情頁展示。包含的主要技術點如下:底部tab頁標籤的導航切換基本的佈局展示(本例中多使用f

原创 Vue源碼學習系列04——Vue構造函數解析(二): 選項合併策略(optionMergeStrategies)

上一節可以看成是merge數據前期準備,下面就介紹到了我們的mergeOption的重頭戲啦——merge。先看代碼(仍然是mergeOptions裏面的代碼): const options = {} let key for (key

原创 Vue源碼學習系列03——Vue構造函數解析(一): 選項規範化(normalize)

在上一節分析了,Vue的構造函數中,只有一句this._init(options),可見這行代碼的重要性。今天我們就來詳細的看看這個函數主要乾了什麼事。爲了不那麼抽象,我會用一個簡單的例子來貫穿整個講解。這個例子非常簡單。 var

原创 Vue源碼學習系列02——Vue的初始化都做了什麼

開始之前,我們先看看src目錄的結構 目錄結構 compiler 編譯器 core vue的核心部分,包含響應式原理、vdom,內部組件等 platforms 因爲vue是跨平臺的(web 與 weex),在不同平臺的編譯、運行等行

原创 Vue源碼學習系列01——全局工具函數解析

俗話說,工欲善其事,必先利其器。在我們開始探究vue核心功能之前,先來學習一下vue源碼中全局的工具函數,看看vue是如何“利其器”的。 注意,這裏的工具函數對應的是src/shared/下的util.js,這些函數都是全局通用的,不