- 项目
遇到了什么挑战
购物车（如何设计数据结构）
前端缓存：
http缓存（304是浏览器自定义的，其他的是自己定义的）
http（重要）
还有三个缓存实现
前后端数据交互、js函数整合（打包）（不要用框架吹）、炫酷效果
搜索（可以问问news的）然后要真的去深入去理解项目
交流问题 - 盒模型(rem.margin(百分比,垂直重叠))
标准盒模型、IE盒模型
rem:相对于浏览器的html{}根元素的font-size来的，一般来说默认的是16px，可以用百分比来改变根元素的字体大小
em:相对于自身的大小来说
margin:看http://www.jianshu.com/p/59491ebf387b
解决margin折叠：左浮动和BFC - 跨域(CORS、JSONP)--前端浏览器特有的问题
同源策略：域名(IP地址)、协议、端口(不同的服务)都相同
CORS:在http请求头中配置，一般在后台开通
JSONP:json+script的标签：速度很快
利用这个img、script、css的访问没有跨域问题来实现JSONP
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS - 缓存
HTML5四种缓存(前端怎么操作cookie)
先看博客
http://www.alloyteam.com/2012/03/web-cache-1-web-cache-overview/
后面再说 - use strict
- ES6:箭头函数、类
- http
- 本地存储
- display:inline-block间隙操作
- js事件(捕获、冒泡、代理、委托)
js事件单元素多事件绑定(闪烁问题)
js原型、闭包、作用域链、offset、滚动条监测、横向滚动条、可视化窗口
https://github.com/sqliang/feQuestion/wiki/js%E4%BA%8B%E4%BB%B6%E6%9C%BA%E5%88%B6 - js异步加载(js阻塞)
- js dom操作
- web性能优化(CDN为什么起到作用及其实现原理)
- 模块化、组件化自动部署
- 如何阻止一个form的重复提交
客户端：
表单提交后使用js使提交按钮display
boolean修改
服务器端：
session
先重定向后提交表单(但是体验不好) - position四种的区别
- 从输入一个url到渲染出整个页面浏览器做了什么
- 浏览器兼容性问题
- css遇到的问题
统一、规范、渐进增强、优雅降级
渐进增强：开发网站时保证兼容性良好，对先进浏览器再进行深入操作
优雅降级：先对先进浏览器来用，后面在针对其他浏览器来进行降级
css标签对性能开销
css属性遍历(从右往左) - BFC
- 谷歌浏览器最小字体设定(html{-webkit-text-size-adjust: none;})
- web安全(XSS、DNS劫持、SQL注入)
网友评论