学习分享,共勉
题外话,毕竟我工作多年,深知技术改革和创新的方向,Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
2. 创建less文件
.less文件结尾的文件 写css样式
less文件不能直接被浏览器识别,使用前需要把less转成css文件
3. 常用的把less转成css工具
1.命令行工具
1. lessc命令工具
需要全局安装:npm i less -g
可以在命令中执行命令行功能语句
lessc xxx.less
lessc xx.less xx.css
2. gulp
3. webpack
2. 软件
考拉 less
更新npm (npm install -g npm to update)
4. 使用less
1. 项目初始化: **npm init -y(**初始化保留默认配置)
2. 安装项目依赖:npm i less -S
3. 创建less文件 xx.less
4. 编写less样式
5. 把less文件生成css文件
6. 把css引入到页面html中
代码演示:xx.less
@w:20px;
.base(@bw:1px,@type:solid,@color:red){
border:@bw @type @color;
}
.box{
width: 10*@w;
height: 4*@w;
.base(3px);
}
npm命令回顾
安装命令:npm install modulename@1.1.1 --global --save --dev-save --force
install 简写 i
--global 简写 g : 全局安装,一般是安装到c盘,一般的作用都是提供命令行中运行的命令
--save 简写 -S :项目依赖,安装的是开发阶段和生产阶段都需要的模块
--dev-save 简写 -D :项目依赖,安装的是开发阶段使用的模块
--force : 强制安装,替代旧版本
modulename@1.1.1 : 模块名称后的 @1.1.1 叫版本号
卸载命令: npm uninstall modulename@1.1.1
npm scripts 命令:
npm run scriptsName
5. 变量
1. 定义语法:@var:value;
2. 使用变量:@var
1. 作为普通的值使用
2. 选择器变量
3. 属性变量
4. url 变量
5. 声明变量
3. 变量的作用域
和js中变量作用域一致
代码演示:
//1.定义变量 @变量:变量值;
//2.选择器变量
@box:#box;
@class:.content;
@{box}{//#box{border: 1px solid red;}
.base()
}
@{class}{
width: @w;
}
//3.属性变量
@h:height;
.wrapper{
@{h}:@w*10;
}
//4. url变量
@images:'./img/bg.jpg';
.aa{
width: 100*@w;
height: 10*@w;
background: url('@{images}');
}
//5. 声明变量
@fontSize:{font-size: 20px;}
.bb{
@fontSize();
}
6. 嵌套
1. 按照页面的层级结构来定义css
2. & 能指代外层标签的作用 7. 混合
1. 定义函数
没有参数函数
有参数的函数
有默认值的函数
数量不定的参数 base3(…){box-shadow:@arguments;}
循环方法
.generate-columns(@n, @i: 1) when (@i =< @n) {
.column-@{i} {
width: (@i * 100% / @n);
}
}
2. 使用函数
没有参数的函数直接使用,可以不加小括号
Vue 面试题
1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用?
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用?
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么?
14.说一下 Vue 和 React 的认识,做一个简单的对比
15.Vue 的 nextTick 的原理是什么?
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解?
19.vue-cli 替我们做了哪些工作?
…
算法
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
- 冒泡排序
- 选择排序
- 快速排序
- 二叉树查找: 最大值、最小值、固定值
- 二叉树遍历
- 二叉树的最大深度
- 给予链表中的任一节点,把它删除掉
- 链表倒叙
- 如何判断一个单链表有环
- 给定一个有序数组,找出两个数相加为一个目标数
…
由于篇幅限制小编,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!有需要的程序猿(媛)可以帮忙点赞+评论666
掉
8. 链表倒叙
9. 如何判断一个单链表有环
10. 给定一个有序数组,找出两个数相加为一个目标数
…
[外链图片转存中…(img-G4EHGmpx-1715173322556)]
由于篇幅限制小编,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!有需要的程序猿(媛)可以帮忙点赞+评论666