- 博客(17)
- 收藏
- 关注
原创 vue.config.js中lintOnSave配置
在vue.config.js文件中配置了lintOnSave属性作用:设置是否在开发环境下每次保存代码时都启用 eslint验证。value:false:关闭每次保存都进行检测true:开启每次保存都进行检测,效果与warning一样‘error’:开启每次保存都进行检测,lint 错误将显示到浏览器页面上,且编译失败。‘default’:同’error’‘warning’:开启每次保存都进行检测,lint 错误将显示到控制台命令行,而且编译并不会失败。...
2021-03-17 11:06:42
9931
原创 vue的显式赋值
先上不使用显示赋值的代码:首先在methods中定义一个afterUpload方法,然后在动态绑定在on-success属性上如果采用显式赋值,就不需要在methods中定义,如下图:
2021-03-16 15:19:27
267
原创 mongodb数据库的虚拟字段设置
schema.virtual('newsList',{ //定义虚拟字段 localField: '_id', //内键,schema对应的模型title的_id foreignField: 'categories', //外键,关联模型option的title字段 justOne: false, //只查询一条数据 ref: 'Article' //关联的模型})...
2021-03-15 16:44:11
457
原创 使用style样式制作导航栏吸顶效果
<style> .topbar { position: sticky; top: 0; z-index: 9999; }</style>position新添加的属性:stickyz-index设置层级,避免被遮挡
2021-03-15 15:33:02
177
原创 引入 vue-awesome-swiper后轮播图 小圆点 不显示
由于引入的版本不同 需要先实例化注册 vue-awesome-swiper 中的 Navigation和Pagination 属性 具体代码如下:import Swiper2, {Navigation, Pagination,} from 'swiper'Swiper2.use([Navigation, Pagination,]);不管是全局注册还是本地注册加上上述两行代码即可解决小圆点问题...
2021-03-14 10:23:45
636
原创 安装vue-awesome-swiper与swiper后运行时终端报eslint错误
写项目需要用到轮播图,安装vue-awesome-swiper与swiper后运行时终端报eslint错误解决方案:在项目根目录下创建vue.config.js文件重新运行即可!
2021-03-11 16:15:08
125
原创 配置代理实现跨域ajax请求
配置代理实现跨域ajax请求proxyTable: { '/api': { //匹配所有以'/api'开头的请求路径 target: 'http://localhost:4000', //代理目标的基础路径 changeOrigin: true, // 支持跨域 pathRewrite: { // 重写路径: 去掉路径中开头的'/api' '^/api': '' } } }...
2021-03-09 18:04:50
403
原创 前端代码规范一
文章目录前端代码规范一、html-css-js篇1.1 命名规范1.1.1项目命名1.1.2 目录命名1.1.3 JS、CSS、SCSS、HTML、PNG 文件命名1.1.4 命名严谨性1.2 HTML 规范 (Vue Template 同样适用)1.2.1 HTML 类型1.2.2 缩进1.2.3 分块注释1.2.4 语义化标签1.2.5 引号1.3 CSS 规范1.3.1 命名1.3.2 选择器1.3.3 尽量使用缩写属性1.3.4 每个选择器及属性独占一行1.3.5 省略0后面的单位1.3.6 避免使
2021-03-09 18:04:03
182
原创 三目运算符
文章目录三目运算符1. 三目运算符1.1 三目运算符的定义1.2 三目运算符的应用1.3 三目运算允许对不同类型的数值进行操作三目运算符1. 三目运算符1.1 三目运算符的定义三目运算符:计算机C/C++的重要组成部分。条件运算符是唯一有3个操作数的运算符,所以有时又称为三元运算符。**三目运算符:**是软件编程中的一个固定格式为?: 。三目运算符:一定要用于赋值语句。三目运算表达式:<表达式1>?<表达式2>:<表达式3>注:”?”运算符的含义是: 先
2021-03-09 18:02:50
279
原创 Normalize.css 改良后的reset.css
Normalize.css 改良后的reset.css/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//* Document ========================================================================== *//** * 1. Correct the line height in all browsers. * 2.
2021-03-09 18:01:19
88
原创 GitHub搭建个人网站
GitHub搭建个人网站个人站点访问https://用户名.github.io搭建步骤创建个人站点 -> 新建仓库 (注:仓库名必须是【用户名.github.io】)在仓库下新建 index.html 的文件即可(超级简略。。。)
2021-03-09 18:00:23
145
原创 axios的get与post两种请求
axios1)GET请求axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });axios.get('/user', { params: { ID: 12345 } }) .then(function (response) {
2021-03-09 17:54:38
207
原创 ECharts基础了解1
ECharts数据可视化ECharts使用五部曲步骤1:下载并引入echarts.js文件————图表依赖这个js库步骤2:准备一个具备大小的DOM容器————生成的图表会放入这个容器内步骤3:初始化echarts实例对象————实例化echarts对象步骤4:指定配置项和数据(option)————根据具体需求修改配置选项步骤5:将配置项设置给echarts实例对象————让echarts对象根据修改好的配置生效ECharts-基础配置series系列列表。每个系列通过type决
2021-03-09 17:53:16
114
原创 报错 :DeprecationWarning: Mongoose: `findOneAndUpdate()` and `findOneAndDelete()` without the `useFind
报错 :DeprecationWarning: Mongoose: findOneAndUpdate() and findOneAndDelete() without the useFindAndModify option set to false are deprecated. See: https://mongoosejs.com/docs/deprecations.html#findandmodify使用mongoose在终端会显示DeprecationWarning: Mongoose: fin
2021-03-09 10:30:15
634
原创 解决使用vue创建网站跳转登录界面时,底部导航栏无法去除的问题
解决使用vue创建网站跳转登录界面时,底部导航栏无法去除的问题给登录组件的div绑定一个id或者class名称再到style标签中设置 #名称 { height: 100vh; position: relative; z-index: 9; background-color: #fff; }设置前:设置后:到此就解决底部导航栏的显示问题以下为问题解决过程中遇到的难点:一、使用v-show中的meta属性设置
2020-11-26 20:18:17
561
原创 前端性能优化
网站应用的性能优化对于提高用户留存、转化率等都有积极影响,提升网站性能,就是提升你的业务数据(甚至是业务收入)性能优化广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、降低资源成本以及提高稳定性上。前端的性能优化和用户体验则直接挂钩。从用户体验侧来说,前端服务5s的加载时间优化缩减80%(1s)与后端服务50ms的响应优化缩减80%(10ms)相比,用户体验提升会更大。因此很多时候,与体验相关的性能的瓶颈会出现在前端。优化武器库:懒加载、资源合并、避免reflow等等一、
2020-11-26 16:03:48
242
原创 export与export default 的区别
export与export default 的区别1.export default 的用法:相当于提供一个接口给外界,让其他文件通过 import 来引入使用。而对于export default 和export的区别:在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以
2020-11-26 15:59:00
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人