記事一覧
顶置
发布于 2023-08-19
Nuxt3项目部署到服务器
181 热度
4 条评论
Linux
Nuxt3项目部署1.安装node环境 cd /usr/local wget https://nodejs.org/dist/v16.14.0/node-v16.14.0-linux-x64.tar.xz tar xf node-v16.14.0-linux-x64.tar.xz mv node-v16.14.0-linux-x64.tar.xz node # 配置环境变量 vim /etc/profile export PATH=$PATH:/usr/local/node/bin # 添加这段代码 # 刷新 source /etc/profile # 检查是否安装成功 node -v # 安装node成功后安装pm2是node进程管理工具 npm i -g pm2 # 依赖包管理 npm i -g pnpm 2.前端打包文件上传到服务器 # 没有这个目录新建个 cd /data/nuxt # 上传前端打包文件.output到nuxt目录 # nuxt目录新建js文件 touch ecosystem.config.js
顶置
发布于 2023-02-22
测试文章
181 热度
4 条评论
测试分类
字符效果 删除线 <s>删除线（开启识别 HTML 标签时）</s> 斜体字 斜体字 粗体 粗体 粗斜体 粗斜体 上标：X<sub>2</sub>，下标：O<sup>2</sup> ==高亮== Inline Code 引用：如果想要插入空白换行（即 <br> 标签），在插入处先键入两个以上的空格然后回车即可 超链接 普通链接 斜体链接 粗体链接 脚注 这是一个简单的脚注 ^1 而这是一个更长的脚注 ^bignote. 图像 下面是一张我家硝子的壁纸?: 
181 热度
4 条评论
Webpack
5.Babel的深入解析为什么需要babel？ 事实上，在开发中我们很少直接去接触babel，但是babel对于前端开发来说，目前是不可缺少的一部分: 开发中，我们想要使用ES6+的语法，想要使用TypeScript，开发React项目，它们都是离不开Babel的; 所以，学习Babel对于我们理解代码从编写到线上的转变过程直观重要; 了解真相，你才能获得真知的自由! 那么，Babel到底是什么呢? Babel是一个工具链，主要用于旧浏览器或者缓解中将ECMAScript 2015+代码转换为向后兼容版本的JavaScript; 包括:语法转换、源代码转换、Polyfill实现目标缓解缺少的功能等; Babel命令行使用 # 我们希望在命令行尝试使用babel，需要安装如下库 # @babel/core babel的核心代码，必须安装 # @babel/cli 可以让我们在命令行使用babel npm install @babel/core @babel/
发布于 2023-09-12
webpack5（二）
181 热度
4 条评论
Webpack
3. 加载和处理其他资源asset module type的介绍 我们当前使用的webpack版本是webpack5: 在webpack5之前，加载这些资源我们需要使用一些loader，比如raw-loader 、url-loader、file-loader; 在webpack5之后，我们可以直接使用资源模块类型(asset module type)，来替代上面的这些loader; 资源模块类型(asset module type)，通过添加 4 种新的模块类型，来替换所有这些 loader: asset/resource 发送一个单独的文件并导出 URL。之前通过使用 file-loader 实现; asset/inline 导出一个资源的 data URI。之前通过使用 url-loader 实现; asset/source 导出资源的源代码。之前通过使用 raw-loader 实现; asset 在导出一个 data URI 和发送一个单独的文件之间自动选择。之前通过使用 url-load
发布于 2023-09-12
webpack5（一）
181 热度
4 条评论
Webpack
1.webpack初体验webpack是什么 webpack是一个静态的模块化打包工具，为现代的javascript应用程序 我们来对上面的解释进行拆解 打包bundler:webpack可以将帮助我们进行打包，所以它是一个打包工具 静态的static:这样表述的原因是我们最终可以将代码打包成最终的静态资源(部署到静态服务器) 模块化module:webpack默认支持各种模块化开发，ES Module、CommonJS、AMD等 现代的modern:我们前端说过，正是因为现代前端开发面临各种各样的问题，才催生了webpack的出现和发 展 webpack的安装目前分为两个:webpack、webpack-cli 那么它们是什么关系呢? 执行webpack命令，会执行node_modules下的.bin目录下的web
发布于 2023-09-12
vue3 中 axios class 封装
181 热度
4 条评论
Vue
import axios from 'axios'import qs from 'qs' export const stringify = data => qs.stringify(data); // 序列化 import {ref} from 'vue' export class Http { constructor(baseURL = '/api') { this.instance = axios.create({ baseURL, withCredentials: true, // 跨域携带 cookie headers: { // 'Content-Type': 'application/x-www-form-urlencoded;', // 序列化格式 // 'Content-Type': 'application/json', // json 格式 }, timeout: 12000, }) this.interceptors()
发布于 2023-09-12
Vue3
181 热度
4 条评论
Vue
Vue3 脚手架分析/* createApp 创建对应的应用，产生应用的实例 */ import { createApp } from 'vue' import App from './App.vue' /* 创建 APP 返回实例对象，mount 方法挂载到 #app */ createApp(App).mount('#app') 注意 vscode 设置搜索 Validate vue-html in <template> using eslint-plugin-vue 关闭，否则会提示 eslint 报错 APP.vue template 不需要有一个根节点 <script lang="ts"> 代表编写ts文件</script> import { defineComponent } from 'vue'; // 引入函数,定义一个组件,传入配置对象 export default defineComponent({ name: 'App', components: { HelloWorld } }
发布于 2023-09-12
Vue2
181 热度
4 条评论
Vue
Vue 指令Vue 模板指令 {{数据}} // 插值 v-text='数据' // 带标签的数据不会解析 v-html='数据' // 会解析 html 标签的数据 v-if='表达式' // 判断真假，创建或删除; 可选 v-else-if/v-else v-show='表达式' // 显示或隐藏 v-bind:属性名='数据' // 动态绑定属性 :属性名 // 动态绑定简写 :style // 数组动态更新,对象 {样式:值} 改变不会被检测 :class // 数组动态更新,对象 {类名:true} 改变不能被检测 // 对象解决方法 --> Vue.set(改变的对象数据,'新属性','值') // 数组[下标]不能更新解决办法 --> Vue.set(改变的数组,'下标','值')或splice v-on:事件='方法' // 绑定事件 @事件='方法' // 绑定事件简写 v-bind:[attribute] // 动态参数 2.6.0 + v-on:[eventName] // 动态参数 v-for=''
发布于 2023-09-01
MySql
181 热度
4 条评论
Linux
MySql 数据库常用命令1、启动/关闭 Mysql 服务 net start mysql // 启动服务 net stop mysql // 停止服务 2、链接 MySQL mysql -h主机地址 -u用户名 －p用户密码 mysql -h localhost -u root -p // -h 链接 host 的IP地址 默认 localhost 本机 // -u 用户名 -user root // -p 密码 -password 密码 exit 退出MySQL 注意 -h和主机地址、-u用户名 中间可以不加空格,-p 后面必须要加。-p后面不输入密码 第二行可以输入***遮盖的密码 3、修改密码 mysqladmin -u用户名 -p旧密码 password 新密码 注意 -u用户名、 -p旧密码 中间不能有空格 例如 -uroot -proot 否则会修改不成功 如果刚开始安装没有设置密码 -p旧密码一项可以省略。 update mysql.user s