Trident

前言 前段时间，蚂蚁金服的热度可不小，互联网圈人人都在讨论它上市的事情，实际上蚂蚁金服上市是迟早的事情。这一下，蚂蚁的员工含金量上升了不少，那我之前蚂蚁提前批这波面经，也是时候分享了。 这次面试，可以说是一波三折，波涛汹涌了，原本我是一个挺自信的人的，所以在面试前我算是处于一个斗志昂扬的状态，奈何在经历一面二面意志力被消磨了不少，虽然三面准备充足，但整体下来对自己表现不满意，所以以为是没戏了，没想到意外接来了HR面的通知，于是就这么意外的拿到了offer。 下面就对这次蚂蚁金服的面试体验进行一个分享，由于面试题比较多，所以只挑选了一些有针对性的核心题放在这里解析，如果你需要完整pdf版，只需要添加小助理vx：mxzFAFAFA即可！！ 蚂蚁金服意外的第一面 1、讲一讲ArrayList和LinkedList区别？ ArrayList 是一个可改变大小的数组。当更多的元素加入到ArrayList中时，其大小将会动态地增长。内部的元素可以直接通过get与set方法进行访问，因为ArrayList本质上就是一个数组， LinkedList 是一个双链表，在添加和删除元素时具有比ArrayList更好的性能.但在get与set方面弱于ArrayList。 当然，这些对比都是指数据量很大或者操作很频繁的情况下的对比,如果数据和运算量很小，那么对比将失去意义。 2、什么情况会造成内存泄漏？

1 移动web开发概述 国内移动端浏览器大多采用webkit内核。那么，什么是浏览器内核？ 1.1 浏览器内核 1.1.1 浏览器内核的作用 内核，亦“心脏”，是浏览器最重要的部分——“Rendering Engine”，被译为“渲染引擎”，一般习惯性地将浏览器的“渲染引擎”称之为“浏览器内核”。 浏览器内核主要负责解析网页语法并执行页面渲染。所以，（虽然浏览器内核分为渲染引擎和JS引擎两部分，但是）通常所说的浏览器内核就是指浏览器所采用的渲染引擎，它决定了浏览器如何显示网页的内容以及页面的格式信息。 每个人的心脏活力不同，浏览器内核也是如此。不同的浏览器内核对网页内容的解析方式存在差异，因此，同一张网页页面在内核不同的浏览器里面的渲染效果也可能不同。这也是在进行网页开发时需要在不同内核浏览器中进行网页效果测试的原因。 1.1.2 浏览器&浏览器内核 （1）浏览器的主要功能是向服务器发送请求，并在接收到服务器端的响应结果后，按照HTML和CSS规范中指定的方式（个浏览器并没有完全遵守这些规范），解析响应结果，然后在浏览器窗口中显示网络资源（包括：HTML文档、pdf、图片、媒体文件等）。 （2）浏览器内核是浏览器的“心脏”，是支持浏览器运行的最核心的部分，主要可分为两个部分：①渲染引擎；②JS引擎。 1.2 主流浏览器&浏览器内核 1.2.1 五大主流浏览器&四大内核

