熊小露的博客

// 自动适配到合适视野范围// 无参数，默认包括所有覆盖物的情况map.setFitView();// 传入覆盖物数组，仅包括polyline和marker1的情况map.setFitView([polyline,marker1]);

为了让别人的电脑在同一个网络下访问自己的项目，于是设置了：但是这样会导致Vue 项目启动打开网页的地址是0.0.0.0，要手动输入localhost，避免不必要的麻烦：webpack.dev.conf.js 添加：devServer: { useLocalIp:true,}...

nginx 配制# 开启gzipgzip on;# 启用gzip压缩的最小文件，小于设置值的文件将不会压缩gzip_min_length 1k;# 设置压缩所需要的缓冲区大小gzip_buffers 16 64k;# 设置gzip压缩针对的HTTP协议版本gzip_http_version 1.1;# gzip 压缩级别，1-9，数字越大压缩的越好，也越占用CPU时间gzip_comp_level 3;gzip_types text/plain application/x-java

目前使用的是iview4 ,也就是view-design以前使用iview2的时候,webpack配置externals externals: { ... "iview": 'iview', ... },现在用版本4,view-design,需要这样配置 externals: { ... "view-design": 'iview', "iview": 'ViewUI', ... },先抛出...

通过 CDN 引入 比较大的一些包 ：1、把不常改变又很大的库放到index.html中，通过cdn引入，：<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.5.13/vue.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.0.1/vue-router.min.js"></script&

在 app.vue 下 监听 $route 发生变化就让滚动条回到顶部 ；export default { name: 'App', watch:{ $route() { // 回到顶部 window.scrollTo(0, 0); } }}

打开config文件夹下的index.js文件autoOpenBrowser: true,

注册账号并申请Key第一步：main.js 下 引入vue-amapimport VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: '1ecc980127d36c5a0798a0eb7fa7bc32', // 设置 key ，没有申请 高德地图申请 key plugin: [ 'AMap.Autocomplete', 'AMap...

项目中post请求，get请求，传参方式是不一样的。get 请求： this.$http.get('/rail/findet',{ params:{ truckCode:this.fencevin, }, }).then((res) => { console.log

由于子路由都是动态追加的，当界面刷新的时候，其实我们路由里面并没有该子界面的配置，所以就是空白了在页面刷新时候，在router.beforeEach里面去判断，如果是动态路由而且是第一次加载，则动态追加该路由，再进行界面的跳转。我的思路：在页面刷新或是第一次加载进来时，创建一个变量，然后在 router.beforeEach 里面进行判断。（这里是模拟的数据，所以省略请求接口操作）i...

一、路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由， 否则就进入登录页面。const routes = [{ path: '/', name: '/', component: Index},{ path: '/repo...

nodemon运行 提示错误：无法加载文件 C:\Users\gxf\AppData\Roaming\npm\nodemon.ps1，因为在此系统上禁止运行脚本。这是你笔记本禁止运行脚本，解决办法1.管理员身份打开powerShell2.输入set-ExecutionPolicy RemoteSigned.3 选择Y 或者A ，就好了...

在文件->首选项->设置中添加"eslint.enable": false配置即可可直接搜索 eslint.enable 关键字 去掉勾勾就行哒

在我们平时开发中，有会使用到 iview中的 Page 组件，为了减少资源重复，我们难免会遇到多种各自不搭边的数据公用一个 Page 这是就会出现一个问题，当你把 数据A 渲染到 page组件中，中间浏览了分页，最后停留在某一页（非第一页） 之后，有想看 数据B ，于是打开 数据B，正常的当你再打开 数据B是会显示在第一页的，但是由于两组数据公用的一个 page ，所有打开B你会发现，数据停留...

刚接触的你一般会这样写：router.beforeEach((to, from, next) => { const isLogin = sessionStorage.getItem('loginData') if (isLogin) { next() } else { next('/error') } })但是！这样会造...

本文单纯的实现路由动态添加功能。frist of all :引入脚手架等一些网上都有教材的繁琐事，直到成功的打开页面，如下（自己做的一个登录页面）then：选择你的父组件（用来装 动态son ）我这里就选择 Vue-cli 自带的组件HelloWorld 如下：我是酱紫做的：first one : 新建了一个名叫 view 文件夹 用来装 子路由们sons于是我就创建了这么几个...

安装模块npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: /\.sass$/, loaders: ['style', 'css', 'sa...

vue-cli目录结构：vue-cli目录解析：build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库，或者配置一下 UI 库。config 文件夹：主要存放配置文件，用于区分开发环境、线上环境的不同。 常用到此文件夹下 config.js 配置开发环境的 端口号...

是因为创建项目的时候设置了eslint所以才会有下面的警告，Use ESLint to lint your code? (Y/n) 这一步选no如果不想有规范的js代码，可以关掉eslint。解决办法：1、找到build下面的webpack.base.conf.js注释后重启项目2、或者打开config文件下的index.js,里useEslint改为false，重启项目...

路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。点击之后，怎么做到正确的对应，比如，我点击home 按钮...

vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。1.安装vue-cli① 使用npm...

在小程序上用 Storage 存的数据，取出来发现后面跟着 ‘’ __ob__:Observer ‘’ ，然后所有的方法在此数组上皆不可用，进过一番苦苦的查询，也没弄清楚这个所谓的观察者模式‘’ __ob__:Observer ‘’ 怎么来的，但有幸查到解决方法 。先把这个数据 变成字符串。 使用JSON.stringify（array）在通过方法 ...

上次使用 scroll-view 实现的加载刷新实属体验极差（哈哈）；这次get到 mescroll-uni不是uniapp 项目也可以用个人感觉体验还是非常棒的官网讲解非常详细：http://www.mescroll.com/uni.html#options上拉：下拉：还是先引入组件：import MescrollUni from "@/componen...

它可以总共分为8个阶段：beforeCreate（创建前）,created（创建后）,beforeMount(载入前),mounted（载入后）,beforeUpdate（更新前）,updated（更新后）,beforeDestroy（销毁前）,destroyed（销毁后） var myVm = new Vue({ el: "#ap...

父传子：主要是通过 子组件使用 props() 方法来接收 父组件传递过来的值Vue.component('father',{ template:` &lt;div&gt; &lt;p&gt;我是father，我给我son取得名字叫{{sonName}}&lt;/p&gt; ...