blog
blog copied to clipboard
wuxianqiang
博客系列
Vue 可以作为独立的脚本文件使用，无需构建步骤！如果你有一个后端框架，并且它已经渲染了大部分的 HTML，或者你的前端逻辑并不复杂，不需要构建步骤。 所以，Vue 也提供了另一个适用于此类无构建步骤场景的替代版 [petite-vue](https://github.com/vuejs/petite-vue)，主要为渐进式增强已有的 HTML 作了特别的优化。功能更加精简，十分轻量。 1. 大小只有5.8kb 2. Vue 兼容模版语法 3. 基于DOM，就地转换 4. 响应式驱动 > 官方地址：https://github.com/vuejs/petite-vue ## 快速上手 自动初始化 petite-vue 无需构建流程即可使用。只需从 CDN 加载它： ```html {{ count }}...
### 安装 ``` npm install react-router-dom@6 ``` ### 配置路由 ```js import { render } from "react-dom"; import { BrowserRouter, Routes, Route } from "react-router-dom"; // import your route components too...
```js // 维持一个执行副作用的栈 const runningEffects = [] // 当前正在运行的副作用 const createEffect = fn => { // 将传来的 fn 包裹在一个副作用函数中 const effect = () => { runningEffects.push(effect) fn() runningEffects.pop() } //...
```js var unicodeRegExp = /a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/; // Regular Expressions for parsing tags and attributes var attribute = /^\s*([^\s"'\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=`]+)))?/; var dynamicArgAttribute = /^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+?\][^\s"'\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=`]+)))?/; var ncname = "[a-zA-Z_][\\-\\.0-9_a-zA-Z" + (unicodeRegExp.source) + "]*"; var...
整数反转 ```js function revese (x) { let rev = 0 while (x !== 0) { console.log(x) if (rev < Number.MIN_VALUE / 10 || rev > Number.MAX_VALUE / 10) { return...
```js function sqrt(num) { function sqrtWrapper(min, max) { let current = (min + max) / 2; let nextMin = min, nextMax = max; if (current * current > num) {...
```js // O(n) 的打乱算法 function shuffle(arr) { for (let i = 0; i < arr.length - 1; i++) { // [i, arr.length-1] 取一个整数 const j = i + Math.floor(Math.random() *...
```js function mergeArray(first, sec) { var temp = new Array(first.length + sec.length) var t = 0 var i = 0 var j = 0 // 取较短的数组作为loop条件 var mid = (first.length
```js function swap (arr, a, b) { let temp = arr[a] arr[a] = arr[b] arr[b] = temp } function bubbleSort (arr) { for (let outer = arr.length; outer >= 2;...
WHAT（Module Federation 是什么？） Module Federation [ˌfedəˈreɪʃn] 使 JavaScript 应用得以在客户端或服务器上动态运行另一个 bundle 的代码。 这其中的关键点是：动态，包含两个含义： 1、按需，可以把一个包拆开来加载其中一部分； 2、运行时，跑在浏览器而非 node 编译时； 另一个 bundle 的代码，之前应用之间做共享是在文件级或 npm 包级 export 成员，现在可以在应用级 export 成员属性。 Module Federation 里有两个主要概念 host 和...