原创 如何處理圖片變形/裁剪

object-fit none保持原有的圖片尺寸 fill整張圖片被拉伸至整個區域,不保持比例 contain 能夠在區域內,保持比例 cover 保持圖片填充真個區域,且保持比例,將對應的地方進行裁剪。 scale-

原创 笑場讀後感

李誕的書,有暗黑元素,又有幽默的點綴,同時在結尾時總是有點悲觀,憂傷的元素,發人深省,令人冷不丁的想,這世界真的如同我們看到的世界嗎?你以爲的真理,真的是真理嗎? 全文最後一篇是一首詩歌--只有一次。什麼都是隻有一次,宇宙只有一次,愛人只有

原创 常用數組使用大全

2019-12-15 這是一期分享常用數組使用的方法解析。 關於常用數組的方法有如下:for,forEach,find,findIndex,indexOf,map,pop,push,shift,unshift,splice,slice,in

原创 如何配置vue-cli4.0

這是一期主要分享vue-cli4.0配置 新建一個項目,最令人爲難的是配置環境。拿vue來說,創建項目很簡單,跟着文檔走即可,但是要知道配置本地,測試,生產環境,以及反向代理等等,如果對於一個對vue構建不是特別瞭解,或者對webpack不

原创 react使用阿里爸爸的iconfont時,不展示的問題

選擇使用Unicode時: 正常使用如下,顯示也是正常: <i className="iconfont">&#xe600;</i> 使用map去循環時,需將原本的&#xe600;,改成\ue600 具體原因:查看網上的其他博主,沒看

原创 微信小程序登錄流程

微信登陸流程 微信多個載體(APP微信授權,微信公衆號授權登陸),openId是不一致的,但是unionId是一致的 所以在走流程時, 先判斷unionId在數據庫中存在不存在 存在,拿unionId去數據庫換token,獲取用戶信息,

原创 3年A班,從現在起大家都是人質-觀後感

花了2天時間觀看了由小室直子、鈴木勇馬、水野格導演,武藤將吾編劇的3年A班日劇。 這部劇我覺得很擅長用對比的手法,將一個受歡迎的老師人前人後強烈對比,一羣外表成熟,內心卻始終還是孩子氣的學生對比,也將柊一颯老師在事件發生前後的態度作對比。正

原创 深入淺出的Object.defineProperty()

vue的原理 觀察者模式和訂閱-發佈者模式。 Vue實例被創建時,會遍歷data屬性,並通過Object.defineProperty將 這些屬性轉化爲getter/setter,並進行追蹤依賴。每當data屬性值被修改時,通知watche

原创 react的循環數組方法的使用

react循環數組有2種方法 法一:直接在所需的地方循環(推薦) <ul> {this.state.list2.map(function(value,key){ return(<li key={key}>{value

原创 react引入圖片

初學react,img引入方式跟html引入圖片還是有很大的區別的 1、引入本地圖片 法一:引入模塊(推薦) import image1 from '../assets/images/1.png'import image1 from '.

原创 react父子組件傳值

react均是以組件構成,那父子組件傳值就很重要了 父組件傳值給子組件,不僅可以傳值,傳事件,還可以傳實例 1、父組件傳值給子組件 傳值 父組件: import React from 'react'; import Children fr

原创 react的this指向

在react裏this指向實例,但是在一些特殊情況下,會指向window,這時候需要修改this指向,有3種方法修改this指向 法一:使用箭頭函數(推薦) changeData=(str)=>{ //修改state的值 th

原创 微信小程序的注意點(親測實用)

微信小程序雖然便捷,但是在開發階段,坑還是很多的。以下是我最近寫小程序總結的一些小心得,望參考一二。 1、wx:if條件判斷 當判斷的內容是由多個組件標籤組合的,則需要使用<block/>標籤 <block wx:if="{{true}}

原创 對數組對象進行分類

最近對數據操作比較多,也碰到了很多關於數組的東西,數組對象就是其中一個。現在要對數組對象進行分類,即: let arr=[{a:1,b:2,c:3},{a:2,b:3,c:4},{a:2,b:3,c:4},{a:4,b:3,c:4},{a

原创 微信小程序組件通信(一)

  當我們擼前端頁面的時候,當發現一個頁面內容很多、且有一定的分類,就應當考慮是否需要將頁面拆分成一個個組件。當使用組件的時候,不可避免的需要知道父子頁面通信以及兄弟頁面的通信。   1、父向子通信 是通過properity去傳遞即可。pr