原创 前端自動化測試jest教程10-vue實戰
這是jest教程的最後一篇文章了，也算對自己所學知識的回顧吧！ vue項目實戰git地址：https://github.com/foreverhot/jest-document 在實際項目中運用jest所具備知識點 jest
2020-06-26 22:41:38
原创 css3之@media的詳細使用介紹
前言 使用css很多年了，每次使用media都需要上網查詢一下，具體用法也沒記住，本篇文章就幫你詳細完整的介紹@media的用法，希望你可以更加了解@media的用法。如有不正確之處，還望指出，謝謝！ 語法 @media: <m
2020-06-26 22:41:38
2
原创 MutationObserver、IntersectionObserver、ResizeObserver
前言 閱讀本文你可以獲取到以下3個知識點 通過原生javascript的API 監聽DOM元素的改變（文字、大小、背景等等） 監聽DOM元素之間是否相交等信息 監聽DOM元素大小改變，基本可以放棄全局監聽window.rize了
2020-06-26 22:41:38
原创 3個較新javascriptAPI助你提升工作效率
前言 閱讀本文你可以獲取到以下3個知識點 通過原生javascript的API 監聽DOM元素的改變（文字、大小、背景等等） 監聽DOM元素之間是否相交等信息 監聽DOM元素大小改變，基本可以放棄全局監聽window.rize了
2020-03-10 01:00:57
原创 css動畫是可以暫停的
CSS中animation 大家經常會用到，但是布吉島有沒有和我一樣的童鞋剛知道這個動畫是可以暫停的。 沒錯，就是這個屬性animation-play-state，它有兩個可選值分別是播放動畫running和暫停動畫paused
2020-03-01 22:46:35
1
原创 桌面端框架Electron使用問題整理和總結
文章主要記錄了使用electron日常開發中所遇到的一些坑以及怎樣填坑，幫助其他開發的小夥伴少踩一些坑。建議關注收藏，以便遇到時候方便查閱！ electron這個框架我就不過多介紹了，是使用node和Chromium架構的一個桌
2020-02-27 05:29:54
原创 前端自動化測試jest教程2-匹配器matchers
準備條件 以第1節教程的創建的目錄和代碼爲基礎進行講解。如果沒有看過第1節教程，請關注我，查看以往該系列的文章 在講匹配器之前，我們先來將上節中index.test.js中基礎代碼講解一下 import { sum } from
2020-02-21 10:06:14
原创 前端自動化測試jest教程8-snapshot快照測試
準備條件 以第1節教程的創建的目錄和代碼爲基礎進行講解。如果沒有看過第1節教程，請關注我，查看以往該系列的文章 這節教程主要講解在jest中的怎樣進行快照測試，將第1節的代碼複製一份，並且把index.js和index.test
2020-02-21 10:06:14
原创 前端自動化測試jest教程5-鉤子函數
準備條件 以第1節教程的創建的目錄和代碼爲基礎進行講解。如果沒有看過第1節教程，請關注我，查看以往該系列的文章 這節教程主要講解在jest中的鉤子函數以及鉤子函數的作用域，將第1節的代碼複製一份，並且把index.js和inde
2020-02-21 10:06:14
原创 前端自動化測試jest教程4-異步代碼測試
準備條件 以第1節教程的創建的目錄和代碼爲基礎進行講解。如果沒有看過第1節教程，請關注我，查看以往該系列的文章 這節教程主要講解在jest中怎樣去測試異步代碼，將第1節的代碼複製一份，並且把index.js和index.test
2020-02-21 10:06:14
原创 2020年你還沒用BEM？
當你看到一個class的時候，你想得到什麼？ 這個class用在什麼地方，作用是什麼？ 是否在其他地方也有使用該class，修改會不會引起其他地方的樣式問題？ class 是否在js中被使用？ 等等等等 此時，你最想一眼看到這
2020-02-21 10:06:14
原创 代碼提交git時自動格式化並通過ESlint檢測
前言 在同一個項目中，一般都是幾個人合作開發，每個人的代碼風格不同，因此提交到git之前，需要統一下格式，因此纔有了這篇文章，分享一下自己的配置過程。希望每個小夥伴都能規範自己的代碼，如果你認爲對你有幫助或者有小夥伴有更好的方法歡迎積極
2020-02-21 10:06:14
原创 構建一個CLI腳手架
一、準備條件 npm模塊 commander： node.js 命令行接口的完整解決方案 官網地址：https://github.com/tj/commander.js/blob/master/Readme_zh-CN.md i
2020-02-21 10:06:14
原创 前端自動化測試jest教程3-命令行工具
準備條件 以第1節教程的創建的目錄和代碼爲基礎進行講解。如果沒有看過第1節教程，請關注我，查看以往該系列的文章 這節教程主要講解jest中的中的一些命令行工具，將第1節的代碼複製一份，並運行npm run test 效果圖：
2020-02-21 10:06:14
原创 前端自動化測試jest教程1-配置安裝
前言 前端早已不在是簡單的切圖仔，web前端工程師也在逐漸淡出江湖。大前端的時代早已來臨，面對日新月異的技術我們只能不斷學習，逐個點亮技能點。 現在隨處可見的單元測試，在主流框架以及UI組件中都可以見到，單元測試的優勢就不言而喻
2020-02-21 10:06:14