码迷,mamicode.com
首页 > 其他好文 > 详细

前端星计划笔记-day1

时间:2018-05-19 23:24:05      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:理解   手写   tor   直接   语义   前端   安全   代码   制作   

前端
功能,美观,安全,无障碍,性能,兼容,体验

前端编程思想

WA

doctype:

  • 文档版本
  • 浏览器决定渲染模式

语义化:

  • 所有的标签都有自己的含义,属性
  • 可读性

前端规范 whatwg

css显示继承

初始值设置 inital

定位模式

  • 常规流
  • 浮动:浮动元素不会影响行级元素,行级盒子会浮动避开 clearfix bfc
  • 绝对定位

day1总结

感觉html和css都讲了很多自己没有接触过也没有用过的一些标签,一些样式和一些小技巧。非常的干货,css感觉和慕课网的单张的css差不多,讲的非常的细致。

然后js就有点难度了,从浅入深,最开始讲拿到辐射的样式,然后用了很多的方法,一种更比一种简单,但是很难想得出,如果没有经验的话很难想到,从最简单的border然后canvas然后svg然后css4新属性,(还有几种忘了)感觉还是要多写才能多见识,在用的时候才可以手到擒来。

加下来就讲了我前几天才碰到的问题,写一个动画,最开始用js来直接改变css,然后用js来改变class,然后直接用单选框来制作动画的选择效果,感觉就和百度前端技术学院的一样。

然后就是重头大戏来了,差不多手写了一个react框架,还没去理解代码的,理解了再反思

然后又实现了一个reduce,我也有时间再看!

https://ppt.baomitu.com/d/3a55d7e4#/8

关键字

json-ld

web无障碍
A11y
规范 WCAG ARIA

w3cvaildator
emmet

type-index

节流
debounce
连击

前端星计划笔记-day1

标签:理解   手写   tor   直接   语义   前端   安全   代码   制作   

原文地址:https://www.cnblogs.com/xiedashuaige/p/9061890.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!