随笔分类 - Vue
摘要：按照官网，执行 npm i --save ant-design-vue，并在main.js中导入 出现如下错误： 解决方案：执行两次 npm i --save ant-design-vue@next 此时会发现版本号发生了改变： 项目成功运行！ 错误原因：进入官网查看文档时，右上方是1.7.2版本，
阅读全文
摘要：需求说明： 要做一个学生后台管理系统。登录身份有：管理员、教师、学生。 管理员可以设置两个开关： 1、学生选课开关。只有打开开关，学生登录后才能进行选课，否则无法选课。 2、教师登分开关。只有打开开关，教师登录后才能对学生课程成绩进行登分，否则无法登分。 由于两个开关的状态需要在不同组件中使用。所以
阅读全文
摘要：问题：在最新课程页面（NewBook.vue）点击某一项课程，通过传递该课程的 id 跳转至课程详情页（Bookdetail.vue），采取的跳转方式是声明式导航，即 <router-link :to="{ path: '/newcourse', query: { id: item.courseCo
阅读全文
摘要：1、在头像那里找到settings按钮 2、选择repositories 3、找到你要删除的项目 4、点击settings 5、滑到页面最下面，点击delete 7、输入项目名称，复制即可 8、删除后左侧列表更新，原来的仓库没有了，删除成功
阅读全文
摘要：在做后台管理项目的时候，用户首先需要进入登录界面，此时需要将登录成功之后由服务器返回给我们的 token 保存到客户端的 sessionStorage（会话存储对象）中，有了这个token，我们就可以验证用户身份，判断用户是否可以访问除了登录之外的其他API接口。因此，非常有必要将 token 保存
阅读全文
摘要：v-model v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据. v-model 会忽略所有表单元素的 value、c
阅读全文
摘要：1. 概念 开发依赖：devDependencies 运行依赖：dependencies 2. 理解 （1）devDependencies 在线上状态不需要使用的依赖，就是开发依赖。为什么 npm 要把它单独分拆出来呢？最终目的是为了减少 node_modules 目录的大小以及 npm insta
阅读全文
摘要：preset其实是你在create新vue项目的时候，生成的插件配置项预设，也就是你在项目中需要用到的插件安装成功了之后，会生成一个关于preset的文件，当你再次create新的vue项目的时候，就不需要再去选择同样的插件，直接用preset安装就好了。但是有时候我们不想再使用预设。该如何进行删除
阅读全文
摘要：1. 什么是 Vue CLI 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI；如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI。 使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。 如果每个项目都要手动完
阅读全文
摘要：1. 什么是回调函数？ 回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用为调用它所指向的函数时，我们就说这是回调函数。 在JavaScript中，回调函数具体的定义为：函数A作为参数(函数引用)传递到另一个函数B中，并且这个函数B执行函数A。
阅读全文
摘要：实例对象和函数对象本质区别： 实例对象：通过 new 函数产生的对象称为实例对象，简称对象。 函数对象：将函数作为对象使用时，简称为函数对。 下面举例说明： function Fn() { } const fn = new Fn() console.log(fn); console.log(Fn.p
阅读全文
摘要：首先，这四个事件两两配对使用，onmouseenter、onmouseleave一对，onmouseover、onmouseout一对，不能混合使用。 onmouseenter 和 onmouseleave是一组：当鼠标进入指定区域的时候触发，但是不支持冒泡，进入或者离开子元素时都不触发（父亲的东西
阅读全文
摘要：我们有时候会在模板中绑定表达式来做简单的数据处理，在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。但是如果在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }}
阅读全文
摘要：1. 为什么滚动会出现问题？ Better-Scroll 在决定有多少区域可以滚动时，是根据 scrollHeight 属性决定的。scrollHeight 属性值是根据放 Better-Scroll 的 centent 中的子组件的高度决定的。但是我们的首页在刚开始计算 scrollHeight
阅读全文
摘要：1. better-scroll 原理 用一张图感受： 绿色部分为 wrapper，也就是父容器，它会有固定的高度。黄色部分为 content，它是父容器的第一个子元素，它的高度会随着内容的大小而撑高。那么，当 content 的高度不超过父容器的高度，是不能滚动的，而它一旦超过了父容器的高度，我们
阅读全文
摘要：冒号属性 ：是指令 v-bind 的缩写，是为了动态绑定数据，用于响应式地更新 HTML 特性。 加了冒号，后面是变量或表达式；不加冒号的是字符串。 如图：将Home组件中的 probe-type 的值传给子组件Scroll的时候，需要的是一个数字类型，所以这里要加上：，否则3就会被当成一个字符串
阅读全文
摘要：在首页开发中，右下角有一个返回顶部的小箭头，将它单独封装成一个BackTop组件，但是它何时出现需要依赖于首页的滑动，即另外一个Scroll组件。如果直接在BackTop组件里面监听，则需要通过this.$emit将事件发射到Home组件中，又在Home中监听自定义事件，比较复杂。因此，我们直接在H
阅读全文
摘要：生命周期图示（图片来自coderwhy老师）： 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些生命周期钩子函数，这就给我们提供了执行自定
阅读全文
摘要：首先需要知道该电脑的ipv4地址，关于ipv4地址和ip地址之间的关系请参考https://zhidao.baidu.com/question/1900243424837723700.html，里面还提到了内网IP和外网IP，详细介绍请参考https://blog.csdn.net/weixin_4
阅读全文
摘要：在vscode终端使用命令 npm run serve 的时候报错 错误原因在于由于文件 node_modules 太大，在项目上传时有些人会删掉 导致我们下载的项目中缺少这个文件 在尝试把自己项目的 node_modules文件夹直接复制过去之后发现问题还没有得到解决 解决方法：在命令行中先进入文
阅读全文
浙公网安备 33010602011771号