原创 前端入門學習筆記(二十八)JavaScript入門(十一)this丟失怎麼辦?——函數綁定

函數綁定 和對象方法或者和傳遞對象方法一起使用 setTimeout 時,有一個很常見的問題:“this 丟失”。 突然,this 就停止正常運作了。這種情況在開發的初學者中很典型,但有時也會出現在有經驗開發者的代碼中。 丟失

原创 前端入門學習筆記(二十七)JavaScript入門(十)反引號,${},模板字符串(Template string),標籤模板(Tagged template),

在看別人的js代碼時候,發現有些字符串是``反引號,而不是’'單引號,或者""雙引號。查閱後發現這個叫做模板字符串。 在其它語言中,使用模板和插入值是在字符串裏面輸出變量的一種方式。因此,在ES5,我們可以這樣組合一個字符串: v

原创 JavaScript實戰筆記(一)js表達式中, = _ =>的意思(以element-ui transfer的代碼爲例)

在項目中使用vue+element,使用element 的 transfer穿梭框,發現有類似於以下的代碼 export default { data() { const generateData = _

原创 前端踩坑(三)(vue)修改樣式無效

vue引用了第三方組件,需要在組件中局部修改第三方組件的樣式,而又不想去除scoped屬性造成組件之間的樣式污染。此時只能通過>>>,穿透scoped。 有些Sass 之類的預處理器無法正確解析 >>>。可以使用 /deep/

原创 vue如何使用iconfont(svg圖標)

文章目錄1. 下載圖標3.代碼 使用方式(js文件) 此處說明一下,若想要知道svg的進階用法,可參考這篇文章HTML5如何使用svg 1. 下載圖標 點擊鏈接 阿里巴巴的iconfont矢量圖標庫 進入阿里官網點擊圖標庫 從

原创 前端踩坑(一)(vue)使用select (el-select)遇到的 TypeError: Cannot read property 'indexOf' of undefined

我遇到此次問題的解決方法:初始化對象的時候賦值爲[],或者不要進行對象初始化 el-select 代碼如下 <el-select v-model="warnInfo.warnMethods"

原创 前端入門學習筆記(三十七)JavaScript入門(十六)數組常用的四種方法 forEach、map、find、indexOf

forEach 數組的forEach有三個可選參數,value, index, arr,直接上例子比較容易懂一些,對應值、下標、數組。 並且forEach 沒有返回值。我覺得是用來替代for的很好用的方法(因爲這樣我們就不需要用.

原创 前端踩坑(二)在前端開發中遇到的500錯誤

我目前遇到的500錯誤是因爲,前端發送錯誤的消息給了後端, 比如後端要求的數據爲 { "passenger_code": "MF8487", "passenger_start_city": "XMN", "

原创 小程序踩坑:小程序解密手機號,獲取session_key失敗的問題

微信解密手機號注意事項。 session_key可能會過期,有人爲了解決這種問題,採取每次解密都獲取最新session_key的操作 但實際中這麼操作的時候,會出現問題。(以下爲每次都獲取最新的流程) 點擊登錄或註冊按鈕: wx.

原创 websockt中無法使用service、repository

在你的websocket中,使用加入以下代碼 @ServerEndpoint(value = "/kungfupeng/websocket") //使用control和compoment效果相同 @Component public

原创 Spring Boot學習筆記(六)Spring Data Jpa 快速上手(五)多對多@ManyToMany 以及級聯操作

閱讀此文章需要有基礎的jpa知識,此處不講述entity、repository。 可以查看我之前的文章Spring Data Jpa 快速上手(一)使用spring data jpa 實現增刪改查 1.創建表和實體類 此次我們使用

原创 Spring Data Jpa:@ManyToMany 報錯java.lang.StackOverflowError

在使用@ManyToMany註解的時候,在輸出實體類時,出現了java.lang.StackOverflowError報錯,這個是因爲在實體類中,使用了@Data註解,@Data註解中的@ToString會導致java.lang.

原创 Spring boot報錯:failed to load applicationcontext

網上多爲解釋Spring對於此報錯的處理,但由於Spring boot多爲自動配置,所以無法參照舊教程解決此問題。 我遇到的情況是,@Query中,命名寫錯導致, @Query(value = "select new ma

原创 Spring Boot學習筆記(五)Spring Data Jpa 快速上手(四)多對一@ManyToOne、一對多@OneToMany,以及級聯操作

閱讀此文章需要有基礎的jpa知識,此處不講述entity、repository。 可以查看我之前的文章Spring Data Jpa 快速上手(一)使用spring data jpa 實現增刪改查 1.建立表、實體類 講述一下兩個

原创 Spring Boot學習筆記(四)Spring Data Jpa 快速上手(三) jpa、jpql的多條件查詢與動態查詢、Specification動態查詢 與 PageRequest 分頁

1.多條件查詢 多條件查詢可按照我寫的Spring Data Jpa 快速上手(二) jpa命名規則 與 Jpql、Sql 通過命名完成多條件查詢,多個條件之間用And連接例子如下: public interface UserEn