tag jsx

標籤
貢獻11
69
02:19 PM · Nov 03 ,2025
whidy 頭像 hai2007 頭像 cubesuger 頭像 muleblue 頭像 mazeyqian 頭像 luxigaola 頭像 tudou_5e2d76940fbaa 頭像 tiye 頭像 dawanzi_6278b06ec111c 頭像 kestrel_task 頭像 shuirongshui 頭像

@jsx / 博客 RSS 訂閱

whidy 頭像

whidy - Nunjucks使用正則表達式示例

我在使用egg.js時，他用的模板引擎是Nunjucks，其中有個地方需要用到正則，可是官方文檔基本上寫了跟沒寫一樣，官方的正則表達式。於是我便去找例子了。 正則表達式 在Nunjucks中使用正則表達式的示例： {% set regExp = r/^foo.*/g %} {% if regExp.test('foo') %} Foo in the house! {% endif %} 那麼這

regexp , jsx , eggjs , 模板引擎 , 正則表達式

收藏 評論

hai2007 頭像

你好2007 - React 如何添加路由懶加載

主體説明 我們會把流程分成兩步：『配置路由』和『添加懶加載』。 如果你知道路由，或者已經配置好了，可以直接跳轉到『添加懶加載』 配置路由 react有兩個包react-router和react-router-dom，如果只是h5開發，選擇後者即可。 安裝依賴 因此，我們首先安裝好需要的路由包： npm install --save react-router-dom 配置 比如我們有兩個頁面page

react , lazyload , jsx , route , 前端

收藏 評論

cubesuger 頭像

cubeSuger - 在 hook 組件中拆分時圖時需要注意的事項

最近遇到一個bug，問題是出現在react hook 中，為了代碼的可讀性，我把一個view拆成了多個子 component，其中有一些是 pure component，有一些是含有 usestate 的 stateful component，但是在實踐的過程中發現，當父組件使用 setState 更新視圖的時候，有些 stateful component 中的 state 會自動還原為初始值，有

react , jsx , 前端

收藏 評論

muleblue 頭像

慕樂丶Blue - vue2jsx遇到的小坑

最近在公司的代碼中遇到的一些坑,目前公司代碼質量有點蛇皮..(組件套組件被套用的組件只是一個表單,翻來翻去就為了看個破錶單...)雖然不是我寫的,但是在維護上確實有點麻煩... 索性直接用jsx抽個表單. 依賴: "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0", "@vue/babel-preset-jsx": "^1.4.0", "elemen

vue.js , jsx , element-ui , 前端

收藏 評論

mazeyqian 頭像

後除除 - 使用腳本整合指定文件/文件夾，執行定製化 ESLint 命令

背景 最近面對一個龐大的項目，但是隻需要修改某個模塊，每次都手搓命令太麻煩了，於是就想着能不能寫個腳本來輔助處理這些事情。 解決方案 定製化一鍵 ESLint，執行文件下載地址： https://github.com/mazeyqian/go-gin-gee/releases/tag/v1.4.0 基礎使用 以下案例以 macOS 為例，其他系統自行替換對應的文件。 案例 1：指定文件 file

vue.js , jsx , eslint , Linux , Javascript

收藏 評論

luxigaola 頭像

luxigaola - 在Vue2和Vue3中JSX的使用集錦

Vue2安裝JSX支持 有時候，我們使用渲染函數（render function）來抽象組件，而渲染函數使用Vue的h函數來編寫Dom元素相對template語法差別較大，體驗不佳，這個時候就派 JSX 上場了。然而在Vue3中默認是帶了JSX支持的，而在 Vue2 中使用 JSX，需要安裝並使用 Babel 插件： @vue/babel-preset-jsx @vue/babel-help

vue.js , jsx , 前端 , html5 , Javascript

收藏 評論

tudou_5e2d76940fbaa 頭像

風不識途 - React基礎語法總結

React基礎語法 React介紹 1.React是什麼? React 是由 Facebook 開源的一個JS 庫 官方解釋: React 是一個聲明式，高效且靈活的用於構建用户界面的 JavaScript 庫 br/ 2.React的特點(瞭解) 聲明式編程 什麼是聲明式編程: 它描述目標的性質，讓電腦明白目標，而非流程 聲明式編程是告訴計算機需要計算 “什

react , jsx , virtual-dom

收藏 評論

tiye 頭像

題葉 - Vue3 JSX 寫法筆記

Vue3 是可以用 JSX 語法直接寫的, 大體可以從 https://sfc.vuejs.org/ 的示例看到, 其中 div 會編譯為 h('div'), 具體參考 https://vuejs.org/guide/extras/render-function.html . 完整的組件定義形如: import { defineComponent, PropType } from 'vue'

jsx , vue3

收藏 評論

dawanzi_6278b06ec111c 頭像

大丸子 - React程序中用JavaScript轉換Word文檔為HTML

將Word文檔轉換為HTML格式可以方便內容創作者能夠利用熟悉的Word文檔編輯環境來打造適合網絡展示的內容，或是將Word文檔內容更好地嵌入到網頁中，提高內容的可維護性和更新效率。通過使用JavaScript與React，開發者可以在客户端瀏覽器中實現直接將Word文檔轉換為HTML的功能，從而簡化了開發工作流，減少加載時間和服務器成本。本文將介紹如何使用JavaScript在React應用中實

react , word , jsx , HTML , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue3開發技巧：使用jsx快速開發組件

創建項目 pnpm create vite 直接使用模板創建 pnpm create vite my-vue-app --template vue 安裝 JSX 支持依賴 cd my-vue-app npm install @vitejs/plugin-vue-jsx -D 配置 vite.config.js import { defineConfig } from 'vite' import v

vite , jsx , vue3 , 前端 , Javascript

收藏 評論

shuirongshui 頭像

水冗水孚 - 面對業務需求，多思考一下如何更好實現，不要成為麻木的前端npm調包俠

前言 前段時間，有一個業務需求，就是要實現類似excel單元格可以選中的需求，需求如下： ✅ 單擊切換選中狀態 ✅ 按住Ctrl鍵進行拖拽多選 ✅ 禁用項處理 ✅ 右鍵清空所有選中 ✅ 連續選中的視覺效果優化（邊框合併處理） 效果圖 線上預覽地址：https://ashuai.site/reactExamples/verticalSelection github地址：https:/

react , jsx , npm

收藏 評論