随笔分类 - web前端
摘要：使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。 注意: 这个功能只在支持 history.pushState 的浏览器中可用。 当创建一个 Router 实例，你可以
阅读全文
摘要：一、应用场景 在我们用Vue.js做移动端开发的时候，经常会遇到这样的应用场景： 首先，让用户看到新闻列表；然后点击新闻标题，切换到新闻详情的组件，以展示新闻详情。很多应用场景都于此类似，比如先进入商品列表，点击某一个商品条目，则切换到商品详情的组件。 这种场景往往会碰到一个问题，当我每一次从详情组
阅读全文
摘要：1、打包编译时，出现ERROR 2、解决方案 原因：由于 UglifyJs 只支持 ES5 而 element-ui 可能引入了一部分 ES6 的写法，所以导致 webpack 打包失败。 方案：用 bable 来解析 element-ui， 要完成此操作只需要修改前端文件夹下的build/webp
阅读全文
摘要：1、运行vue 项目后出现错误 http://localhost:2001/sockjs-node/info?t=1597628862842 出现问题原因： sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器
阅读全文
摘要：1、安装 npm install --save nprogress // 用法 NProgress.start(); NProgress.done(); 2、使用 router.js // 导入 import NProgress from 'nprogress'; import 'nprogress
阅读全文
摘要：vue项目中，点击左侧菜单栏中的项，重复点击时会报错，解决这个问题，首先找到项目中管理路由的文件，一般是router/index.js,有的直接就是router.js。 它的提示是 避免到当前位置的冗余导航。 简单来说就是重复触发了同一个路由。这个错误是 vur-router更新以后新出现的错误。（
阅读全文
摘要：导致问题的原因 是因为github的加速分发服务器，他可能一个域名对应了很多个节点，然后我们的DNS遭到了污染，导致我们访问到了一台错误的ip上面，所以我们的响应速度就会非常的慢，甚至打不开。 怎样解决 网上也给出了很多的解决方案，最简单的就是我们去更改本地的host文件，这样我们就不用去查询国内的
阅读全文
摘要：configureWebpack 与 chainWebpack chainWebpack通过链式编程的形式，来修改默认的webpack配置 configureWebpack通过操作对象的形式，来修改默认的webpack配置 两种格式配置alias别名 一、configureWebpack对象形式 c
阅读全文
摘要：Vue Cli（@/vue/cli）自带的webpack包体积优化工具，它可以查看各个模块的size大小，方便优化。只需要在build后面加上 --report 参数即可。 1、我们把命令配置到package.json里 // package.json "scripts": { "dev": "vu
阅读全文
摘要：有时往往需要一些全局样式，但用@import导入未免麻烦，这时可以使用vue插件style-resources-loader。 默认情况下 Vue.js 是不支持 Sass、Scss 的，如果想要使用它们，只需要一些简单的安装配置即可。 1、安装node-sass和sass-loader npm i
阅读全文
摘要：两种命令把他们写入到 package.json 文件里面 --save-dev 简写为-D 的插件是被写入到 devDependencies 对象里面。 --save 简写为-S 的插件是则被写入到 dependencies 对象里面。 devDependencies 里面的插件只用于开发环境，不用
阅读全文
摘要：滚动条主要有下面7个属性： ::-webkit-scrollbar 滚动条整体部分，可以设置宽度 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层
阅读全文
摘要：1、下载程序 从GitHub地址里下载程序，或者直接用git clone 地址：https://gitee.com/laatu/nail-mesh-penetration?_from=gitee_search 2、启动程序 Linux、Mac下用系统终端，Windows下要用cmd。 windows
阅读全文
摘要：准备工作： 开通服务号订阅通知： 功能-添加功能插件 找到并添加 订阅通知。 在 订阅通知 中设置相应 类别(需管理员权限)、添加 模板。 用户订阅： 官网：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Ope
阅读全文
摘要：一、object-fit：控制图片展示状态 fill: “填充”。默认值。使图片拉伸填满整个容器, 不保证保持原有的比例。contain: “包含”。保持原有尺寸比例缩放。保证整个图片都可以出现在容器中。因此，此参数可能会在容器内留下空白。cover: “覆盖”。保持原有尺寸比例缩放。宽度和高度至少
阅读全文
摘要：open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 window.open(URL,name,specs,replace) URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口。 name 可选。指定target属性或窗口的名称 specs 可选。一个逗号
阅读全文
摘要：1、列表页 methods() { //改变页数 currentChange(val) { this.page.currentPage = val; //缓存当前页码数 sessionStorage.setItem('currentPage',val); //调取表格列表接口 this.getLis
阅读全文
摘要：一、安装各插件 1.在项目里面安装vux【必须安装】 npm install vux --save 2.安装less-loader（这个是用以正确编译less源码，否则会出现 ' Cannot GET / '）【必须安装】 // 安装指定版本npm install less@3.0.4 -D npm
阅读全文
摘要：功能： 项目中有多层组件传参可以使用$attrs，可以使代码更加美观，更加简洁，维护代码的时候更方便。如果使用普通的父子组件传参prop和$emit，$on会很繁琐；如果使用vuex会大材小用，只是在这几个组件中使用，没必要使用vuex；使用事件总线eventBus，使用不恰当的话，有可能会出现事件
阅读全文
