资讯专栏INFORMATION COLUMN

初级走向中级前端(带答案)

taoszu / 426人阅读

摘要:随机数参数中设置等。有哪几种导航钩子三种,第一种是全局导航钩子,作用跳转前进行判断拦截。在阶段,实例的数据对象有了,还没有。载入前后在阶段,实例的和都初始化了,但还是挂载之前为虚拟的节点,还未替换。更新前后当变化时,会触发和方法。

最近面试了 很多1-2年的前端,网上手机了一些 问题和答案,发出来 希望能帮助到大家~

CSS篇

IOS手机浏览器字体齿轮

修改-webkit-font-smoothing属性

结果是:-webkit-font-smoothing: none: 无抗锯齿-webkit-font-smoothing: antialiased | subpixel-antialiased | default: 灰度平滑

怎么让Chrome支持小于12px 的文字?

我们的做法是:

针对谷歌浏览器内核,加webkit前缀,用transform:scale()这个属性进行缩放! p span {font-size:10px;-webkit-transform:scale(0.8);display:block;}

CSS预处理器(Sass/Less/Postcss)

CSS预处理器的原理: 是将类 CSS 语言通过 Webpack 编译 转成浏览器可读的真正 CSS。

在这层编译之上,便可以赋予 CSS 更多更强大的功能,常用功能:

嵌套 变量 循环语句 条件语句 自动前缀 单位转换 mixin复用

JS

网站js和css如何压缩?有哪些方法?

概念性知识点:

http请求问题,HTTP请求信息由那3部分组成?

    请求方法URI协议/版本 (例如:GET/haorooms.jspHTTP/1.1)

    请求头(Request Header)(例如:Accept:image/gif.image/jpeg./ Accept-Language:zh-cn Connection:Keep-Alive Host:localhost等等)

    请求正文

前端性能优化问题,你是如何处理前端性能问题的?

www.haorooms.com/post/web_xn… 及 前端性能优化补充篇

写出最简单的去重方式


es6的new Set()方式

let array=[0,3,4,5,3,4,7,8,2,2,5,4,6,7,8,0,2,0,90];[...new Set(array)]


es5的Array filter()

[1,3,4,5,1,2,3,3,4,8,90,3,0,5,4,0].filter(function(elem,index,Array){ return index === Array.indexOf(elem);})

谷歌浏览器运行下面代码,并解释!

[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) })

运行上面代码之后,会发现HTML层都被使用不同的颜色添加了一个高亮的边框。为什么会这样呢?

如何处理缓存?如何清除缓存。

ajax随机数、ajax参数、meta中设置等。可以看下我写的 js清除浏览器缓存的几种方法

Websocket

Websocket 是一个 持久化的协议, 基于 http , 服务端可以 主动 push

兼容:


FLASH Socket

长轮询: 定时发送 ajax

long poll: 发送 --> 有消息时再 response

new WebSocket(url)

ws.onerror = fn ws.onclose = fn ws.onopen = fn ws.onmessage = fn ws.send()

跨域

JSONP: 利用

阅读需要支付1元查看
<