三分落樱-CSDN博客

原创【刨根问底】为什么需要AST？

为什么需要AST（抽象语法树）在如今前端项目的任何开发依赖中，我们都可以看到他的增长量是多么的大。我们确实在其中获取到了一些非常好用的工具包括：javascript转译（balbel）、eslint、css预处理器、代码压缩、prettier等。这些是我们不交付生产的JS模块，但是他们确实在我们开发过程中发挥了相当强力的作用。所有这些工具，无论以何种方式，都建立在AST处理之上。什么是AST？他是一种层次化的程序表示，根据编程语言的代码呈现源码结构，每个AST节点对应一个源码项。高级编程语言–》词法

2022-03-27 22:06:28 1192

原创【CSS回顾】

CSS面试题1.水平垂直居中定宽高：1.绝对定位和负margin2.绝对定位加transform3.绝对定位加bottom,right,top.left,+margin4.flex布局+justify-content+align-items不定宽高：1.绝对定位+transform 和上面一样2.table-cell3.flex布局和上方一样4.flex变异布局 display:flex + margin:auto5.grid+flex布局父元素开grid 子元素align

2022-03-21 09:51:21 74

原创【CSS回顾】CSS场景题

CSS场景题实现一个三角形： transparent（透明的）div{width:0;height:0;border-bottom:50px solid red;border-right: 50px solid transparent;border-left:50px solid transparent;}实现一个扇形：div{ border:100px solid transparent; width:0; height:0; border-radius:1

2022-03-21 09:49:27 155

原创【Vue复习】Vue面试题收记录

Vue面试题收记录Vue系列感觉如果直接用笔记来复习很抽象，于是想到了通过对常见面试题的一个收录和分析来复习。Vue中的路由拦截是怎么做的？在全局前置函数中通过to和next参数，参照当前用户权限对路由重定向1.Vue3与Vue2相比较，有哪些变化组合式API、setup（）、生命周期destoyed被unmounted替换、teleport、双向绑定的优化、reactive和ref 、diff优化、Vue对象的重任卸给了app对象，并且减轻了对象压力删除了不常用的一些apiVue3不兼容I

2022-03-20 21:14:29 1242 1

原创【Vue系列复习】Vue-Router和Vuex实现原理

Vue-Router和Vuex实现原理路由这个概念先是由后端提出的，简单来说路由就是用来跟后端服务器进行交互的一种方式，通过不同路径，来请求不同资源，请求不同页面是路由的一种功能。前端路由：1.hash模式随着ajax的流行，异步数据请求交互运行在不刷新浏览器的情况下进行，而异步交互体验更高级的版本就是SPA—单页应用。单页应用不仅仅是在页面交互是无刷新的，并且在页面跳转都是无刷新的，为了实现SPA于是就有了现在的前端路由。**类似于服务器路由，前端路由实现也很简单，就是匹配不同url路径，对其进

2022-03-20 21:10:09 1158

原创【CSS回顾】CSS复习遗忘点（2）

CSS复习遗忘点（2）CSS像素：在CSS中的抽象单位物理像素：只与设备硬件密度有关，任何设备的物理像素都是固定的。em 和rem 相对于px更加灵活，他们都是想对长度单位，他们之间的区别是：em相对于父元素 rem相对于根元素vw/vh ：是与视图有关的单位，vw表示视图窗口的宽度，vh表示视图窗口的高度，除了vh和vm外还有vmin vmaxvmin: vw和 vh中较小值vmax： vw和vh中的较大值vw/vh 和百分比很类似，两者的区别：百分比（%）：大部分相对于祖先元素，

2022-03-20 20:50:42 141

原创【CSS回顾】CSS3复习遗忘点（1）

CSS3复习遗忘点em和rem:em是相当于元素的字体大小来计算的会根据字体大小的变化而变化 1em = 1 font-sizerem： rem是相对于根元素（HTML）的字体大小来计算的各类选择器及其优先级行内样式选择器：1000 id选择器：100 伪类、属性、类：10 !important也是最高优先级行内样式选择器> id选择器> 类和伪类选择器> 元素选择器> 通配选择器> 样式继承样式继承：继承是发生在祖先后代之间的，继承的设计是为了

2022-03-20 20:27:00 91

原创【回顾HTML】HTML的一些知识

H5复习遗忘点1.语义化标签包括section article aside header hgroup footer nav figure这几类其中figure表示一段独立的流内容，一般表示文档主体内容中的一个独立单元。audio （音频）与 vedio（视频）属性 autoplay controls loop(循环播放) preload(预载)3.source标签source标签为**媒介元素，**标签允许您规定可替换的音频或者视频根据它对媒体类型或者解码器的支持进行一般audi

2022-03-20 19:53:12 561

原创 HTML笔记

HTML：超文本标记语言：负责网页三要素的结构文件名.html就是网页的模式<标签名> aaaa（标签体）</标签名>（结束标签）// …> 一级标签同理二级标签三级等。。// … 段落标签// // //网页的标题[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AKhUWIZf-1636031455269)(C:\Users\11791\AppData\Roaming\Typora\t

2021-11-04 21:11:44 104

原创复习C语言：交换排序和选择排序两种排序方法

交换排序和选择排序回顾学习内容：标题：交换排序：及每次与数组后一位里的数据进行比较，若后一位大于本位里面的数据则进行交换直至对比完整个数组，效率较低。参考代码#include<stdio.h>void main(){int a[5]={2,1,5,4,3};int i,j,k,temp;for(i=0;i<5;i++){ for(j=i+1;j<5;j++) { if(a[i]>a[j]) { temp=a[i]; a[i]=a[j

2020-09-17 16:46:43 2242 2

原创回文字符串的判断

判断回文字字符的题目复习即随机输入一串字符串判断其是否为回文字符串。#include<stdio.h>#inlcude<string.h>int main(){ char str[100]; gets(str);//输入一个字符串 if(str[0]=='\0') { printf("该字符串为空"); } else { int ...

2019-11-16 14:06:07 155

qq_45590098的博客