Bootstrap4入门
摘要:基础样式 颜色 文字颜色以.text-*开头 背景颜色.bg-* primary / seconday / success / danger / warning / info / muted / white / light / dark 文本样式 text-left / text-right / t
阅读全文
posted @
2019-05-02 01:47
苏荷酒吧
阅读(292)
推荐(0) 编辑
前端技术栈
摘要:JS JS基础 JS高级-ES6 JS高级-异步 JS高级-虚拟DOM axios koa-passport实现本地验证 Koa2 Mongoose Mock NodeJS-基础 NodeJS-静态服务器 React基础概念 React高级指引 React 基础语法 React Redux Reac
阅读全文
posted @
2019-03-31 23:31
苏荷酒吧
阅读(441)
推荐(0) 编辑
CSS面试题
摘要:基础 CSS样式(选择器)的优先级 计算权重 !important 内联样式 后写的优先级高 雪碧图的作用 减少HTTP请求数,提高加载性能 有一些情况下可以减少图片大小 base64的使用 用于减少HTTP请求 使用于小图片 base64的体积约为原图4/3 伪类和伪元素 伪类表状态 伪元素是真的
阅读全文
posted @
2019-03-18 12:42
苏荷酒吧
阅读(188)
推荐(0) 编辑
CSS笔试题
摘要:如何实现移动端9宫格 宽度百分比 高度设置0 padding-top百分比 可实现宽高 View Code 具体代码 .container div{ height: 0; padding-top: 33%; flex: 0 0 33%; width: 33%; } View Code 如何实现移动端
阅读全文
posted @
2019-03-18 08:58
苏荷酒吧
阅读(196)
推荐(0) 编辑
CSS动画
摘要:CS动画 原理 视觉暂留 画面逐渐变化 作用 用户体验好 引起注意 CSS中的动画类型 transition补间动画 位置-平移 left/right/margin/transform 方位 transform 透明度 opacity keyframe关键帧动画 相当于多个补间动画 与元素状态的变化
阅读全文
posted @
2019-03-08 22:47
苏荷酒吧
阅读(172)
推荐(0) 编辑
CSS效果
摘要:效果属性 box-shadow/text-shadow/border-radius/background/clip-path box-shadow 图形阴影 <style type="text/css"> .container{ width: 50px; height:50px; backgroun
阅读全文
posted @
2019-03-08 21:39
苏荷酒吧
阅读(234)
推荐(0) 编辑
CSS布局
摘要:常用布局方法 table float+margin inline-block flexbox table 非常方便的布局方案,属于传统布局方案, display table table-row table-cell 跟表格布局相似 <div class="table"> <div class="ta
阅读全文
posted @
2019-03-08 19:20
苏荷酒吧
阅读(225)
推荐(0) 编辑
CSS预处理语言
摘要:CSS预处理语言 Less,Sass,Stylus 安装 Less yarn add less 运行命令 ./node_modules/.bin/lessc 嵌套规则 Less、Sass嵌套规则一样 变量 Less Sass Less变量采用的是@ Sass变量采用的是$ 混合(mixin) Les
阅读全文
posted @
2019-03-07 22:28
苏荷酒吧
阅读(863)
推荐(0) 编辑