原创 純JS寫的貪喫蛇小遊戲（前端初學者看，面向過程代碼）
貪喫蛇代碼 首先貼出效果圖！ 接下來是代碼！！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor
2020-06-20 22:01:12
原创 JS實現的淘寶購物車
主要功能爲，動態計算價格，移除內容和訂單排序功能，先貼一張圖！畫風比較簡陋~用的是JS原生代碼寫的，所以腳本會比較長！ 下面是html結構代碼。 <table border="1" cellspacing="0" cellpa
2020-06-20 21:01:10
原创 煙花效果—JS面向對象編程
閒來無事，做了個煙花效果，面向過程的JS原生寫的。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp
2020-06-20 21:01:10
原创 react配置反向代理—排坑記
1、先安裝http-proxy-middleware npm i http-proxy-middleware 在src文件夾下創建setupProxy.js文件，以下爲代碼，有詳細註釋 const proxy = require
2020-06-20 21:01:10
原创 JS兼容性問題彙總（主要針對IE）
今天來總結一下JS的兼容問題和相關的解決方法。這裏老規矩，吐槽一下萬惡之源IE！！ 1、事件綁定的兼容問題。這裏先回顧一下事件綁定的方式，有DOM0級和DOM2級，DOM0級沒有兼容性問題，但是缺點也很多，比如不可以在多次綁定同一
2020-06-20 21:01:10
原创 React Hook的useCallback,memo,usememo的使用
1、useCallback 每當組件重新渲染的時候，我們之前定義的函數就會被重新聲明一次，即使這個函數不需要做出改變。這時可以使用useCallback。useCallback主要用於緩存一個函數。 useCallback接收兩個
2020-04-20 21:12:26
原创 基於React框架實現的微信——持續開發中
基於React框架寫的微信app 首先聲明一下，該文章只是記錄作者開發過程，並非純技術文章！！ 貼出項目截圖！ 作者目前進度：已搭建完路由，store持久化，點對點發消息功能。 技術使用情況：前端用的是react框架，狀態管理用
2020-04-05 05:28:05
原创 immutable
1、immutable介紹：immutable對象是不可直接賦值的對象，它可以有效的避免錯誤賦值的問題 2、安裝 npm install immutable 3、immutable的使用方法 創建一個immutable對象並修改
2020-03-30 03:43:59
原创 vue腳手架插件，庫彙總——持續更新
1、swiper輪播庫 官網：https://www.swiper.com.cn/demo/index.html Swiper是純javascript打造的滑動特效插件，面向手機、平板電腦等移動終端。 使用swiper的時候，一定
2020-03-01 20:18:56
原创 vue組件通信詳解
vue組件通信詳解。 在使用vue開發的時候，組件是必不可少的一個環節，既然用到了組件，一定會有需要組件通信的時候，今天就來撿一撿組件通信的東西！ vue組件通訊的方式有：父傳子通信，子傳父通信，bus中央事件總線，ref通信。
2020-03-01 20:18:56
原创 打字小遊戲源碼—（JS寫面向對象編程）
發現這段時間老忘基礎單詞，死記硬背太枯燥，遂想出寫一個打字小遊戲，過關制度來複習各個css屬性和js關鍵字！下面貼出遊戲界面！ 下邊貼出代碼！ 首先是index（首頁） <!DOCTYPE html> <html lang="
2020-02-22 11:41:10
原创 跨域科普以及JSONP跨域方法
首先科普一下域，這裏只說前端的域。 前端的域是指服務器在網絡上佔據的地址。 跨域指的是瀏覽器請求了服務器A的某個頁面，在操作該頁面時，發送了一個請求B服務器的資源，這種現象就叫做跨域。 如何更詳細的判定是否跨域呢？ 當協議(htt
2020-02-22 11:41:10
原创 純JS寫的輪播圖！（有自動輪播，手動左右點擊，點擊小點切換圖片）
圖片寬爲340px，高爲490px，，，當時寫的時候把代碼寫死了，只支持這個的大小的圖片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2020-02-22 11:41:10
原创 純JS寫的貪吃蛇小遊戲（前端初學者看，面向過程代碼）
貪吃蛇代碼 首先貼出效果圖！ 接下來是代碼！！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor
2020-02-22 11:40:59
原创 H5+CSS3寫的旋轉立方體
用CSS3的動畫寫出來的，代碼很少，技能鍛鍊代碼能力，也能提高思維能力，有興趣的小夥伴可以試一試哈！ CSS代碼 <style> *{padding:0;margin:0;}
2020-02-22 11:40:59