10 2020 档案

js基础接替上回的作用域
摘要：书接上回： 函数的两种声明： // 函数的2中声明方式 // 1. 利用函数关键字自定义函数(命名函数) function fn() { } fn(); // 2. 函数表达式(匿名函数) // var 变量名 = function() {}; var fun = function(aru) { c 阅读全文
posted @ 2020-10-31 17:04 柒仔6 阅读(62) 评论(0) 推荐(0)
js基础的知识函数和作用域
摘要：函数： // 函数使用分为两步： 声明函数 和 调用函数 // 1. 声明函数 // function 函数名() { // // 函数体 // } function sayHi() { console.log('hi~~'); } // (1) function 声明函数的关键字 全部小写 //  阅读全文
posted @ 2020-10-31 16:59 柒仔6 阅读(85) 评论(0) 推荐(0)
js基础部分for循环和数组
摘要：本篇博客纯属于自己看的笔记：整理的视频里面有用的数据 for循环： // 1. for 重复执行某些代码， 通常跟计数有关系 // 2. for 语法结构 // for (初始化变量; 条件表达式; 操作表达式) { // // 循环体 // } // 3. 初始化变量 就是用var 声明的一个普通 阅读全文
posted @ 2020-10-31 16:38 柒仔6 阅读(246) 评论(0) 推荐(0)
js基础变量与条件表达式
摘要：本篇博客纯属于自己看的笔记：整理的视频里面有用的数据 变量： // 1. 声明了一个age 的变量 var age; // 2. 赋值 把值存入这个变量中 age = 18; // 3. 输出结果 console.log(age); // 4. 变量的初始化 var myname = '李四'; 条 阅读全文
posted @ 2020-10-31 16:31 柒仔6 阅读(507) 评论(0) 推荐(0)
css工程化面试题
摘要：1.如何解决css模块化的问题 less sass等css预处理器 postcss插件 webpack处理css 2.postcss可以做什么？ 其取决于插件可以做什么 autoprefixer cssnext prescc等兼容性处理 import模块合并 css语法检查，兼容性检查 压缩文件 3 阅读全文
posted @ 2020-10-13 16:13 柒仔6 阅读(98) 评论(0) 推荐(0)
bootstrap面试
摘要：1.bootstrap的优缺点？ 优点：css代码结构合理，现成的样式可以直接用。 缺点：定制较为繁琐，体积大 2.bootstrap如何实现响应式的布局 原理：通过media query设置不同分倍率的class。 使用：为不同的分倍率显示不同的网络class 3.如何基于bootstrap定制自 阅读全文
posted @ 2020-10-13 14:34 柒仔6 阅读(116) 评论(0) 推荐(0)
css的预处理器面试
摘要：1.常见的css预处理器? less(node.js) sass(ruby) 2.预处理器的作用? 帮助更好的css组织代码 提高代码复用率 提升可维护性 3.预处理器的能力 嵌套反映层级和约束 变量和计算减少重复代码 extend和mixin代码片段 循环适用于复杂有规律的样式 import cs 阅读全文
posted @ 2020-10-13 12:39 柒仔6 阅读(301) 评论(0) 推荐(0)
css动画
摘要：动画的原理： 1.视觉暂留作用 2.画面逐渐变化 作用：掩饰，使用者的愉悦感， 动画的类型： transition补间动画 keyframe关键帧动画 逐帧动画 面试部分： 1.动画实现的方式有几种? transition keyframes(animation) 2.过度动画和关键帧动画的区别？ 阅读全文
posted @ 2020-10-13 10:38 柒仔6 阅读(96) 评论(0) 推荐(0)
效果属性
摘要：这个效果怎么实现？ 1.boxshadow 2.textshadow 3.border-radius 4.background 5.clip-path box-shadow： （1）营造层次感 （2）充当没有宽度的边框 （3）特殊效果 text-shadow： （1）立体感 （2）印刷品质感 bor 阅读全文
posted @ 2020-10-12 17:14 柒仔6 阅读(107) 评论(0) 推荐(0)
css布局的面试题
摘要：1.实现两栏或者（三栏）的布局方法。 （1）表格布局 （2）float + margin 布局 （3）inline-block布局 （4）flexbox布局 2.position：absolute /fixed有什么区别？ （1）前者相对最近的absolute/relative （2）后者相对屏幕（ 阅读全文
posted @ 2020-10-12 15:27 柒仔6 阅读(540) 评论(0) 推荐(0)
css的响应式布局
摘要：1.在不同的设备上正常使用，一般主要处理屏幕大小写的问题。 主要方法： 1.隐藏+折行+自适应空间 rem/viewport/media query 阅读全文
posted @ 2020-10-12 15:06 柒仔6 阅读(61) 评论(0) 推荐(0)
css的盒子布局
摘要：display/position 确定元素的显示类型 block/inline/inline-block 弹性盒子，本来就是并列的，指定宽度即可。 float：元素浮动，脱离文档流，但是不脱离文本流 float元素的特性： 对自身的影响： 1.形成块（BFC），他对自身都是有一定的宽高，也可以给他设 阅读全文
posted @ 2020-10-12 13:47 柒仔6 阅读(163) 评论(0) 推荐(0)
css的非布局样式
摘要：1.字体，字重，大小，颜色，行高 2.背景，边框 3.滚动，换行 4.粗体，斜体，下划线 字体族： 衬线字体：宋体 非衬线字体：黑体 等宽字体： 手写体： 花体 多字体fallback： 主要是覆盖字体用的 网络字体，自定义字体： 远程引用和自己自定义的一个字体。 iconfont 引入相应的阿里巴 阅读全文
posted @ 2020-10-10 11:26 柒仔6 阅读(97) 评论(0) 推荐(0)