原创 關於 try catch 捕捉不到異常

先看下面的代碼,思考一下輸出: try { throw new Error(3); } catch (e) { console.log(e); } try { // 捕捉不到異常 setTimeout(function (

原创 vue3被刪除的兩個功能

vue3 除了增加很多的功能之後,其實我們也需要關注 vue2 中有哪些功能被刪除了,今天就討論之前被刪除的一些功能。 vue3 不支持 eventBus 了,因爲原先實例上的三個方法 off 和 $once 被刪除掉了。 那麼之前的做法是

原创 小程序vscode插件

1、下載安裝: 2、配置你的小程序類型 點擊設置然後搜索: applest.lan 可以看得配置小程序的類型選項,然後選擇一個: 1、微信小程序 2、支付寶小程序 3、百度小程序 4、字節小程序 5、QQ小程序 6、京東小程序 這個

原创 git subtree 把指定的文件夾推送到指定的分支

例如,某個git項目有三個平行的目錄p1/,p2/,p3/。隨着開發進程的推移,發現這三個目錄的代碼或文件的關聯度很低,實際上是各自獨立的,例如最好用分支p1proj,p2proj,p3proj來進行管理。原來的master分支保

原创 寬高爲auto的元素如何設置動畫(摺疊面板)

在 css 屬性爲 auto 的元素不能設置動畫,設置了動畫也不會有效果,比如下面代碼: .dropdown { transition: 0.2s; height: 0; } .dropdown.open { /* 高

原创 小程序開發到跨端

文件結構 小程序分爲 app 和 page 兩層。app 用來描述整個應用,page 用來描述各個頁面。 app 由三個文件組成,必須放在項目的根目錄。 文件 必填 作用 app.js 是 小程序邏輯 app.j

原创 什麼是JSX什麼是虛擬DOM(React16源碼分析)

const element = <h1>Hello, world!</h1>; 這個有趣的標籤語法既不是字符串也不是 HTML。 它被稱爲 JSX,是一個 JavaScript 的語法擴展。我們建議在 React 中配合使用 J

原创 JS的複製文本

複製div裏面的內容 <body> <span id="link">https://blog.csdn.net/</span> <button>複製</button> <script> function cop

原创 你真的瞭解keep-alive嗎?

瞭解之前你先從動態組件說起~ component 有的時候,在不同組件之間進行動態切換是非常有用的,比如在一個多標籤的界面裏: 上述內容可以通過 Vue 的 <component> 元素加一個特殊的 is attribute 來

原创 3個React技巧

在Fragment上使用key值 const pokemons = ['Charizard', 'Mr. Mime', 'Jynx'] pokemons.map(pokemon => ( <> <strong>Nam

原创 使用useEffect的注意事項

有時候,你的 effect 可能會使用一些頻繁變化的值。你可能會忽略依賴列表中 state,但這通常會引起 Bug: function Counter() { const [count, setCount] = useStat

原创 vue和react中props變化後修改state的方式 vue vue react 改進

如果只想在 state 更改時重新計算某些數據,比如搜索框案例。 vue <template> <div> <input type="text" v-model="filterText"> <ul> <li

原创 express基本原理 基本結構 動態路由

瞭解 express 原理之前,你需要先掌握 express 的基本用法。 關於 express 的介紹請看 express 官網。 基本結構 先回顧一下 express 使用的的過程,首先是把模塊倒入,然後當做方法執行,在返回值中調用 u

原创 vue使用slot分發內容與react使用prop分發內容 vue react vue react

vue 將 <slot> 元素作爲承載分發內容的出口 // layout.vue <div class="container"> <main> <slot></slot> </main> </div> 當組件渲染的時候,<

原创 React-Router Hooks

Route 寫法1 <Route path="/child"> <Child /> </Route> // 類似 <Route path="/child" children={<Child />}></Route> chi