記事一覧
顶置
发布于 2023-08-19
Nuxt3项目部署到服务器
181 热度
4 条评论
Linux
Nuxt3项目部署1.安装node环境cd/usr/localwgethttps://nodejs.org/dist/v16.14.0/node-v16.14.0-linux-x64.tar.xztarxfnode-v16.14.0-linux-x64.tar.xzmvnode-v16.14.0-linux-x64.tar.xznode#配置环境变量vim/etc/profileexportPATH=$PATH:/usr/local/node/bin#添加这段代码#刷新source/etc/profile#检查是否安装成功node-v#安装node成功后安装pm2是node进程管理工具npmi-gpm2#依赖包管理npmi-gpnpm2.前端打包文件上传到服务器#没有这个目录新建个cd/data/nuxt#上传前端打包文件.output到nuxt目录#nuxt目录新建js文件touchecosystem.config.js
发布于 2023-09-12
webpack5(三)
181 热度
4 条评论
Webpack
5.Babel的深入解析为什么需要babel？事实上，在开发中我们很少直接去接触babel，但是babel对于前端开发来说，目前是不可缺少的一部分:开发中，我们想要使用ES6+的语法，想要使用TypeScript，开发React项目，它们都是离不开Babel的;所以，学习Babel对于我们理解代码从编写到线上的转变过程直观重要;了解真相，你才能获得真知的自由!那么，Babel到底是什么呢?Babel是一个工具链，主要用于旧浏览器或者缓解中将ECMAScript2015+代码转换为向后兼容版本的JavaScript;包括:语法转换、源代码转换、Polyfill实现目标缓解缺少的功能等;Babel命令行使用#我们希望在命令行尝试使用babel，需要安装如下库#@babel/corebabel的核心代码，必须安装#@babel/cli可以让我们在命令行使用babelnpminstall@babel/core@babel/
发布于 2023-09-12
webpack5（二）
181 热度
4 条评论
Webpack
3.加载和处理其他资源assetmoduletype的介绍我们当前使用的webpack版本是webpack5:在webpack5之前，加载这些资源我们需要使用一些loader，比如raw-loader、url-loader、file-loader;在webpack5之后，我们可以直接使用资源模块类型(assetmoduletype)，来替代上面的这些loader;资源模块类型(assetmoduletype)，通过添加4种新的模块类型，来替换所有这些loader:asset/resource发送一个单独的文件并导出URL。之前通过使用file-loader实现;asset/inline导出一个资源的dataURI。之前通过使用url-loader实现;asset/source导出资源的源代码。之前通过使用raw-loader实现;asset在导出一个dataURI和发送一个单独的文件之间自动选择。之前通过使用url-load
发布于 2023-09-12
webpack5（一）
181 热度
4 条评论
Webpack
1.webpack初体验webpack是什么webpack是一个静态的模块化打包工具，为现代的javascript应用程序我们来对上面的解释进行拆解打包bundler:webpack可以将帮助我们进行打包，所以它是一个打包工具静态的static:这样表述的原因是我们最终可以将代码打包成最终的静态资源(部署到静态服务器)模块化module:webpack默认支持各种模块化开发，ESModule、CommonJS、AMD等现代的modern:我们前端说过，正是因为现代前端开发面临各种各样的问题，才催生了webpack的出现和发展webpack的安装目前分为两个:webpack、webpack-cli那么它们是什么关系呢?执行webpack命令，会执行node_modules下的.bin目录下的web
发布于 2023-09-12
vue3 中 axios class 封装
181 热度
4 条评论
Vue
importaxiosfrom'axios'importqsfrom'qs'exportconststringify=data=>qs.stringify(data);//序列化import{ref}from'vue'exportclassHttp{constructor(baseURL='/api'){this.instance=axios.create({baseURL,withCredentials:true,//跨域携带cookieheaders:{//'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'importAppfrom'./App.vue'/*创建APP返回实例对象，mount方法挂载到#app*/createApp(App).mount('#app')注意vscode设置搜索Validatevue-htmlin<template>usingeslint-plugin-vue关闭，否则会提示eslint报错APP.vuetemplate不需要有一个根节点<scriptlang="ts">代表编写ts文件</script>import{defineComponent}from'vue';//引入函数,定义一个组件,传入配置对象exportdefaultdefineComponent({name:'App',components:{HelloWorld}}
发布于 2023-09-12
Vue2
181 热度
4 条评论
Vue
Vue指令Vue模板指令{{数据}}//插值v-text='数据'//带标签的数据不会解析v-html='数据'//会解析html标签的数据v-if='表达式'//判断真假，创建或删除;可选v-else-if/v-elsev-show='表达式'//显示或隐藏v-bind:属性名='数据'//动态绑定属性:属性名//动态绑定简写:style//数组动态更新,对象{样式:值}改变不会被检测:class//数组动态更新,对象{类名:true}改变不能被检测//对象解决方法-->Vue.set(改变的对象数据,'新属性','值')//数组[下标]不能更新解决办法-->Vue.set(改变的数组,'下标','值')或splicev-on:事件='方法'//绑定事件@事件='方法'//绑定事件简写v-bind:[attribute]//动态参数2.6.0+v-on:[eventName]//动态参数v-for=''
发布于 2023-09-01
MySql
181 热度
4 条评论
Linux
MySql数据库常用命令1、启动/关闭Mysql服务netstartmysql//启动服务netstopmysql//停止服务2、链接MySQLmysql-h主机地址-u用户名－p用户密码mysql-hlocalhost-uroot-p//-h链接host的IP地址默认localhost本机//-u用户名-userroot//-p密码-password密码exit退出MySQL注意-h和主机地址、-u用户名中间可以不加空格,-p后面必须要加。-p后面不输入密码第二行可以输入***遮盖的密码3、修改密码mysqladmin-u用户名-p旧密码password新密码注意-u用户名、-p旧密码中间不能有空格例如-uroot-proot否则会修改不成功如果刚开始安装没有设置密码-p旧密码一项可以省略。updatemysql.users