原创 自動跳格的驗證碼輸入

        最近做小程序,其中有一個短信驗證碼的填寫頁面,是那種輸入數字,就自動跳到下一格的,可以看下動圖 演示         點擊橫線區域,彈出鍵盤,然後依次輸入數字,可自動跳到下一格,輸入完成後,下方確定按鈕自動變爲可點擊。

原创 webpack4多入口打包配置

一、簡單介紹webpack 在現在的工作中,基本上都會使用到 webpack 這個打包工具。目前 webpack 的版本已經到了4.x,在官網說 webpack4.0.0 以上的,可以不去配置而直接使用 webpack 打包。 先安裝 w

原创 後端返回數據格式是字符串的問題

前兩天接接口,發現後端返回的數據前端不能識別爲 JSON,但是返回的數據看起來又沒啥問題,如下圖 Respons 裏面的數據沒有被着色,說明瀏覽器把它識別爲字符串了,讓後端那邊改了又改,還是不行。 後面發現是後端的 Respon Hea

原创 webpack4 的 vue 打包配置

前言       前端時間寫了個多入口的 webpack4 的配置 ( multiple_page_webpack ),後面新開了下目錄,將其改爲打包 vue 的配置       本次 webpack4 的配置源碼:https://git

原创 在 create-react-app 創建的項目中使用 less 模塊化 (配置webpack)

  2020/05/21         在create-react-app 腳手架創建的項目中,突然想到要用 less 的模塊化,但是 create-react-app 創建的項目只是自帶 css 模塊化。要使用 less 模塊化,需要

原创 在vue文件的HTML結構裏面使用moment方法報錯

記錄一下之前一個簡單的小問題,今天又重新遇到,差點忘記了怎麼解決。 一開始想使用moment的時候,直接照着思路,先import進來,然後在template裏面的使用,但是這樣子會報個錯誤 說是未找到moment這個方法,那麼問題來了,

原创 一道有關 Javascript 事件循環的題目

前幾天在B站看到個視頻,講解了事件循環,裏面的有一道事件循環的題目,估計很多人不怎麼細心想的話會做錯。 題目內容:有如下代碼塊,請寫出點擊了 button 後,控制檯的輸出內容 <!DOCTYPE html> <html lang="e

原创 整理最近面試的一些前端面試題

      最近換工作,面試了好多公司,遇到了挺多的面試題的,將自己最近的面試題統一一下,做個記錄,最近一個月內有空就更新。方便自己學習,以及基礎知識的補充。順便吐槽一下,前端知識跟宇宙一樣寬廣啊~  1. gpu加速的原理 16ms

原创 ios9版本的iphone,不執行網頁js

最近做的項目中,出現了個比較奇怪的現象,具體現象:就是ios機型下,ios9相關版本的機子打開我的網頁後,js代碼不執行,將我自身寫的代碼註釋掉後,可以執行其他的js。 此問題暫時找不到原因,但初步認爲是js裏面某些api不支持導致的報錯

原创 webpack打包並壓縮css報錯

       最近跟着視頻學習webpack4.x,視頻內容算是比較新的了,不過在跟着視頻敲代碼的時候,還是遇到了報錯,報錯截圖如下: 截圖中黃色標記出來的部分是報錯的主要信息,當前主要的webpack配置代碼如下: const pa

原创 自己對csrf和xss的一些簡單理解

       雖然自己沒有遇到過csrf和xss這兩種安全問題,項目中也基本上不會考慮到這些,可能是項目裏面涉及安全信息的東西基本較少吧。最近是閒着沒事看看一些題目,纔想起來把這兩個給稍微理解下,不過沒有遇到過,也只是屬於知道有這回事。

原创 aggregate() 查詢結果中字段別名設置

需求:在mongodb查詢到數據後,將 _id 字段重命名爲 id         我一開始的在 $project 是類似這樣去配置的,這樣做就會導致下面這種類型的刨槽,大概的意思就是就是說不能排除 _id 字段以外的字段,在上圖中的 c