自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

keywords

拥抱大前端,成就前端架构

  • 博客(11)
  • 收藏
  • 关注

原创 学习JavaScript算法(一)排序算法

前端攻城狮——学习常用的排序算法一、冒泡排序优点:所有排序中最简单的,易于理解;缺点:时间复杂度O(n^2),平均来说是最差的一种排序方式;因为在默认情况下,对于已经排好序的部分,此排序任然会进行比较(当然可以进行改进优化)算法步骤:比较相邻的元素,如果第一个比第二个大,就交换他们两个。对每一对相邻元素作同样的工作,从开始第一对一直到结尾的最后一对,如此将最大的数放在后面。对所有的元素重复以上的步...

2018-06-16 12:22:06 188

原创 深入浅出React(五)(React组件事件详解)

React组件事件响应React在构建虚拟DOM的同时,还构建了自己的事件系统;且所有事件对象和W3C规范保持一致。React的事件系统和浏览器事件系统相比,主要增加了两个特性:事件代理、和事件自动绑定。1、事件代理区别于浏览器事件处理方式,React并未将事件处理函数与对应的DOM节点直接关联,而是在顶层使用了一个全局事件监听器监听所有的事件;React会在内部维护一个映射表记录事件与组件事件处...

2018-06-13 15:10:50 3459

原创 我的前端面试日记(一)

第一次写面试经历,虽然之前有过一些电话面试经历,但相对而言感觉此次的经历对自己收获还是比较大,这里留下面经当作日记吧!(面试时间:2018-6-12 下午2:10;时长:50min;公司:*)1、说说React,为什么选择React(一)、React特点高效、虚拟DOM,最大限度地减少与DOM的交互:浏览器在渲染网页时,会先将HTML文档解析并构建DOM树,然后与CSSOM树生成RenderObj...

2018-06-12 21:11:25 630

原创 深入理解ES6(一)

块级作用域绑定var声明及变量提升机制在ES6之前,在函数作用域中或者全局作用域中通过var关键字来声明变量,无论是在代码的哪个位置,这条声明语句都会提到最顶部来执行,这就是变量声明提升。注意:只是声明提升,初始化并没有提升。function getStudent(name){ if(name){ var age=25; }else{ console.log("name不存...

2018-06-05 23:04:17 245

转载 前端面试(二)前端安全

前端安全XSSxss: 跨站脚本攻击(Cross Site Scripting)是最常见和基本的攻击 WEB 网站方法,攻击者通过注入非法的 html 标签或者 javascript 代码,从而当用户浏览该网页时,控制用户浏览器。xss 主要分为三类:1、DOM xss :  DOM即文本对象模型,DOM通常代表在html、xhtml和xml中的对象,使用DOM可以允许程序和脚本动态的访问和更新文...

2018-06-04 23:48:20 7731

原创 前端面试(一)本地浏览器存储

2018-06-04,前端面试(天猫)问题一:说说浏览器本地存储、各自的区别和使用注意点

2018-06-04 23:20:29 1181

原创 谈谈前端性能优化(一)

性能优化一、如何进行网站性能优化content方面减少HTTP请求:合并文件、CSS精灵、inline Image减少DNS查询:DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法:DNS缓存、将资源分布到恰当数量的主机名,平衡并行下载和DNS查询避免重定向:多余的中间访问使Ajax可缓存非必须组件延迟加载未来所需组件预加载减少DOM元素数量将资源放到不同的域下:浏览器同时从一个域下载资...

2018-06-03 13:56:57 951

原创 深入浅出React(四)(组件中的this)

React组件的this是什么通过编写一个简单组件,并渲染出来,分别打印出自定义函数和render中的this:import React from 'react';const STR = '被调用,this指向:';class App extends React.Component{ constructor(){ super() } //测试函数...

2018-06-03 12:05:16 3593 3

原创 深入浅出React(三)(组件的性能优化)

React组件的性能优化高德纳: "我们应该忘记忽略很小的性能优化,可以说97%的情况下,过早的优化是万恶之源,而我们应该关心对性能影响最关键的另外3%的代码。"不要将性能优化的精力浪费在对整体性能提高不大的代码上,而对性能有关键影响的部分,优化并不嫌早。因为,对性能影响最关键的部分,往往涉及解决方案核心,决定整体的架构,将来要改变的时候牵扯更大。1. 单个React组件的性能优化React利用V...

2018-06-01 17:06:12 406

原创 深入浅出React(二)(组件的生命周期)

1. 组件生命周期React严格定义了组件的生命周期,生命周期可能会经历如下三个过程:装载过程(Mount):也就是把组件第一次在DOM树上渲染的过程;更新过程(Updata):当组件被从新渲染的过程;卸载过程(Unmount):组件从DOM树中删除的过程。三种不同的过程,React库会调用组件的一些成员函数,即生命周期函数。1.1、装载过程当组件第一次被渲染时,依次调用的函数:construct...

2018-05-31 11:35:12 214

原创 深入浅出React(一)

## 深入浅出React(一)## 1、create-react-app工具使用 1. 安装create-react-app  ```  npm install create-react-app -g  ```2. 创建项目  ```  creact-react-app demos  cd demos  npm start  ```3. 分解应用package.json```"scripts": ...

2018-05-31 11:19:00 6138

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除