lulucong6-CSDN博客

原创非常不一样的面试

今天面试了因赛公司的前端开发，本来去的时候我是不太想去的了，但是最后还是去，想着就算不行也当去一下经吧。最后的面试的时候可以说是我面过这么多次试最free的一次。面试官没问我太多技术上的问题，当时他讲了很多他们组或者团队的事给我听。本来中午没睡觉贼困了，但是那个时候可以说贼精神了，面试我那个面试官可以说他学前端的经历和我很像，都是半路出家，唯一不同就是他很幸运能找到一份很好的工作，至于我。。。就算

2018-01-10 17:45:47 272

原创 Angular4的表单

Angular4的表单分为两种，一个是模板式表单，另一种是响应式表单。首先先讲一下数据模型：数据模型不是任意一种对象，是一种用于存储表单数据的数据结构。模板式表单该表单的数据模型是由组件模板上相关的指令定义（隐式创建）的，因为使用了这种方式定义表单的数据模型会受限于html语法，所以只适合用于一些简单的场景。模板式表单有三个api：ngForm

2017-11-21 19:38:02 5745

原创 Angular4的双向数据绑定

最近在学angular4，因为angularjs中默认是双向数据绑定，但是如果在比较复杂的页面使用的话会引起性能问题，那是因为angularjs会在页面保存一个所有数据绑定的列表，每当数据发生变化时，angularjs都会反复查看列表，以保证数据一致性。然后在angular4中默认是单向数据绑定。但是有时候还是会要用到双向数据绑定。我目前遇到两种使用的场景：（1）是在同一组件

2017-11-20 20:42:26 5193

原创 javascript中不可变的原始值和可变对象

最近在学Angular4，所以少写了blog。然后昨晚学到时候碰到了ngOnChanges这个钩子，可变对象和不可变原始值对触不触发这个钩子是不同的。然后我就总结了一下可变对象和不可变原始值。首先在JavaScript中原始值（undefined、null、布尔值、数字和字符串）这些都是不可变原始值。不可变说的是一旦这些基本类型值创建后会一直保存其内存地址，直到被浏览器的垃圾回收

2017-11-16 10:27:28 988

原创实现垂直水平居中的方法

因为这一类型题目我面试的时候被问了很多遍，然后就想总结一下吧。大概分了几类。 html代码如下：<div id="parent"> <div id="child"></div></div>其样式#container { width: 300px; height: 300px; background-color: #000;

2017-11-04 10:39:51 231

转载 margin值与百分数的关系

可以对元素的margin设置百分数，百分数是相对于父元素的width计算，不管是margin-top/margin-bottom还是margin-left/margin-right。（padding同理）如果没有为元素声明width，在这种情况下，元素框的总宽度包括外边距取决于父元素的width，这样可能得到“流式”页面，即元素的外边距会扩大或缩小以适应父元素的实际大小。如果对这个文档设置

2017-11-03 20:17:37 611

原创面经

今天去了广州丰石科技公司面试Web前端开发工程师，本来是抱着一个区做笔试题的看看自己现在的状态的心态。但是没想到这是面试了这么多次以来最开心的一次。这次面试先是要做一份笔试题再进行技术面。首先笔试题出乎我的意料，居然还有测试行测之类题目，不过还好，和秋招的都差不多。还有一份是全英文的前端技术题目，还好老哥是过了六级的了，题目还是看得懂。题目都是一些基础的题目，类似一些牛客网上题目原题也有

2017-11-03 00:31:00 317

原创鼠标事件中各种位置

鼠标事件都是在browser中的特定位置发生的，而我们可以通过事件对象event的各种属性获取到鼠标事件发生的位置。（1）客户区坐标位置这一位置是相对于视口而言，所谓视口就是你所看到的browser展示页面的大小。不包括browser的菜单栏和滚动条覆盖的部分。 event.clientX; event.clientY;（2）页面坐标位置（IE8及以下不支持这一

2017-10-31 16:09:04 965

原创事件流、事件处理程序、事件对象

首先了解几个概念，事件流、事件和事件处理程序。事件流：是指页面接收到事件的顺序，通俗点就是事件在子元素和父元素间的传递顺序。事件：用户与浏览器进行交互的动作。事件处理程序：浏览器相应相关事件的函数，其名称一般以‘on’+事件名。首先讲一下事件流。事件流在早期的时候首先是由IE和Netscape communicator团队提出。而两者提出的概念差不多是相反的。IE提出的事件流是事件冒泡，

2017-10-30 15:03:34 293

原创简单的轮播图

最近一直在研究Ajax与后台的交互，今晚看了一下轮播图如何与结合Ajax与后台进行实时的数据连接。首先我讲一下我做轮播图的思路吧。首先html的代码如下：<div id="loading">loading...</div> <div id="imagePanel">

2017-10-25 23:23:04 290

原创 Ajax中的async的取值（异步和同步）

之前去面试广州科腾公司时，面试官问了一个问题—ajax的async取值的理解。那时候的我可以说是个死菜鸟（现在可能是个半死不活的菜鸟），只是理解取值的字面意思，最后还要面试官给我解释。虽然面试肯定是挂了，但是至少面试官教了我点东西，也不亏了对吧。言归正传了。 ajax的open方法的第三个参数是async的取值，分别有true和false。true表示是异步模式，false表示同步模式。

2017-10-23 20:40:08 4021

原创在浏览器渲染过程中的阻塞和一些解决方法

昨天总结了一下浏览器的渲染机制和特别总结了一下dom树的构建。今天再看一些资料发现其中还有一个大学问。就是有关于阻塞的问题。昨天我还以为只有js脚本会阻塞html解析和browser渲染。其实会导致阻塞的还有css。在browser进行加载时，其实是并行加载所有资源。对于css和图片等资源，browser加载是异步的，并不会影响到后续的加载、html解析和后续渲染。对于js脚本文件的加载

2017-10-21 23:28:58 3581

转载浏览器渲染机制之DOM树

浏览器渲染机制的第一步是DOM树的构建，DOM树的构建过程：一般为 bytes–>characters–>tokens–>nodes–>object modal。（1）当服务器返回一个html文件给浏览器的时候，其实浏览器接收到的是一些字节数据。（2）浏览器根据http响应中的编码方式一般为utf-8，进行对这些字节解析成字符。如果这时候的解析编码与文件的编码方式不一样，会导致出现乱码。这

2017-10-20 21:33:32 2166

原创原型对象与继承（原型链）

最近秋招有点压抑，在技术面的时候面试官问了很多我还不太懂的东西。不是说完全不懂，就是实现原理还是很不行。就原型对象和继承（原型链）来说，我大概知道是什么回事，但是要我真的详细讲到底是什么就讲不出来了。所以有重新学了一遍这两个知识点。我看了js高阶有关这部分内容，仿佛我以前对这两个真的是完全不懂。现在写一下我这几天理解的吧。首先对象的构造可以用字面量的方法，但是这种方法有个缺点就是无法复用，就是

2017-10-17 21:58:32 191

lucaslow的博客