ataola童鞋学习网页设计的思考总结 - 打草稿篇
-
CSS
- 盒模型
- 标签的内间距
- float - 浮动布局
- 背景
- REM
- 传统页面布局 + css 旋转动画 + css轮播图
- flex
- grid
- grid 2
- radio beautiful
- checkbox beautiful
- 撑开动画
- 文字对齐
- input cursor color
- rem css
- img gray
- line
- type
-
几何
- 三角形
-
DOM
- 键盘
- 禁止键盘一些按键
- 获取网页宽高
- 事件冒泡与捕获
- 表单元素-多选框
- 节点操作
- deep first
- bread first
- test some api
- Cookie
-
BOM
- history
- location
- navigator
- screen
- window
-
CSSOM
- 返回顶部
-
Storage
- storage demo1 - indexedDB
- storage demo2 - indexedDB
-
JQuery
- 鼠标操作
- 节点操作
- 表单操作
- 插件
- 返回顶部
-
杂记
- 手写Ajax
- 原生方法获取表单元素
- 杂项堆积
- 表格
- 水平垂直居中的n种方法
颜色表(慎点！)- 一些我常用到的颜色整理
- Service Worker
- 防抖
- 节流
- Cookie
- Scroll Bar
- window.open
- 移动交互
- ataola utils iife
- ataola utils amd
- ataola utils esm
- ataola utils umd
- apply
- apply
- apply
- apply, call, bind(没有耐心的 前面三个别看了 直接看这个)
- proxy
- format number
- trim
- 五星好评
- error
- radom
- anonymous function
- rounding
- swap
- to number
- bugScript
- expression
- format-tree
- make-copy-paste-available
- recorder
- right-click
- disable-developer-panel
- change-title-when-you-leave
- rulai
- requestAnimationFrame
- performance-dot-now
- echarts-demo
- h5-文字转语音
- h5-语音转文字
- 暗黑模式
- 多行文本溢出
- 进度条动画
- 灯笼
-
效果(一些网上的网页，我扒下来学习下)
- 掘金暂停服务公告
- 答题
- baidu ditu
-
调研
- fullpage demo
- clipboard demo
- stats demo 1
- stats demo 2
- stats demo 3
-
Office
- export word
- export excel
- export pdf
-
3D
- ThreeJS Demo
-
Vue
- Vue Audio
- responsive-defineProperty
- responsive-proxy
- responsive-value-get-set
-
设计模式
- 单例模式
-
策略模式
bad（IF ELSE侠）
good
-
性能优化
-
visit dom
bad
good
-
reflow
bad
good
good
-
event delegation
bad
good
-
sleep
bad, make cpu gg.
good, promise is coming.
wonderful, async/await is coming.
-
可视化
-
-
HTML + CSS
-
SVG
-
Canvas2D
- WebGL
-
WebAssembly
-
以斐波那契数列为例，探究其性能