摘要: 转载自微信公众号 前端Q(luckyWinty),文章发布于: https://mp.weixin.qq.com/s/YbZx4hGKaAPYuhZgSvMcCw 整理发布! 1、CSS部分 高频考题 BFC:https://github.com/LuckyWinty/fe-weekly-quest 阅读全文
posted @ 2020-10-15 17:28 Chenxi_Liu 阅读(1533) 评论(0) 推荐(3) 编辑
摘要: Vue源码学习资料 1、Vue官方网站:https://cn.vuejs.org/ GitHub地址:https://github.com/vuejs/vue Vue 3.0 https://github.com/vuejs/vue-next 2、Vue源码系列-Vue中文社区:https://vu 阅读全文
posted @ 2020-10-12 09:49 Chenxi_Liu 阅读(459) 评论(0) 推荐(0) 编辑
摘要: 之前做的美团网项目,需要实现注册登录功能,项目地址: https://github.com/Chenxi-Lau/MeiTuan 主要技术栈:Nuxt.js + Koa + MongoDB + Redis 本地用户登录,第三方登录都需要权限认证,权限认证的思路也极其简单,不外乎就是登录,登出,路由守 阅读全文
posted @ 2020-10-15 11:50 Chenxi_Liu 阅读(974) 评论(0) 推荐(0) 编辑
摘要: 先有如下场景 点击当前页的某个按钮跳转到另外一个页面去,并将某个值带过去 <el-button type="primary" @click="handleClick(2)">查看详情</el-button> 1、第一种方法:拼接方式 methods:{ handleClick(id) { //直接调 阅读全文
posted @ 2020-10-13 20:21 Chenxi_Liu 阅读(3944) 评论(0) 推荐(1) 编辑
摘要: 1、什么是mixins 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。 一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项;全局注册一个混入,影响注册之后所有创建的每个 Vue 实例。 需要注意的是: 数据 阅读全文
posted @ 2020-10-12 15:00 Chenxi_Liu 阅读(1658) 评论(0) 推荐(0) 编辑
摘要: 1、什么是rem rem(font size of the root element)是一个相对单位,它是根据根元素(html)的font-size大小来计算的,如根元素字体大小为10px,那么1rem = 10px em(font size of the element)也是一个相对单位,它是根据 阅读全文
posted @ 2020-10-10 16:09 Chenxi_Liu 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 项目需求:顶部为搜索栏栏,主体内容为表格;顶部的搜索栏折叠,表格高度自适应页面剩余的高度,且适配不同分辨率的屏幕。 1、JavaScript获取页面高度 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见 阅读全文
posted @ 2020-10-10 15:40 Chenxi_Liu 阅读(12319) 评论(0) 推荐(0) 编辑
摘要: 项目需求: 前端页面需要导出Excel文件,传入过多的参数给后端,get地址栏不行,只能接受post方式去导出数据 1、get的下载方式 let url = xxxx.action?a=xx&b=yy; window.location.href = url; // 或者 window.open(ur 阅读全文
posted @ 2020-10-09 17:32 Chenxi_Liu 阅读(1045) 评论(0) 推荐(0) 编辑
摘要: Vue子组件prop类型和默认值 1、设置prop的数据类型有什么好处? 细致的 prop 定义有两个好处: a、它们写明了组件的 API,所以很容易看懂组件的用法; b、在开发环境下,如果向一个组件提供格式不正确的 prop,Vue 将会告警,以帮助你捕获潜在的错误来源。 例如: props:[' 阅读全文
posted @ 2020-07-13 16:47 Chenxi_Liu 阅读(7350) 评论(0) 推荐(2) 编辑
摘要: 首先,我们了解一下Vue的响应式原理,当你把一个普通的 JavaScript 对象传入 Vue 实例作为data选项,Vue 将遍历此对象所有的 property,并使用Object.defineProperty把这些 property 全部转为 getter/setter。 这些 getter/s 阅读全文
posted @ 2020-07-01 16:34 Chenxi_Liu 阅读(215) 评论(0) 推荐(0) 编辑
摘要: Div盒子水平垂直居中的方法 1、外边距负值法 div{ position: absolute; /*绝对定位:相对于最近的且不是static定位的父元素来定位*/; height: 100px; width: 100px; /*宽高固定*/; top:50%; left:50%; margin-t 阅读全文
posted @ 2020-06-30 11:04 Chenxi_Liu 阅读(1713) 评论(0) 推荐(0) 编辑
摘要: axios基础使用及组件传参 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中 参考官方文档:https://github.com/axios/axios 1、安装 // 使用npm npm install axios --save // 使用yarn 阅读全文
posted @ 2020-06-29 10:29 Chenxi_Liu 阅读(1408) 评论(0) 推荐(0) 编辑