原创 人生海海,不負青春「2020」

感悟 人的一生好長啊,長的讓每一個時間階段都顯得渺小。而每個時間階段又好長啊,讓在這個時間階段裏面做的事情又顯得重要而有意義。 2020年過的真快啊,由於疫情的原因,上半年在家辦公,下半年又在忙忙碌碌中度過,轉眼間已經是2020年最後一個月

原创 「react」讓後臺走向國際化 i18next

國際化 背景 我使用的是react,採用的是i18next技術。 支持 包含react,vue,angular等語言,具體的,可以查看文檔 安裝 npm install react-i18next i18next --save //或者 y

原创 Babel的入門教程

Babel 概念 babel是JavaScript的編譯器,他主要的功能是將ES6之後的語法編譯成當前或者更舊的瀏覽器/環境可以運行的語法。 例子: // Babel Input: ES2015 arrow function [1, 2,

原创 讀書角之地獄變

地獄變 作者的簡介 作者芥川龍之介(1892~1927)是日本的一位作家,生於東京,本姓新原,父親經營牛奶業。幼時由於母親精神失常,送給舅舅撫養。 創作的背景 此時的芥川龍之介已經是家喻戶曉的作家,在他在探索藝術的道路上,時常會遇到藝術和

原创 webpack5文檔解析(下)

聲明:所有的文章demo都在我的倉庫裏 代碼分離 代碼分離的有點在於: 切割代碼,生成不同的打包文件,按需加載這些文件。 每個bundle的體積更小 控制外部資源的加載順序 常用的方法有: 入口起點:使用入口entry手動分離 防

原创 webpack5文檔解析(上)

webpack5 聲明:所有的文章demo都在我的倉庫裏 webpack5 起步 概念 webpack是用於編譯JavaScript模塊。 一個文件依賴另一個文件,包括靜態資源(圖片/css等),都會視爲依賴關係。 在webpack處理

原创 號外,號外,我用react+koa+mysql搭建博客啦~~

介紹 這是一篇自己搭建本地博客的博客.... 技術 前端使用react+antd+ts,後端使用node+koa,數據庫使用mysql 前端 安裝 創建文件 create-react-app demo --typescript 引入

原创 vue的那些事...

vue 這是一篇包含vue2以及vue3的一些知識點,瀏覽一下吧... computed computed中的屬性是存在緩存中的,只有所依賴的參數改了,纔會重新計算一遍,不然不會計算。如果屬性不在computed裏修改,也不會做相應的更新

原创 你想要的拍照,看這裏....

需求 市面上很多美顏相機,想用小程序現有的API,寫一個好用的美顏相機功能。 功能點包含如下: 簡單的相機功能,包含(前置/後置,閃光燈) 模版的選擇 濾鏡的選擇 可以上傳照片 上傳照片可以塗鴉和去除塗鴉的橡皮擦 上

原创 redux的學習筆記

redux的出現是爲了解決正常代碼解決不了的問題,在使用前先想下,是否真的有必要去使用它,如果答案是否,那就不使用。 redux 安裝 npm install --save redux npm install --save react-re

原创 lodash集合啦,將持續更新...

lodash是javascript的一個工具庫,拿來即用,很方便。 lodash的資源庫地址爲lodash,一起學習吧! 數組Array chunck 分割數組 將數組根據指定的長度進行分割,默認是1。 如果不能很平均的被分割,最後一個被分

原创 grid網格佈局使用

定義 grid佈局是指對網頁進行劃分成一個一個網格,然後根據自己的要求,可以任意組合。 以前寫類似的功能,很麻煩,需要寫很多的CSS去控制,有了grid就很方便了,可以隨意進行組合。 跟flex有很多地方相似,包括有部分屬性。不同的地方也

原创 小程序刮刮卡來了

如何實現小程序刮刮卡呢? 思路是: 先將中獎的圖片或者文字位置和大小確定 開始畫canvas,將位置和大小跟之前中獎的文案的位置保持一致。 在canvas上覆蓋一層灰色的蒙層,作出刮刮卡未刮之前的效果 具體代碼如下 let l

原创 腸子的小心思讀後感

腸子的小心思 日常不起眼的腸子,背地裏做了很多驚天動地的事情。 以下是我的讀書過程中學習到的日常的知識。 過敏的原因 當食物消化,進入到小腸裏,小腸裏的蛋白質沒有被完全分解爲氨基酸的話,有細小的蛋白質碎片留下來,蛋白質碎片會夾裹在一滴油

原创 微信小程序的那些事

網頁跟小程序的區別 ​ 普通網頁是單線程運作,很容易出現網頁崩潰的情況。 ​ 小程序爲了解決性能問題,選擇了雙線程(JSCore和webview),webview執行渲染層,包括wxml和wxss,JSCore執行js腳本。 普通網頁所運