- loader和插件的区别
- loader 用于加载某些资源文件。 因为webpack 本身只能打包commonjs规范的js文件,对于其他资源例如 css,图片,或者其他的语法集,比如 jsx, coffee,是没有办法加载的。 这就需要对应的loader将资源转化,加载进来。从字面意思也能看出,loader是用于加载的,它作用于一个个文件上。2. plugin 用于扩展webpack的功能。它直接作用于 webpack,扩展了它的功能。当然loader也时变相的扩展了 webpack ,但是它只专注于转化文件(transform)这一个领域。而plugin的功能更加的丰富,而不仅局限于资源的加载。
- webpack分块
- 如何实现垂直居中
- css3 flex box, flex: align-item
- 已知长和宽
position: relative; /* 相对定位或绝对定位均可 /
width:500px;
height:300px;
top: 50%;
left: 50%;
margin: -150px 0 0 -250px; / 外边距为自身宽高的一半 */- 未知长和宽
position: absolute; /* 相对定位或绝对定位均可 */
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- html5相关
- 经常浏览的前端论坛
- web站点如何做性能优化
- Ajax是什么?
Ajax就是局部刷新,不需要只要刷新数据就要完全加载整个页面。只要是JS调用异步操作件并使用格式化的数据来更新web页面上的内容或操作过程,那么我们用的方法就可算是AJAX。
如何简单实现一个AJAX?
第一步,new出一个XMLHttpRequest对象:
var xhr = new XmlHttpRequest()
第二步,处理服务器上面返回的响应:
xhr.onReadyStateChage() = function() {...}
第三步,创建一个请求,第一个参数是请求的类型get或者post,第二个参数就是请求的路径,第三个参数叫做是否使用异步机制:
xhr.open('post','abc.net',true);
如果为post请求,需要在发送请求前设置一下header:
xhr.setRequestHeader();
第四步:发送请求
xhr.send(...);
- 怎么把页面分成四等分
- 上下margin重叠会怎样
垂直方向上,相邻的两个块的margin会重叠。
解决方法:
(1) 浮动元素、inline-block 元素、绝对定位元素的 margin 不会和垂直方向上其他元素的 margin 折叠
总结一点就是触发了BFC的元素,满足下面任一条件的元素,会触发为 BFC :
浮动元素,float 除 none 以外的值
绝对定位元素,position(absolute,fixed)
display 为以下其中之一的值 inline-blocks,table-cells,table-captions
overflow 除了 visible 以外的值(hidden,auto,scroll)
- css3新特性
- CORS和Jsonp
http://www.jianshu.com/writer#/notebooks/12685836/notes/21369605/preview
- js实现单页应用
pushState + Ajax => pjax
https://www.helloweba.com/view-blog-386.html
- 网格布局的优势?
网格布局是在CSS中实现而不是在HTML中实现,同时还可以依赖于媒体查询根据不同的上下文得新定义布局。这对于喜欢响应式设计的同学来说是一个绝对利好的消息。因为你不在需要再担心你的HTML结构而影响你的布局。网格布局还可以让我们摆脱现在布局中存在的文档流限制,换句话说,你的结构不需要根据设计稿从上往上布置了。这也意味着您可以自由地更改页面元素位置。这最适合你在不同的断点位置实现你最需要的布局,而不再需要为响应你的设计而担心HTML结构的问题。
https://www.w3cplus.com/css3/line-base-placement-layout.html
- margin, padding设成百分比会针对哪一层?
margin, padding 的百分比是针对父层的宽度
top, bottom,left, right呢?
top和bottom会针对父层的高度。
left,right会针对父层的宽度
- JS实现多线程?
- 怎么理解JavaScript单线程?
- HTTP缓存机制
- 协程和多线程
- position是不是只针对块级元素?
position使用时,不管父级是块级或者内联级别。
- Angular里面模块很多时,如何管理与优化
21.写一个算法找出一个对象的最大层级
22.rxjs常用操作符及相关区别
23.数组里的方法,以及哪些会导致数组变化,哪些不会
24.移动端1像素问题
- 怎么保证弹框后的背景不滚动
- 如何确认在一个页面上的停留时间
https://www.cnblogs.com/slly/p/7991474.html
http://www.webhek.com/post/page-visibility.html
- 如何判断一个变量是不是对象?
- 说说重汇与重排.
- Angular2+的AOT与摇树优化
- JS实现深拷贝
- 一道rxjs的开放题
- Angular1与Angular2+的比较,react,angular,vue的比较
- Angular1 $digest, $apply区别,说说$digest循环。
- 在写angular1的时候,优化性能的一些方法。