摘要：
JS设置浏览器缩放比例 因为 windows10 的操作系统，尽管是19201080的分辨率，但是发现我的页面显示是正常的，但是我同学打开说滚动条特别多，然后就特别的丑陋，尤其是出现了横向的滚动条，这个就很难让人接受，但是我这边就显示正常，核对了一下，我们用的都是19201080的分辨率，理论上是不 阅读全文
摘要：
CSS修改滚动条的样式 修改某个div的滚动条 /*修改某个div的滚动条样式*/ div::-webkit-scrollbar{ width:5px; height:5px; /**/ } div::-webkit-scrollbar-track{ background: #fff; border 阅读全文
摘要：
JS代码查看浏览器页面放大比例 在做前端项目的时候会遇到这样的问题，比如说我适配的 1920*1080 100% 缩放比例，在这种情况下页面的布局展示都是OK的，但是如果用户自行修改缩放比例，那么这个页面可能会出现一些小的问题，比如错版和展示不开显示滚动条的问题，所以说我们可以在最开始的时候来使用J 阅读全文
摘要：
Vue CLI 3.x 脚手架 什么是Vue-CLI Vue-CLI 是 VUE 官方提供，用来搭建项目脚手架的工具，他是vue.js标准的工具，他已经集成了，webpack，内置了好多常用的配置，使我们在使用 Vue 开发项目的时候更加标准化。 安装： npm install -g @vue/cl 阅读全文
摘要：
我就想用Echarts在页面上画一张地图，这张地图显示全国，然后我有几个坐标点的经纬度信息，需要在这个地图上根据经纬度标注在Echarts图表上，再有一个就是当我点击省份的时候，地图可以切换到省份的子区域里面，接这么简单。
## 实现
之前从来没接触过，现在懵逼的一比，靠了！ 阅读全文
我就想用Echarts在页面上画一张地图，这张地图显示全国，然后我有几个坐标点的经纬度信息，需要在这个地图上根据经纬度标注在Echarts图表上，再有一个就是当我点击省份的时候，地图可以切换到省份的子区域里面，接这么简单。
## 实现
之前从来没接触过，现在懵逼的一比，靠了！ 阅读全文
摘要：
# Vue利用百度地图画圆并且获取圆心坐标和半径
> 这个东西不好整，既要使用Vue接入百度地图，又要画圆。
## Vue接入百度地图
Vue 接入百度地图其实是有插件的，**vue-baidu-map** 这个插件有官网，直接 npm install 就可以。 阅读全文
# Vue利用百度地图画圆并且获取圆心坐标和半径
> 这个东西不好整，既要使用Vue接入百度地图，又要画圆。
## Vue接入百度地图
Vue 接入百度地图其实是有插件的，**vue-baidu-map** 这个插件有官网，直接 npm install 就可以。 阅读全文
摘要：
# Vue兄弟组件之间通信 eventBus
> 今天碰到了这个问题，两个毫无关联的组件之间需要通信，怎么办！使用 props 一层一层的传肯定是有问题的，当然可以实现，在一个就是Vuex，定义一个公共变量也是可以的，但是相对来说比较好的实现方式就是 eventBus 了吧。
> 其实我觉得我现在的状态就特别好，有个志同道合的人，无论在生活还是工作上遇到问题都可以敞开了探讨，没有避讳，不管最后能不能解决，都是一种收获！ 阅读全文
# Vue兄弟组件之间通信 eventBus
> 今天碰到了这个问题，两个毫无关联的组件之间需要通信，怎么办！使用 props 一层一层的传肯定是有问题的，当然可以实现，在一个就是Vuex，定义一个公共变量也是可以的，但是相对来说比较好的实现方式就是 eventBus 了吧。
> 其实我觉得我现在的状态就特别好，有个志同道合的人，无论在生活还是工作上遇到问题都可以敞开了探讨，没有避讳，不管最后能不能解决，都是一种收获！ 阅读全文
摘要：
# Vue 项目接入 echarts
## 安装 echarts 插件
npm install echarts --save
引入 echarts 插件。
import echarts from 'echarts'
也可以在main.js全局引用，觉得没必要，看情况吧。
## 安装 echarts 插件 阅读全文
# Vue 项目接入 echarts
## 安装 echarts 插件
npm install echarts --save
引入 echarts 插件。
import echarts from 'echarts'
也可以在main.js全局引用，觉得没必要，看情况吧。
## 安装 echarts 插件 阅读全文
摘要：
Vue 项目获取当前系统时间解析成年月日周 简单粗暴，直接上代码： <template> <span>{{ date }}</span> <span>{{ time }}</span> </template> data () { return:{ time: '', date: '', week: 阅读全文
摘要：
Vue 状态管理 Vuex 官网文档：https://vuex.vuejs.org/zh/ Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式，他采用集中式存储管理应用的所有组件的状态，并且以相应的规则保证状态以一种可以预测的方式发生改变。 Vuex 的简单理解 Vue 应用中的每一个 阅读全文
摘要：
Vue Axios封装和跨域问题 封装 Axios 封装 Axios 对象 因为在很多项目中很多组件都需要通过 Axios 发送异步请求，所以封装一个 Axios 对象，自己封装的 Axios 在后续可以使用 axios 中提供的拦截器。 安装 npm install axios 1、 首先在项目 阅读全文
摘要：
脚手架工具创建vue项目 首先安装脚手架工具 官网 https://cli.vuejs.org/zh/ Vue Cli 安装 全局安装 npm install -g @vue/cli 安装成功后，在命令行使用 vue 命令查看版本 vue -V Vue CLI 创建项目 创建项目命令 vue cre 阅读全文
摘要：
百度离线地图使用 因为项目要求可能在内网访问，就不能使用在线地图，需要使用离线地图。 但是离线地图没接触过，不知道该怎么办，一点头绪都没有。 整了好久出现了效果，下载就记录一下，作为自己学习和对别人分享的经验。 整体流程分析 这里只说百度地图的，因为我只做出来了百度地图的，高德、谷歌、天地图我都不会 阅读全文
摘要：
百度个性化瓦片地图下载 因为近期项目需求，客户项目在内网使用，不连接外网，因此地图不能使用在线地图，必须使用离线地图。 离线地图使用在之前的博客写过，就不在累述了。https://blog.csdn.net/weixin_42776111/article/details/107865459 离线地图 阅读全文
摘要：
Vue 路由 Vue-Router 什么是路由 Vue Router 是 Vue 官方提供的路由管理器，他和 Vue 的核心深度集成，让构建单页面应用变得非常简单，通过根据不同的请求路径，切换显示不同组件进行渲染页面。 基本路由使用 安装路由 注意：使用路由首先要安装模块 npm install v 阅读全文
摘要：
echarts属性的设置（完整大全） 实例官网：https://echarts.apache.org/examples/zh/index.html 手册官网：https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B 阅读全文
摘要：
Vue props向子组件中传递数据 声明组件对象中定义 props 1、在声明组件对象中使用 props 选项指定 const MyComponent = { template:'<div></div>', props: 此处值有以下3中方式, components:{ } } 方式一：指定传递属 阅读全文
摘要：
Vue 组件间的通信 组件间通信方式 props ：父组件向子组件传递数据。 $emit ：自定义事件。 slot ：插槽分发内容，带上标签数据一起传输，主要是父组件想子组件传输。 组件间通信规则 不要在子组件中直接修改父组件传递的数据。 数据初始化的时候，应当看初始化的数据是否用于多个组件中，如果 阅读全文
摘要：
vue slot插槽 作用：主要是用于父组件向子组件传递 标签+数据 （而 props 和自定事件只是传递数据）。 场景：一般是某个位置需要经常动态谢欢显示效果（比如说：饿了么）。 子组件定义插槽 在子组件中定义插槽，当父组件向指定插槽传递标签数据后，插槽处就对渲染了，否则的话，插槽处就不会被渲染。 阅读全文
摘要：
Vue 组件化注意事项 组件可以理解为特殊的 Vue 实例，管理自己的 template 模板。 组建的 template 必须有且只有一个根节点。 组件的 data 选项必须是一个函数，且函数体返回一个对象。 组件与组件之间是相互独立的，可以配置自己的一些选项资源 data 、 methods 、 阅读全文
摘要：
VUE多个组件示例 示例一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t 阅读全文
摘要：
Vue组件化开发 组件的概念 组件（component）是 Vue 最强大的功能之一，非常重要。 Vue中的组件化开发就是把网页的重复代码抽离出来，分装成一个个可以复用的视图组件，然后将这些视图组件拼接到一块就构成了一个完整的系统。这个方式非常灵活，可以极大的提高我们的开发和维护效果。 组件系统是一 阅读全文
摘要：
Vue 获取当前时间并格式化 现在的代码，一家原创，万家抄袭，嗯，我也是... 直接就是大代码一顿狂粘！！啪啪啪！用去吧！ /** * 获取当前时间 * 格式YYYY-MM-DD */ Vue.prototype.getNowFormatDate = function() { var date = 阅读全文
摘要：
VUE 过滤器以及插件 过滤器 什么是过滤器 过滤器对将要显示的文本，先进行特定格式化处理，然后在进行显示。 注意：过滤器并没有改变原本的数据，只是产生新的对应的数据。 使用方式 定义过滤器 全局过滤器 Vue.filter( 过滤器名称 , function(value) ){ // 数据处理逻辑 阅读全文
摘要：
Vue 表单数据双向绑定 v-mode 每一个Vue项目，每一个系统，肯定涉及到表单的双向数据绑定问题，这一部分是 vue 的重中之重，不是因为知识点复杂，而是因为只要参与 vue 项目的开发，那么就必不可少。 单向绑定 数据变，视图变；视图变（浏览器控制台上更新html），数据不变；这样的都是单向 阅读全文
摘要：
VUE 事件修饰符以及按键码 之前写了一篇关于事件处理的文章，这篇的时间修饰符主要就是来修饰之前事件处理的事件名的，目的是为了扩展事件的功能。 事件修饰符 .stop：阻止单击事件继续传播，event.stopPropagation() .prevent：阻止事件默认行为 event.prevent 阅读全文
摘要：
VUE事件处理 v-on 事件处理方法 完整格式： v-on:事件名="函数名" 或者 v-on:事件名="函数名(参数...)" 缩写格式： @事件 = "函数名" 或者 @事件名 = "函数名(参数...)" 注意：@ 后面没有冒号。 event ：函数中的默认形参，代表原生的DOM事件，当调用 阅读全文
摘要：
VUE 条件渲染 v-if、v-show 条件指令 v-if 是否渲染当前元素 v-else v-else-if v-show：与 v-if 类似，只是元素始终被渲染并保留在DOM中，只是简单的切换CSS属性display来显示或者隐藏。 <!DOCTYPE html> <html lang="en 阅读全文
摘要：
VUE Class列表样式数绑定案例 Class 与 Style 绑定 v-bind 通过class列表和style指定样式是数据绑定的一个常见需求，他都是元素属性，都用 v-bind 处理，其中表达式结果的类型可以是：字符串、对象 或 数组。 语法格式 class 的表达式可以为： v-bind: 阅读全文
摘要：
计算属性 computed computed 选项定义计算属性。 计算属性类似于 methods 选项中的函数。 比较： 计算属性：会进行缓存，只在相关响应式依赖发生改变的时候才会重新求值。 函数：每次都会执行函数体进行计算。 需求：输入数学与英语的分数，采用 methods 与 computed 阅读全文