- 博客(14)
- 收藏
- 关注
原创 非常不一样的面试
今天面试了因赛公司的前端开发,本来去的时候我是不太想去的了,但是最后还是去,想着就算不行也当去一下经吧。最后的面试的时候可以说是我面过这么多次试最free的一次。面试官没问我太多技术上的问题,当时他讲了很多他们组或者团队的事给我听。本来中午没睡觉贼困了,但是那个时候可以说贼精神了,面试我那个面试官可以说他学前端的经历和我很像,都是半路出家,唯一不同就是他很幸运能找到一份很好的工作,至于我。。。就算
2018-01-10 17:45:47
274
原创 Angular4的表单
Angular4的表单分为两种,一个是模板式表单,另一种是响应式表单。 首先先讲一下数据模型:数据模型不是任意一种对象,是一种用于存储表单数据的数据结构。 模板式表单 该表单的数据模型是由组件模板上相关的指令定义(隐式创建)的,因为使用了这种方式定义表单的数据模型会受限于html语法,所以只适合用于一些简单的场景。 模板式表单有三个api:ngForm
2017-11-21 19:38:02
5753
原创 Angular4的双向数据绑定
最近在学angular4,因为angularjs中默认是双向数据绑定,但是如果在比较复杂的页面使用的话会引起性能问题,那是因为angularjs会在页面保存一个所有数据绑定的列表,每当数据发生变化时,angularjs都会反复查看列表,以保证数据一致性。 然后在angular4中默认是单向数据绑定。但是有时候还是会要用到双向数据绑定。我目前遇到两种使用的场景: (1)是在同一组件
2017-11-20 20:42:26
5198
原创 javascript中不可变的原始值和可变对象
最近在学Angular4,所以少写了blog。然后昨晚学到时候碰到了ngOnChanges这个钩子,可变对象和不可变原始值对触不触发这个钩子是不同的。然后我就总结了一下可变对象和不可变原始值。 首先在JavaScript中原始值(undefined、null、布尔值、数字和字符串)这些都是不可变原始值。不可变说的是一旦这些基本类型值创建后会一直保存其内存地址,直到被浏览器的垃圾回收
2017-11-16 10:27:28
993
原创 实现垂直水平居中的方法
因为这一类型题目我面试的时候被问了很多遍,然后就想总结一下吧。大概分了几类。 html代码如下:<div id="parent"> <div id="child"></div></div>其样式#container { width: 300px; height: 300px; background-color: #000;
2017-11-04 10:39:51
235
转载 margin值与百分数的关系
可以对元素的margin设置百分数,百分数是相对于父元素的width计算,不管是margin-top/margin-bottom还是margin-left/margin-right。(padding同理)如果没有为元素声明width,在这种情况下,元素框的总宽度包括外边距取决于父元素的width,这样可能得到“流式”页面,即元素的外边距会扩大或缩小以适应父元素的实际大小。如果对这个文档设置
2017-11-03 20:17:37
619
原创 面经
今天去了广州丰石科技公司面试Web前端开发工程师,本来是抱着一个区做笔试题的看看自己现在的状态的心态。但是没想到这是面试了这么多次以来最开心的一次。 这次面试先是要做一份笔试题再进行技术面。首先笔试题出乎我的意料,居然还有测试行测之类题目,不过还好,和秋招的都差不多。还有一份是全英文的前端技术题目,还好老哥是过了六级的了,题目还是看得懂。题目都是一些基础的题目,类似一些牛客网上题目原题也有
2017-11-03 00:31:00
330
原创 鼠标事件中各种位置
鼠标事件都是在browser中的特定位置发生的,而我们可以通过事件对象event的各种属性获取到鼠标事件发生的位置。 (1)客户区坐标位置 这一位置是相对于视口而言,所谓视口就是你所看到的browser展示页面的大小。不包括browser的菜单栏和滚动条覆盖的部分。 event.clientX; event.clientY;(2)页面坐标位置(IE8及以下不支持这一
2017-10-31 16:09:04
973
原创 事件流、事件处理程序、事件对象
首先了解几个概念,事件流、事件和事件处理程序。 事件流:是指页面接收到事件的顺序,通俗点就是事件在子元素和父元素间的传递顺序。 事件:用户与浏览器进行交互的动作。 事件处理程序:浏览器相应相关事件的函数,其名称一般以‘on’+事件名。首先讲一下事件流。事件流在早期的时候首先是由IE和Netscape communicator团队提出。而两者提出的概念差不多是相反的。IE提出的事件流是事件冒泡,
2017-10-30 15:03:34
300
原创 简单的轮播图
最近一直在研究Ajax与后台的交互,今晚看了一下轮播图如何与结合Ajax与后台进行实时的数据连接。 首先我讲一下我做轮播图的思路吧。首先html的代码如下:<div id="loading">loading...</div><!--在DOM结构还没完全加载出来是呈现--><!--#imagePanel是用于放图片和按钮的面板--> <div id="imagePanel">
2017-10-25 23:23:04
294
原创 Ajax中的async的取值(异步和同步)
之前去面试广州科腾公司时,面试官问了一个问题—ajax的async取值的理解。那时候的我可以说是个死菜鸟(现在可能是个半死不活的菜鸟),只是理解取值的字面意思,最后还要面试官给我解释。虽然面试肯定是挂了,但是至少面试官教了我点东西,也不亏了对吧。言归正传了。 ajax的open方法的第三个参数是async的取值,分别有true和false。true表示是异步模式,false表示同步模式。
2017-10-23 20:40:08
4037
原创 在浏览器渲染过程中的阻塞和一些解决方法
昨天总结了一下浏览器的渲染机制和特别总结了一下dom树的构建。今天再看一些资料发现其中还有一个大学问。就是有关于阻塞的问题。昨天我还以为只有js脚本会阻塞html解析和browser渲染。其实会导致阻塞的还有css。 在browser进行加载时,其实是并行加载所有资源。对于css和图片等资源,browser加载是异步的,并不会影响到后续的加载、html解析和后续渲染。对于js脚本文件的加载
2017-10-21 23:28:58
3588
转载 浏览器渲染机制之DOM树
浏览器渲染机制的第一步是DOM树的构建,DOM树的构建过程:一般为 bytes–>characters–>tokens–>nodes–>object modal。 (1)当服务器返回一个html文件给浏览器的时候,其实浏览器接收到的是一些字节数据。 (2)浏览器根据http响应中的编码方式一般为utf-8,进行对这些字节解析成字符。如果这时候的解析编码与文件的编码方式不一样,会导致出现乱码。这
2017-10-20 21:33:32
2174
原创 原型对象与继承(原型链)
最近秋招有点压抑,在技术面的时候面试官问了很多我还不太懂的东西。不是说完全不懂,就是实现原理还是很不行。就原型对象和继承(原型链)来说,我大概知道是什么回事,但是要我真的详细讲到底是什么就讲不出来了。所以有重新学了一遍这两个知识点。我看了js高阶有关这部分内容,仿佛我以前对这两个真的是完全不懂。现在写一下我这几天理解的吧。首先对象的构造可以用字面量的方法,但是这种方法有个缺点就是无法复用,就是
2017-10-17 21:58:32
200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人