qq_58519519的博客

原创 根据选择日期自动定位到点击位置

【代码】根据选择日期自动定位到点击位置。

原创 自动定位vue默认显示

原创 获取当天的时间并高亮显示

原创 只在每周的其中一天显示月份

在这里插入图片描述](https://img-blog.csdnimg.cn/direct/7d21b32d9f864970adf5b19945c0dbaa.png。

原创 路由传参转组件传参

【代码】路由传参转组件传参。

转载 uni-app的uni.request()请求封装

一个项目有N多个接口，但前面的一段url基本是一致不变的（专业点说也就是前面那一段是域名，域名是不变的+后面一段是变化的，是接口地址）。可以抽离封装了api了。

原创 移动端项目适配

这是vue+vant的一个移动端项目，因为打开是pc端的页面，所以要对移动端页面进行适配。

原创 不使用a标签，实现点击跳转到其他页面

【代码】不使用a标签，实现点击跳转到其他页面。

原创 npm run serve stage1@0.1.0 serve vue-cli-service serve node:internal/modules/cjs/loader:936

代码】npm run serve stage1@0.1.0 serve vue-cli-service serve node:internal/modules/cjs/loader:936。

原创 消息订阅与发布

在线文档: https://github.com/mroderick/PubSubJS。​ (1) 订阅消息 --对应绑定事件监听。​ (3) 取消消息订阅 --解绑事件监听。: 发布消息, 触发订阅的回调函数调用。这种方式的思想与全局事件总线很相似。​ (2) 发布消息 --分发事件。......

翻译 全局事件总线

接收数据：A组件想接收数据，则在A组件中给 $bus 绑定自定义事件，事件的回调留在A组件自身。最好在beforeDestroy钩子中，用 $off 去解绑当前组件所用到的事件。一种组件间通信的方式，适用于任意组件间通信。...

原创 组件的自定义事件

1.通过 props ：父组件向子组件传递一个函数型的 props。子组件通过 props 调用这个在父组件中定义的函数来传递数据。2.2 父组件内定义 监听 事件，子组件内触发这个事件并传递数据。2.1：父组件内自定义事件，子组件内触发这个事件并传递数据。子组件给父组件传递数据。......

原创 vue全局过滤器的理解与使用

过滤器只能使用在 插值表达式 或 v-bind 中，不能使用在其他地方，比如 v-text1.自定义一个全局过滤器的格式2.过滤器的调用方法在过滤器的处理函数中，第一个形参作用已经被固定死，永远是 管道符前面的值基本使用：要求：把 好人 换成 坏人，但不能更改Vue中msg的源数据现在 script 标签中自定义一个全局过滤器，过滤器名称自己可改在过滤器中定义一个方法...

原创 If you don‘t want to include a polyfill, you can use an empty module like this: resolve.fallback:

报错解决方案。

原创 vue脚手架的使用

脚手架自动帮助构建项目的工具。vue的自动化构建工具是node.js做的，所以要下载node。

原创 清单文件缺失或不可读取无法加载清单。

如果出现如下问题，说明你没有解压里面的crx文件，需要将crx文件的后缀名改为压缩包的后缀，如“.rar”或".zip"，然后解压再加载。

原创 浅谈MVVM

在MVVM的框架中，视图和模型是不能直接通信的，通过ViewModel通信，ViewModel通常要实现一个observer观察者。当数据发生变化，ViewModel能够监听到数据的变化，然后给到对应的视图做自动更新。MVVM是Model-View-ViewModel的简写，即模型-视图-视图模型。【视图模式】MVVM模式的核心，是连接view和model的桥梁。一是将【模型】转化为【视图】，即后端传递的数据转化为所看到的页面。二是将【视图】转化为【模型】，即将所看到的页面转化为后端数据。...

原创 什么是强类型、弱类型

强类型强制数据类型定义的语言，如果一个变量被指定了某一个类型，如果不经过强制数据类型的转换，则永远是这个数据类型（好处更加严谨和安全）弱类型数据类型可以被忽略的语言，与强类型相反，一个变量可以赋不同的数据类型值（好处编写代码速度更快更简单）...

原创 Ant Design Vue

ant-design-vue是AntDesign的Vue实现，组件的风格与AntDesign保持同步，组件的html结构和css样式也保持一致，真正做到了样式0修改，组件API尽量保持一致。AntDesignVue是AntDesign官方唯一推荐的Vue版UI组件库。使用npm或yarn安装。开箱即用的高质量Vue组件。...

原创 RESTFUL API是什么

RESTfulAPI由后台也就是SERVER来提供前端来调用。前端调用API向后台发起HTTP请求，后台响应请求将处理结果反馈给前端。统一接口（数据元操CRUD，对应HTTP方法GET获取资源、POST新建资源、PUT更新资源、DELETE删除资源）RESTFUL用URL定位资源，用HTTP动词（GET、POST、PUT、DELETE）操作描述。资源（资源是网络上一个实体、一段文本等，通过一种载体来反应它的内容）无状态（所有的资源都可以URL定位，而且这个定位与其他资源无关）...

原创 VSCode编辑器：快捷输出HTML代码

..

原创 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function

原因：版本问题解决方法：重新安装vuex@3npm install vuex@3.6.2（版本号）

原创 html背景颜色渐变代码

在index.html中的标签中，输入css代码：div {width: 200px;height: 150px;background: linear-gradient(red, blue);}默认是上下渐变

原创 想要将banner图居中且图片不变形的话，需要如下写法

例如：.banner {width: 100%;height: 386px;background-color: pink;overflow: hidden;}.banner > img {position: relative;left: 50%;width: 1920px;height: 386px;overflow: hidden;margin-left: -960px;}

原创 Refused to apply style from ‘http://localhost:8081/iconfont.css‘ because its MIME type (‘text/html‘)

原创 Vue创建项目的方式

在创建Vue项目时需要安装vue脚手架，安装方法入下：打开终端-运行 npm i -g @vue/cli,安装完成之后运行vue -V查看相关信息一. 第一种方式(1) 打开终端输入vue create 项目名 回车(2) 在选择配置面板一般选择用户自定义配置(3) 选择配置内容，一般为babel,router,linter等空格键经行选择(4) 看你选择的是vue2还是vue3的项目(4) 一般不建议使用历史模式(5) 推荐使用第一项或第三项(6) 选择第一项(7) 一般

原创 17 problems 17 errors, 0 warnings 17 errors and 0 warnings potentiall

报错：解决：执行这行命令：npm run lint --fix

原创 error Component name “About“ should always be multi-word vue/multi-word-component-names

报错：解决方案一:可以重新命名，采用驼峰命名法 或 - 衔接的方式解决方案二:在项目的根目录找到(没有就创建) vue.config.js 这个文件加入这几行代码保存重新编译

原创 vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You

报错：1.先下载，输入以下命令：npm uninstall -g vue-cli2.再安装，输入以下命令：npm install -g @vue/cli3.解决了

原创 WebStorm汉化方法

打开WebStorm打开File中的settings选择plugins,在右边选中Marketplace框，然后搜索Chinese(Simplified)LanguagePack EAP，安装即可：重启WebStorm，就可以看见已经汉化成功了跟着步骤做就行！！！！！

原创 npm ERR code ERESOLVE

运行 npm install 报错：npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: operatingsystem@0.1.0npm ERR! Found: vue@3.1.5npm ERR! node_modules/vuenpm ERR! vue@"^3.0.0" from the root projectnpm

原创 node js和 npm 匹配版本

node js和 npm 匹配版本点击查看匹配版本输入查找对应的版本号最后在终端输入npm install -g npm@6.4.1

翻译 npm err code enotfound npmerr errno enotfound

报错：解决方法:1、执行：npm config get proxynpm config get https-proxy如果返回值不为null，继续执行：(要确保两个返回值都是null才可以，否则就要执行下面的代码)npm config set proxy nullnpm config set https-proxy null2、执行：npm config set registry http://registry.cnpmjs.org/然后执行下面的代码就可以安装cnpm了npm

原创 v-for=“goods in oftenGoods“

**错误：**出现波浪线解决方法一：在v-for后面绑定key，示例如下 <li v-for="item in goodsData" :key="item"></li>解决方法二：点击左下角“设置”>“用户设置”内添加一下代码片段：“vetur.validation.template”: false...

原创 Element UI 安装报错：this dependency was not found：‘element-ui/lib/theme-chalk/index.css‘

报错：解决方法： import 'element-ui/lib/theme-default/index.css' 改为 import 'element-ui/lib/theme-chalk/index.css'

原创 Command vue init requires a global addon to be installed. Please run undefined @vue/cli-init and t

报错：解决方法：npm install -g @vue/cli-init效果成功显示：