摘要: SCSS 是 CSS 的超集,即所有 CSS 功能都将在 SCSS 中可用,并且包含 SASS(Syntactically Awesome Style Sheets)的一些功能。 SCSS 使任何 CSS 术语都有效。 &符号 .dashboard { &-container { margin: 3 阅读全文
posted @ 2023-05-17 11:25 阿兰儿 阅读(90) 评论(0) 推荐(0) 编辑
摘要: vue-router原理 单页面核心之一是: 1、更新视图而不重新请求页面。 2、vue-router在实现单页面前端路由时,提供了:hash,history hash: 兼容所有浏览器,hash的值为#/*内容, hash的改变会触发hashchange事件, history: pushState 阅读全文
posted @ 2023-03-21 11:05 阿兰儿 阅读(20) 评论(0) 推荐(0) 编辑
摘要: VNode:用Js计算性能来换取操作真实Dom所消耗的性能。 ● 当数据发生变化时,生成真实dom对应的虚拟dom节点,跟本地缓存的虚拟dom进行对比,找出差异所在,然后将差异更新到真实dom上,可以最小程度的减少操作dom。对比新旧VNode找出差异的过程 DOM-Diff(核心所在)。 Dom- 阅读全文
posted @ 2023-03-21 11:04 阿兰儿 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 背景:前期没有进行前后端分离,前端页面由后端转发,即路由的前缀由后端的接口前缀决定;现在想要做到不改变路径做前后端分离且容器化。 前后端分离后,前后端的转发要根据路径前缀做转发,假如项目没有对外开放,内部使用,前端直接在router添加baseUrl,url会自动带上这个路径,以后访问路径需要更改; 阅读全文
posted @ 2023-03-21 11:03 阿兰儿 阅读(304) 评论(0) 推荐(0) 编辑
摘要: 2023年了,你会用git吗? 让我这个只会使用小乌龟的也来 普 及 (指 手 画 脚)一下git基本使用。 代码写好啦,怎么提交呢? ··························· 第一步:git add . 第二步:git commit -m '备注' 第三步:git push orig 阅读全文
posted @ 2023-02-28 20:20 阿兰儿 阅读(16) 评论(0) 推荐(0) 编辑
摘要: promise的三种状态:pending(进行中)、fulfilled(已完成)、rejected(已失败)。 那天,我看到了网上一个例子,脑瓜子想破了,也没想明白。来吧!贴出来,欣赏下: Promise.resolve().then(() => { console.log(0); return P 阅读全文
posted @ 2023-02-16 11:05 阿兰儿 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 方法一 1、安装 postcss-pxtorem 插件 npm install postcss-pxtorem 2、新增postcss.config.js的文件, module.exports = { plugins: { "postcss-pxtorem": { rootValue: 20, // 阅读全文
posted @ 2022-09-02 14:30 阿兰儿 阅读(1124) 评论(0) 推荐(0) 编辑
摘要: ##set this.$set方法 == vue.set vue.set是定义在构造函数上,前者定义在原型对象上 /** * Set a property on an object. Adds the new property and * triggers change notification i 阅读全文
posted @ 2022-08-10 15:28 阿兰儿 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 概念 重排:也叫回流,此时layout阶段。计算每个元素在是设备视口内的确切位置和大小,当一个元素位置发生变化时,其父元素及其后边的元素位置都可能发生变化,代价极高。 重绘:此时在paint阶段,将渲染树中的每个节点转换成屏幕上的实际像素,这一步通常称为绘制或栅格化。 重绘和回流的关系: 在回流的时 阅读全文
posted @ 2022-08-10 10:54 阿兰儿 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 背景:前期没有进行前后端分离,前端页面由后端转发,即路由的前缀由后端的接口前缀决定;现在想要做到不改变路径做前后端分离且容器化。 前后端分离后,前后端的转发要根据路径前缀做转发,假如项目没有对外开放,内部使用,前端直接在router添加baseUrl,url会自动带上这个路径,以后访问路径需要更改; 阅读全文
posted @ 2022-06-29 10:01 阿兰儿 阅读(773) 评论(0) 推荐(0) 编辑