- 博客(11)
- 收藏
- 关注
原创 学习JavaScript算法(一)排序算法
前端攻城狮——学习常用的排序算法一、冒泡排序优点:所有排序中最简单的,易于理解;缺点:时间复杂度O(n^2),平均来说是最差的一种排序方式;因为在默认情况下,对于已经排好序的部分,此排序任然会进行比较(当然可以进行改进优化)算法步骤:比较相邻的元素,如果第一个比第二个大,就交换他们两个。对每一对相邻元素作同样的工作,从开始第一对一直到结尾的最后一对,如此将最大的数放在后面。对所有的元素重复以上的步...
2018-06-16 12:22:06
243
原创 深入浅出React(五)(React组件事件详解)
React组件事件响应React在构建虚拟DOM的同时,还构建了自己的事件系统;且所有事件对象和W3C规范保持一致。React的事件系统和浏览器事件系统相比,主要增加了两个特性:事件代理、和事件自动绑定。1、事件代理区别于浏览器事件处理方式,React并未将事件处理函数与对应的DOM节点直接关联,而是在顶层使用了一个全局事件监听器监听所有的事件;React会在内部维护一个映射表记录事件与组件事件处...
2018-06-13 15:10:50
3546
原创 我的前端面试日记(一)
第一次写面试经历,虽然之前有过一些电话面试经历,但相对而言感觉此次的经历对自己收获还是比较大,这里留下面经当作日记吧!(面试时间:2018-6-12 下午2:10;时长:50min;公司:*)1、说说React,为什么选择React(一)、React特点高效、虚拟DOM,最大限度地减少与DOM的交互:浏览器在渲染网页时,会先将HTML文档解析并构建DOM树,然后与CSSOM树生成RenderObj...
2018-06-12 21:11:25
716
原创 深入理解ES6(一)
块级作用域绑定var声明及变量提升机制在ES6之前,在函数作用域中或者全局作用域中通过var关键字来声明变量,无论是在代码的哪个位置,这条声明语句都会提到最顶部来执行,这就是变量声明提升。注意:只是声明提升,初始化并没有提升。function getStudent(name){ if(name){ var age=25; }else{ console.log("name不存...
2018-06-05 23:04:17
293
转载 前端面试(二)前端安全
前端安全XSSxss: 跨站脚本攻击(Cross Site Scripting)是最常见和基本的攻击 WEB 网站方法,攻击者通过注入非法的 html 标签或者 javascript 代码,从而当用户浏览该网页时,控制用户浏览器。xss 主要分为三类:1、DOM xss : DOM即文本对象模型,DOM通常代表在html、xhtml和xml中的对象,使用DOM可以允许程序和脚本动态的访问和更新文...
2018-06-04 23:48:20
7800
原创 谈谈前端性能优化(一)
性能优化一、如何进行网站性能优化content方面减少HTTP请求:合并文件、CSS精灵、inline Image减少DNS查询:DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法:DNS缓存、将资源分布到恰当数量的主机名,平衡并行下载和DNS查询避免重定向:多余的中间访问使Ajax可缓存非必须组件延迟加载未来所需组件预加载减少DOM元素数量将资源放到不同的域下:浏览器同时从一个域下载资...
2018-06-03 13:56:57
990
原创 深入浅出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
3723
3
原创 深入浅出React(三)(组件的性能优化)
React组件的性能优化高德纳: "我们应该忘记忽略很小的性能优化,可以说97%的情况下,过早的优化是万恶之源,而我们应该关心对性能影响最关键的另外3%的代码。"不要将性能优化的精力浪费在对整体性能提高不大的代码上,而对性能有关键影响的部分,优化并不嫌早。因为,对性能影响最关键的部分,往往涉及解决方案核心,决定整体的架构,将来要改变的时候牵扯更大。1. 单个React组件的性能优化React利用V...
2018-06-01 17:06:12
437
原创 深入浅出React(二)(组件的生命周期)
1. 组件生命周期React严格定义了组件的生命周期,生命周期可能会经历如下三个过程:装载过程(Mount):也就是把组件第一次在DOM树上渲染的过程;更新过程(Updata):当组件被从新渲染的过程;卸载过程(Unmount):组件从DOM树中删除的过程。三种不同的过程,React库会调用组件的一些成员函数,即生命周期函数。1.1、装载过程当组件第一次被渲染时,依次调用的函数:construct...
2018-05-31 11:35:12
239
原创 深入浅出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
6266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人