前端 | Xin's blog

前端: JavaScript、ES6、Vue框架等前端技术

目录

# 1. HTML: 1-1. 常用meta整理 1-2. HTML5 1-3. contenteditable 让你的标签元素变为输入框 1-4. 前端样式规范

# 2. CSS: # 2-1. 知识点
2-1-1. CSS教程和技巧收藏 2-1-2. CSS单位 2-1-3. CSS选择器 2-1-4. CSS函数 2-1-5. CSS属性 2-1-6. CSS3之transition过渡 2-1-7. CSS3之transform 2-1-8. CSS3之animation动画 2-1-9. CSS3 filter 和 backdrop-filter 2-1-10. CSS3 resize属性 2-1-11. CSS3的遮罩（mask） 2-1-12. flex布局语法 2-1-13. font-size：0的作用和用途 2-1-14. CSS 高度塌陷问题 2-1-15. 从box-sizing属性入手，了解盒子模型 2-1-16. CSS-function汇总
# 2-2. 案例
2-2-1. flex布局案例-网格布局 2-2-2. flex 布局，让某个子元素靠右对齐 2-2-3. transform案例 2-2-4. 文字在一行或两行时超出显示省略号 2-2-5. CSS智慧阴影 2-2-6. css3渐变的使用 2-2-7. CSS3模糊的使用 2-2-8. 扫光特效 2-2-9. 「布局技巧」图片未加载前自动撑开元素高度 2-2-10. 水平垂直居中的几种方式-案例 2-2-11. 如何根据系统主题自动响应CSS深色模式 2-2-12. 「css技巧」使用hover和attr()定制悬浮提示

# 3. JavaScript: # 3-1. 知识点
3-1-1. new命令原理 3-1-2. ES5面向对象 3-1-3. ES6面向对象 3-1-4. 多种数组去重性能对比 3-1-5. 比typeof运算符更准确的类型判断 3-1-6. 可选链操作符 3-1-7. 三点运算符 3-1-8. cookies，sessionStorage和localStorage的区别？ 3-1-9. forEach()函数究竟会不会修改原数组？ 3-1-10. 宏任务与微任务 3-1-11. Promise实现原理 3-1-12. this指向 3-1-13. 递归函数返回undefined 3-1-14. 使用JS的FileReader对象读取blob对象二进制数据 3-1-15. clipboard 剪切板属性
# 3-2. 方法
3-2-1. js能力提升1 3-2-2. js能力提升2 3-2-3. JS随机打乱数组 3-2-4. 判断是否为移动端浏览器 3-2-5. 将一维数组按指定长度转为二维数组 3-2-6. 防抖与节流函数 3-2-7. JS获取和修改url参数 3-2-8. js常用方法 3-2-9. js数据类型及类型判断 3-2-10. 用最简洁的代码去实现indexOf 3-2-11. 清空数组的方法 3-2-12. filter()方法过滤时如何保留假值？ 3-2-13. 监听img元素是否加载完成 3-2-14. 树形结构转一维数组 3-2-15. 过滤数两个数组中重复的元素 3-2-16. 因为数据类型导致的排序错乱问题

# 4. Vue: # 4-1. 知识点
4-1-1. filters过滤器的使用 4-1-2. watch的使用 4-1-3. createElement函数创建虚拟DOM 4-1-4. mixin的使用 4-1-5. 插槽 4-1-6. vuex的基本使用 4-1-7. 路由传参 4-1-8. 组件通信之 $attrs 和 $listeners 4-1-9. 组件通信之 $parent 和 $children 4-1-10. 组件通信之 provide 和 inject 4-1-11. 使用vue的model选项实现组件通信 4-1-12. v-on监听多个方法 4-1-13. axios的基本使用 4-1-14. vue中的鼠标事件、鼠标滚轮事件、键盘事件 4-1-15. Vue为什么要求组件模板只能有一个根元素 4-1-16. Vue中data为什么必须是一个函数？ 4-1-17. Vue中的scoped和scoped穿透 4-1-18. vue-router传参，在页面刷新后数据格式改变的问题 4-1-19. 相同的组件，vue会直接复用 4-1-20. Vue项目使用mock数据的几种方式 4-1-21. Vue CLi3 修改webpack配置
# 4-2. 方法
4-2-1. 使用el-select，出现切换数据后item消失的问题 4-2-2. 实现一个二级item的下拉框 4-2-3. 给按钮加上权限校验后导致v-if失效的问题 4-2-4. vue的权限管理
# 4-3. vue API
4-3-1. 全局api 4-3-2. 数据 4-3-3. 生命周期 4-3-4. 组合 4-3-5. 实例property 4-3-6. 实例方法数据 4-3-7. 实例方法事件 4-3-8. 指令

# 5. 组件与插件: # 5-1. ui组件
5-1-1. 自定义饿了么分页器样式 5-1-2. el-table实现跨页选中 5-1-3. 使用el-table实现前端分页 5-1-4. 覆盖ele的样式 5-1-5. 自定义ele树形控件样式 5-1-6. 清除el-form表单内容 5-1-7. 因el-select的远程搜索导致的问题
# 5-2. 插件
5-2-1. 进度条插件 5-2-2. 二维码插件 5-2-3. 拖拽插件

# 6. css扩展语言: # 6-1. sass

# 6-2. less

# 6-3. stylus

# 7. 学习笔记: 7-1. 《JavaScript教程》笔记 7-2. 《JavaScript高级程序设计》笔记 7-3. 《ES6 教程》笔记 7-4. 《Vue》笔记 7-5. 《TypeScript 从零实现 axios》7-6. 《Git》学习笔记 7-7. TypeScript笔记 7-8. 小程序笔记 7-9. JS设计模式总结笔记

上次更新: 4/27/2021, 11:18:01 AM

01
createElement函数创建虚拟DOM 05-26

02
clipboard 剪切板属性 05-26

03
vue的权限管理 05-16

更多文章>

×