html+css基础入门学习路线之CSS列表,面试学习

41 阅读3分钟

ES6

  • 列举常用的ES6特性:

  • 箭头函数需要注意哪些地方?

  • let、const、var

  • 拓展:var方式定义的变量有什么样的bug?

  • Set数据结构

  • 拓展:数组去重的方法

  • 箭头函数this的指向。

  • 手写ES6 class继承。

微信小程序

  • 简单描述一下微信小程序的相关文件类型?

  • 你是怎么封装微信小程序的数据请求?

  • 有哪些参数传值的方法?

  • 你使用过哪些方法,来提高微信小程序的应用速度?

  • 小程序和原生App哪个好?

  • 简述微信小程序原理?

  • 分析微信小程序的优劣势

  • 怎么解决小程序的异步请求问题?

其他知识点面试

  • webpack的原理

  • webpack的loader和plugin的区别?

  • 怎么使用webpack对项目进行优化?

  • 防抖、节流

  • 浏览器的缓存机制

  • 描述一下二叉树, 并说明二叉树的几种遍历方式?

  • 项目类问题

  • 笔试编程题:

最后

技术栈比较搭,基本用过的东西都是一模一样的。快手终面喜欢问智力题,校招也是终面问智力题,大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了,建议回去补一下。 开源分享:docs.qq.com/doc/DSmRnRG… CSS列表 - list-style-image 属性

list-style-image 属性使用图像来替换列表项的标记。

语法如下:

ul { list-style-image:url("images/arrow.gif"); }

页面上显示为

  • 咖啡

  • 可口可乐

CSS列表 - list-style-position 属性

list-style-position 属性设置在何处放置列表项标记。

语法如下:

ul { list-style-position:inside; }

页面上显示为

  • 该列表的 list-style-position 的值是 "inside":

  • 可口可乐

  • 该列表的 list-style-position 的值是 "outside":

  • 可口可乐

CSS列表 - list-style-type 属性

list-style-type 属性设置列表项标记的类型。

设置不同的列表样式:

语法:

ul.circle { list-style-type:circle;}

ul.square { list-style-type:square;}

ol.upper-roman { list-style-type:upper-roman;}

ol.lower-alpha { list-style-type:lower-alpha;}

页面上显示为

  • 空心圆
  • 实心方块
  • 大写拉丁字母
  • 小写拉丁字母

最后

面试一面会问很多基础问题,而这些基础问题基本上在网上搜索,面试题都会很多很多。最好把准备一下常见的面试问题,毕竟面试也相当与一次考试,所以找工作面试的准备千万别偷懒。面试就跟考试一样的,时间长了不复习,现场表现肯定不会太好。表现的不好面试官不可能说,我猜他没发挥好,我录用他吧。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

96道前端面试题:

常用算法面试题:

前端基础面试题: 内容主要包括HTML,CSS,JavaScript,浏览器,性能优化