笔记
傻狍子学前端
每天都是一个起点,每天都有一点进步,每天都有一点收获!Make a little progress every day!
展开
-
打包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 · 841 阅读 · 0 评论 -
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 · 578 阅读 · 0 评论 -
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 · 1914 阅读 · 0 评论 -
Node.js升级或降低版本
昨天想把node.js的版本降一下,于是去看了几篇博客,方法有很多,有的还需要下载什么其它的版本包管理工具啥的,属实有些麻烦,这里我说一个非常简单易懂的办法。就是卸载与安装!第一步就是把电脑里的node.js卸载(菜单键里的控制面板里的程序与功能)第二步卸载后去node.js官方网址去下载想要的版本(推荐安装偶数版本,偶数版本为稳定版本,奇数版本为非稳定版本)node.js安装包及源码下载地址为:https://nodejs.org/en/download/。推荐安装后缀为ms原创 2022-01-07 09:46:03 · 5399 阅读 · 0 评论 -
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 · 706 阅读 · 0 评论 -
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 · 396 阅读 · 0 评论 -
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 · 563 阅读 · 0 评论 -
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 · 334 阅读 · 0 评论 -
点击标题标签切换显示对应内容
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 · 957 阅读 · 0 评论 -
异步数据asyncData调用请求后端接口
Nuxt.js增加了一个叫 asyncData 的方法,使得我们可以在设置组件的数据之前能异步获取或处理数据。asyncData 方法asyncData方法会在组件(限于页面组件)每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候,第一个参数被设定为当前页面的上下文对象,你可以利用 asyncData方法来获取数据,Nuxt.js 会将 asyncData 返回的数据融合组件 data 方法返回的数据一并返回给当前组件。 async asyncData(..原创 2021-12-31 10:04:36 · 1366 阅读 · 0 评论 -
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 · 168 阅读 · 0 评论 -
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 · 5581 阅读 · 0 评论 -
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 · 311 阅读 · 0 评论 -
上下篇文章切换
上下篇文章切换(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 · 485 阅读 · 0 评论 -
拼接后端接口返回的图片地址
拼接后端接口返回的图片地址使用 服务器+返回的图片地址 方法服务器使用axios.jsexport default ({ app: { $axios } }) => { $axios.defaults.imgURL = '服务器地址(我们要的图片地址是这个服务器)';}服务器地址 + 图片地址<img :src="$axios.defaults.imgURL + 图片地址"/>...原创 2021-12-29 16:07:06 · 1260 阅读 · 0 评论 -
git克隆代码到本地和上传代码
Git克隆代码到本地和上传代码克隆代码到本地在本地新建一个文件夹,文件名随意点开文件夹,右键打开Git Bash输入git init 命令进行本地仓库初始化输入 git clone 命令进行克隆代码项目上传代码代码编写好后,找到项目文件夹点开克隆的项目,右键打开Git Bashgit add .git commit -m “一些备注信息,不写也可”git push 上传代码的地址...原创 2021-12-28 18:06:45 · 1024 阅读 · 0 评论 -
Markdown
MarkdownMarkdown 标题# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题一级标题二级标题三级标题四级标题五级标题六级标题Markdown 字体*斜体文本*_斜体文本_**粗体文本**__粗体文本__***粗斜体文本***___粗斜体文本___斜体文本粗体文本粗斜体文本分隔线**** * ******- - -----------删除线文字的两端加上两个波浪线 ~~原创 2021-12-28 16:56:16 · 103 阅读 · 0 评论