- 博客(17)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 打包vue项目后部署运行
打包vue项目后部署运行npm run build 或 yarn build打包以后会生成一个dist文件夹安装express-generator生成器npm install express-generator -g创建一个express项目express Demo （Demo是项目名）进入Demo目录，安装项目依赖cd Demo npm install 把dist目录下的所有文件复制到express项目的public文件夹下然后运行 $ npm start 启动Demo
2022-01-18 17:56:47
848
原创 git提交代码时，warning LF will be replaced by CRLF in package
git提交代码时，warning: LF will be replaced by CRLF in package.json. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in src/App.vue. The file will have its original line endings in your working director
2022-01-12 17:44:58
602
原创 Vue报错 The template root requires exactly one element
Vue报错 The template root requires exactly one element.Vue2解决因为vue的模版中只能有一个根节点，由于不支持多根节点组件，所以在<template>中插入第二个元素就会报错，将<template>中的元素用一个大的<div>包起来，这样就可以在其中添加多个元素了Vue3解决在 3.x 中，组件可以包含多个根节点！但是为什么还会报错呢是因为插件vetur设置了校验规则，改一下配置规则就不会显现错误了
2022-01-07 11:13:36
2006
原创 Node.js升级或降低版本
昨天想把node.js的版本降一下，于是去看了几篇博客，方法有很多，有的还需要下载什么其它的版本包管理工具啥的，属实有些麻烦，这里我说一个非常简单易懂的办法。就是卸载与安装！第一步就是把电脑里的node.js卸载（菜单键里的控制面板里的程序与功能）第二步卸载后去node.js官方网址去下载想要的版本（推荐安装偶数版本，偶数版本为稳定版本，奇数版本为非稳定版本）node.js安装包及源码下载地址为：https://nodejs.org/en/download/。推荐安装后缀为ms
2022-01-07 09:46:03
5402
原创 Vue CLI4创建Vue项目
Vue CLI4创建Vue项目Node 版本要求Vue CLI4.x需要 Node.js v8.9 或更高版本(推荐 v10 以上)。用 npm -v和node -v可以查看对应版本关于旧版本Vue CLI的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。使用下列任一命令安装这个新的
2022-01-05 14:19:27
716
原创 Babel
对于新的和不兼容的语法，解决方案是转译。将程序的源代码从一种形式转换为另一种形式（但仍为文本源代码）。最常见的是 Babel https://babeljs.io从较新的 JS 语法版本转换为等效的旧语法来解决的。例如开发人员编写的代码片段:if (something) { let x = 3; console.log(x);}else { let x = 4; console.log(x);}Babel 转译器可能会将该代码转换为:var x$0, x$
2022-01-04 09:50:01
399
原创 5个超强免费的GitHub前端学习资源
5个超强免费的GitHub前端学习资源githubjavascript-algorithms(JS 算法)https://github.com/trekhleb/javascript-algorithmsnodebestpractices(node 最佳实践)https://github.com/goldbergyoni/nodebestpracticesYou-Dont-Know-JS(你不知道的js)https://github.com/getify/You-Dont-Know-JSc
2022-01-03 17:11:40
574
原创 Vue Router 编程式导航
Vue Router 编程式导航使用<router-link>创建 a 标签来定义导航链接router.push这个方法会向 history 栈添加一个新的记录在 Vue 实例内部，你可以通过 $router 访问路由实例。因此可以调用 this.$router.push。使用 router.push 方法可以导航到不同的 URL。声明式编程式<router-link :to=" ">router.push( )// 字符串router.p
2022-01-02 16:18:14
345
原创 点击标题标签切换显示对应内容
Vue点击标题标签切换显示对应内容html<div class=" "> <div class=" "> <ul class=" "> <li :class=" reqinx == 0 ? 'active' : '' " @click="reqTagle(0)">星期一</li> <li :class=" reqinx == 1 ? 'active' : '' " @click="re
2021-12-31 16:59:27
979
原创 异步数据asyncData调用请求后端接口
Nuxt.js增加了一个叫 asyncData 的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。asyncData 方法asyncData方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候，第一个参数被设定为当前页面的上下文对象，你可以利用 asyncData方法来获取数据，Nuxt.js 会将 asyncData 返回的数据融合组件 data 方法返回的数据一并返回给当前组件。 async asyncData(..
2021-12-31 10:04:36
1384
原创 npm&&yarn
npm&&yarn万能修复大法rm -rf node_modules && npm i在使用 npm 的时候发现 npm 模块有问题时可以执行 rm -rf node_modules && npm i，一般情况下可以解决问题，如果还是解决不了，或许是由于版本信息文件中这个包本身就有问题，无论你怎么删掉重装也还是一样。这时可以使用命令yarn why来查看包是从哪里引入的yarn why <package-name>通过 log 可以
2021-12-31 09:36:13
176
原创 Vue跳转页面传值（带参数）
Vue跳转页面传值（带参数）<div> <div> <input type="text" placeholder="输入关键字搜索" v-model="keycode" /> <img src="搜索图标图片" @click="search()" /> </div></div>发送数据的页面methods: { search() { if (this.keycode) {
2021-12-30 17:02:41
5603
原创 markdown流程图
横向流程图源码格式：graph LRA[方形] -->B(圆角) B --> C{条件a} C -->|a=1| D[结果1] C -->|a=2| E[结果2]#mermaid-svg-9kd7WzW94C00Rzr1 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermai
2021-12-30 15:09:06
316
原创 上下篇文章切换
上下篇文章切换（Vue.js）<div> <p :style="{ visibility: isPrev ? 'unset' : 'hidden' }"> <span> <div @click="previousPage" >< 上一篇：{{ active != 0 ? totals[+active - 1].title : "" }}</div> &l
2021-12-29 16:44:40
492
原创 拼接后端接口返回的图片地址
拼接后端接口返回的图片地址使用 服务器＋返回的图片地址 方法服务器使用axios.jsexport default ({ app: { $axios } }) => { $axios.defaults.imgURL = '服务器地址（我们要的图片地址是这个服务器）';}服务器地址 ＋ 图片地址<img :src="$axios.defaults.imgURL + 图片地址"/>...
2021-12-29 16:07:06
1272
原创 git克隆代码到本地和上传代码
Git克隆代码到本地和上传代码克隆代码到本地在本地新建一个文件夹，文件名随意点开文件夹，右键打开Git Bash输入git init 命令进行本地仓库初始化输入 git clone 命令进行克隆代码项目上传代码代码编写好后，找到项目文件夹点开克隆的项目，右键打开Git Bashgit add .git commit -m “一些备注信息，不写也可”git push 上传代码的地址...
2021-12-28 18:06:45
1045
原创 Markdown
MarkdownMarkdown 标题# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题一级标题二级标题三级标题四级标题五级标题六级标题Markdown 字体*斜体文本*_斜体文本_**粗体文本**__粗体文本__***粗斜体文本***___粗斜体文本___斜体文本粗体文本粗斜体文本分隔线**** * ******- - -----------删除线文字的两端加上两个波浪线 ~~
2021-12-28 16:56:16
107
vue3快速上手.md
2022-01-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人