来自分类 Vue2024-10-29 16:46:20
### 1. 新建一个 js/ts 文件, 定义好常量 ```ts // design.config.ts /** 设计稿宽度, 此处最好就是按 1920 来计算, 避免 element-ui 之类 UI 框架出现字体不对 */ export const designWidth = 1920 /** 设计稿宽度, 此处最好就是按 1920 来计算, 避免 element-ui 之类 UI 框架出现字体不对 */ export const designHeight = 1080 /** 设计稿倍数 */ export const designMultiple = designWidth / 1920 /** 兼容最小宽度 */ export const minWidth = 1440 /** 兼容最小宽度(px) */ export const minWindow = `${minWidth}Px` /** 为什么设置 100? 设置成便于计算, 计算rem时只需要将 设计稿的宽度 / 100 即可 */ export const fontSize = 100 ``` ### 2. ...
来自分类 前端2024-10-24 16:20:37
JSDelivr 是由 @Cloudflare 提供的免费开源公共 CDN。针对 npm 和 GitHub 的 JS 和 ESM 交付进行了优化。适用于所有 Web 格式。 官网地址是: https://www.jsdelivr.com/ 可以用`https://cdn.jsdelivr.net/npm/package@version/file`来访问 npm 上的文件, 如: https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js 可以用`https://cdn.jsdelivr.net/gh/user/repo@version/file`来访问 github 上的文件, 如: https://cdn.jsdelivr.net/gh/jquery/jquery@3.6.4/dist/jquery.min.js 但是官方提供的CDN地址`cdn.jsdelivr.net`, 国内是基本打开的, 所以就需要找其他节点来替代 |节点|描述|地区|延迟|超时率| |-|-|-|-|-| |jsd.onmicrosof...
来自分类 前端2024-03-28 15:19:24
@[toc] ## nodejs ===框架=== https://github.com/expressjs/express `快速、无约束、极简的node web框架` ===其他=== https://github.com/cheeriojs/cheerio `为服务器特别定制的,快速、灵活、实施的jQuery核心实现` [[文档]](https://github.com/cheeriojs/cheerio/wiki/Chinese-README) https://github.com/node-schedule/node-schedule `定时任务` https://github.com/paulmillr/chokidar `最小和高效的跨平台文件监视库` https://github.com/shelljs/shelljs `Node.js的可移植Unix Shell命令` https://github.com/caolan/async `async是一个流程控制工具包` [[文档]](http://caolan.github.io/async/v3/index.ht...
来自分类 NodeJS2024-02-01 12:46:37
随着越来越多的工具不再支持 Nodejs 16, 是时候将服务器的 Nodejs 版本升级到18了, 服务器本来就安装了`nvm`, 所以升级也很简单, 直接 ```bash nvm install v18.18.2 nvm use 18 ``` 就行了, 可是已运行`node -v`, 漂亮, 直接报错 ``` node: /lib64/libm.so.6: version `GLIBC_2.27' not found (required by node) node: /lib64/libc.so.6: version `GLIBC_2.25' not found (required by node) node: /lib64/libc.so.6: version `GLIBC_2.28' not found (required by node) node: /lib64/libstdc++.so.6: version `CXXABI_1.3.9' not found (required by node) node: /lib64/libstdc++.so.6: version ...
来自分类 NodeJS2024-01-24 15:37:38
### 错误信息 win10系统, nodejs v12.22, 安装`node-sass`报`Could not find any Visual Studio installation to use!`错误, 具体错误信息如下: ![Description](https://php.mmxiaowu.com/upload/202401/20240117202604_gkCPyKmw.png) ### 解决方法1 1. 以管理员方式打开`CMD` 2. 执行以下命令: ```bash npm install --g --production windows-build-tools ``` 3. 如果中途卡在`Successfully installed Python 2.7`, 解决方案如下: 按`win+r`打开运行, 输入`%temp%`, 在打开的资源管理器界面, 新建文件`dd_client_.log`, 打开`dd_client_.log`文件, 并输入`Closing installer. Return code: 3010.`, 保存文件, 最后重新执行步骤2即可...
来自分类 Vue2024-01-19 22:36:30
有时候做一个简单的活动页, 使用构建工具显得太大材小用, 或者这个页面需要嵌入后端代码, 这时候我们就可以直接在html文件或者后端模板里写vue代码 直接写在html文件里: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Vue Demo</title> </head> <body> <div id="app"> <div>Your name: {{ data.name }}</div> <div>Your pass: {{ data.pass }}</div> ...
来自分类 Vue2024-01-19 22:36:14
### 1. 在浏览器开发工具中打开控制台 Windows 或 Linux :Ctrl+Shift+J 苹果机:Cmd+Option+J ### 2. 访问Vue应用程序实例 在控制台输入: ```ts const app = Array.from(document.querySelectorAll('*')).find((e) => e.__vue_app__).__vue_app__ ``` app变量将会得一个Vue实例的引用 ![Description](https://php.mmxiaowu.com/upload/202401/20240111155057_KgThhUYM.png) 我们现在可以将应用程序版本存储在一个名为的新变量中version: ```ts const version = app.version ``` ### 3. 访问 Vue Devtools 实例 我们需要访问 Vue Devtools 实例,可通过以下方式访问`window.__VUE_DEVTOOLS_GLOBAL_HOOK__`, 将其存储在一个名为`devtools`的变量中...
来自分类 Vue2024-01-19 22:36:03
如果您需要某个代码块仅在客户端运行,可以使用以下变量`process.client`: ```html <script setup> if (process.client) { // 此代码仅在客户端运行 } </script> ``` 如果您需要某个代码块仅在服务端运行,可以使用以下变量`process.server`: ```html <script setup> if (process. server) { // 此代码仅在服务端运行 } </script> ``` 例如,如果您需要访问`window/document`对象,只能在客户端进行, 那么上面的判断方法将很有用。...
来自分类 Vue2024-01-19 22:35:57
### 代码如下 ```ts export function useAutoScroll(key: string) { // 记录滚动条位置, 这里直接使用Nuxt3自带的useState方法, 使用本地存储, Pinia, Vuex之类都可以 const scrollTop = useState<number>(key) // 离开页面时, 记录滚动条的位置 onBeforeRouteLeave((to, from, next) => { scrollTop.value = Math.max(window.scrollY, document.documentElement.scrollTop, document.body.scrollTop) next() }) // 页面挂载成功后, 恢复滚动条位置 onMounted(() => { console.log('onMounted', scrollTop.value) if (scrollTop.value)...
来自分类 其他2024-01-19 22:35:27
根据自己想要的代理的效果, 选择其一 ```bash # 访问 /proxy1 # 实则访问 http://127.0.0.1:4000/ # 访问 /proxy1/ # 实则访问 http://127.0.0.1:4000// # 访问 /proxy1/test.html # 实则访问 http://127.0.0.1:4000/test.html location /proxy1 { proxy_pass http://127.0.0.1:4000/; } # 访问 /proxy2 或者 /proxy2/ # 实则访问 http://127.0.0.1:4000/ # 访问 /proxy2/test.html # 实则访问 http://127.0.0.1:4000/test.html location /proxy2/ { proxy_pass http://127.0.0.1:4000/; } # ============ # # 访问 /proxy3 或 /proxy3/ # 实则访问 http://127.0.0.1:4000/proxy3 # 访问...