var browser= { versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { // 移动终端浏览器版本信息 trident: u.indexOf( ' Trident ' ) > - 1 , // IE内核 presto: u.indexOf( ' Presto ' ) > - 1 , // opera内核 webKit: u.indexOf( ' AppleWebKit ' ) > - 1 , // 苹果、谷歌内核 gecko: u.indexOf( ' Gecko ' ) > - 1 && u.indexOf( ' KHTML ' ) == - 1 , // 火狐内核 mobile: !!u.match(/AppleWebKit.*Mobile.*/), // 是否为移动终端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // ios终端 android: u.indexOf( ' Android ' ) > - 1 || u.indexOf( ' Linux ' ) > - 1 , // android终端或者uc浏览器 iPhone: u.indexOf( ' iPhone ' ) > - 1 ,

nginx服务器日志相关指令主要有两条： 1.一条是log_format，用来设置日志格式； 2.另外一条是access_log，用来指定日志文件的存放路径、格式和缓存大小，可以参加 ngx_http_log_module 。 log_format指令用来设置日志的记录格式，它的语法如下： log_format name format {format ...} name 定义的格式； format 定义日志样式； log_format有一个默认的、无须设置的combined日志格式设置，相当于Apache的combined日志格式，其具体参数如下： log_format combined '$remote_addr-$remote_user [$time_local]' ‘"$request"$status $body_bytes_sent’ ‘"$http_referer" "$http_user_agent"’ 假设将Nginx服务器作为Web服务器，位于负载均衡设备、Squid、Nginx反向代理之后，不能获取到客户端的真实IP地址了。 原因是经过反向代理后，由于在客户端和Web服务器之间增加了中间层，因此Web服务器无法直接拿到客户端的IP。 通过$remote_addr变量拿到的将是反向代理服务器的IP地址。 在日志格式样式中，变量$remote_addr和$http_x

某天，某智障程序员写了几行错误的代码，导致了火狐和谷歌浏览器无法正常登陆，经过分析发现控制登陆的是一个js文件，其判断浏览器版本是否在IE8以上的语句如下图所示： 而最新的Chrome的UA如图所示： 所以，用新版的浏览器不可能登陆成功的，会弹出以下警告信息： 众所周知，由于IE浏览器对开发者不太友好，即使新版有了许多改进也不如火狐或者谷歌来的方便，所以我们通过burp抓包修改js文件的方法来使得这个判断无效. 首先修改burp配置使其可以抓到js的数据包，修改内容如下图所示： 上图为修改后的图片，去掉了不拦截js请求。也就是删除了^js$|这几个字符 接着，如果你使用的是谷歌浏览器，请按shift+F5忽略缓存进行刷新，如果你是火狐浏览器的用户请按ctrl+F5。 在抓包界面截取返回包 把 !((agent.indexOf("msie")>0 && agent.indexOf("msie 7")<0 && agent.indexOf("msie 6")<0) || (agent.indexOf('trident')>0 && agent.indexOf('rv')>0)) 修改为false即可进行正常的登陆操作。 来源： oschina 链接： https://my.oschina.net/u/4279744/blog/3881206

events { worker_connections 1024; } stream { #stream模块，就跟http模块一样 upstream ssh { server 127.0.0.1:22; } server { #里面可以有多个监听服务，配置监听端口和代理的ip和端口就可以进行tcp代理了。 listen 9922; proxy_pass ssh; proxy_connect_timeout 1h; proxy_timeout 1h; } } 　　 http代理 server { listen 8844; server_name 127.0.0.1; location / { proxy_read_timeout 1800; proxy_next_upstream http_502 http_504 error timeout invalid_header; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $remote_addr; proxy_pass http://192.168.1.253:808; } } 　　 日志 stream{ log_format proxy '[$time_local] remote_addr:$remote_addr $protocol status:

目录 一、对web标准和W3C的认识 1.1 web标准 1.2 W3C的认识 二、什么是ECMA 三、什么是html 四、浏览器和开发工具介绍 4.1 浏览器介绍 4.2 开发工具介绍 一、对web标准和W3C的认识 1.1 web标准 所有的html标签都要小写。 这些标签都是成双成对的。（准确的说是这些标签都要关闭）。 标签可以嵌套，但是不能交叉嵌套。 1.2 W3C的认识 W3C: 万维网联盟 主要负责web标准制定，html5就是他们制定的标准。（html/css这些写法） 二、什么是ECMA ECMA是European Computer Manufacturers Association的缩写,即欧洲计算机制造商协会。 ECMA这个组织指定了一个标准叫ECMA-262，凡是按照这个标准设计出来的脚本语言都叫 ECMAScript。 JavaScript和JScript都是按照ECMA-262这个标准设计出来的。 所以我们学习的javasript语言就属于ECMAScript。 ES5 \ ES6说的就是ECMAScript5和ECMAScript6 . 三、什么是html 超文本标记语言（英语：HyperText Markup Language，简称：HTML） 是一种用于创建网页的标准标记语言。 HTML目前最新版本是html5，简称H5 ， 就是第5代HTML

普歌-码上鸿鹄团队H5+C3+Less重点总结 一、HTML 1.常用基本标签 1.1、 文档结构标签 1.2、 文本/字符格式标签 1.3、列表标签 1.4、 排版标签 1.5、 链接标签 1.6、多媒体标签 1.7 、 表单标签 2.HTML5新增 2.1、语义化标签 2.2、多媒体标签 2.3新增input类型和属性 二、CSS3新增 1.选择器 1.1基本选择器 1.2基本选择器扩展 1.3属性选择器 1.4伪类与伪元素选择器 1.5其他选择器 2.背景background 2.1 background-origin： 规定背景图片的定位区域。 2.2 background-clip： 规定背景的绘制区域。 2.3 background-size： 规定背景图片的尺寸。 3.渐变(基于background-image上实现) 3.1线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向 3.2径向渐变（Radial Gradients）- 由它们的中心定义 4.转换2D(Transform) 4.1 位移translate() 4.2 旋转rotate() 4.3 缩放scale() 4.4 倾斜 skew() 5.转换3D(Transform) 5.1 位移 5.2 旋转 5.3 缩放 5.4 倾斜 5.5 将平面图形转换为立体图形 3D

一、网页的组成 网页由文字、图片、输入框、视频、音频、超链接等组成。 二、html，css，js的区别 Html 结构标准 相当于人的身体，只有架构 有结构 Css 表现标准 相当与给人化妆 变的更漂亮 有衣服 Js 行为标准 相当于人在唱歌，页面更灵动 动起来 三、常用浏览器 1.IE 火狐 谷歌 猎豹 Safari opera 2 . 浏览器内核 ：也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容，即浏览器的 格式信息（浏览器的兼容性问题） IE 谷歌/欧鹏 火狐 苹果 trident blink gecko webkit 四、浏览器和服务器之间的关系 浏览器通过http协议向服务器发送报文，服务器通过解析之后，响应报文，返回给浏览器。 五、常用快捷键 Ctrl+c 复制 Ctrl+v 粘贴 Ctrl+s 保存 ctrl+x 剪切 ctrl+z 撤销一步 windows+d 返回桌面 windows+e 打开我的电脑 windows+r 打开运行 alt+tab 切换软件 ctrl+tab 软件文档之间的切换 f2 重命名 f5 刷新页面（制作网页的时候经常用） 六、HTML 1. html ( Hyper text markup language ) 超文本标记语言。 超文本：超链接。（实现页面跳转） 2. html结构标准 < ! doctype

常见的兼容性问题 浏览器有着大量不同的版本，不同种类的浏览器的内核也不尽相同，所以不同浏览器对代码的解析会存在差异，这就导致对页面渲染效果不统一的问题。 初始化样式 因浏览器兼容的问题，不同的浏览器对标签的默认样式值不同，如果不初始化会造成不同浏览器之间的显示差异，布局出现错乱，所以要初始化样式，达到统一的布局。 最粗暴的方案就是使用 * 初始化样式，但是其会对于所有的标签加载样式以及计算样式优先级，可能会对性能有所影响。 * { margin: 0; padding: 0; } 通常使用 Normalize.css 抹平默认样式差异，当然也可以根据样式定制自己的 reset.css 。 <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet"> 内核样式兼容 在 CSS3 标准还未确定时，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来的标准进行兼容，所以每种浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器将逐步支持不带前缀的 CSS3 新属性，目前已有很多私有前缀可以不写了，但为了兼容老版本的浏览器，可以仍沿用私有前缀和标准方法，逐渐过渡。 内核 代表浏览器 前缀 Trident IE浏览器 -ms Gecko Firefox