• 等级
  • 9540 访问
  • 1 原创
  • 40 转发
  • 1076054 排名
  • 0 评论
  • 5 获赞

js中的call()方法、apply()和bind()方法的区别以及使用场景

在js中,所有的函数再被调用的时候都会默认传入两个参数,一个是this,还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变this的指向,也就是说使函数可以被其他对象来调用,那么我们应该怎样做呢?这时候我们就可以使用call,apply和bind方法了。 1.首先搞清楚call,apply和bind方法的来历 在js中所有的函数都是Functi...

2018-05-20 22:59:30

float和position的区别(转)

相同:设置后,对应的模块都会脱离文档流 不同点:position相应的块级元素会覆盖下面的内容(文字,),而float只会覆盖块级元素,里面的文字会脱离 出来 float是浮动定位,position是绝对定位 文档流是文档中可显示对象在排列时所占用的位置。 快级元素 在做页面布局的时候,一般会将html元素分为两种,即块级元素和行内元素。 一、块级元素:block element ...

2018-05-16 23:00:09

ES6中Json、String、Map、Object之间的转换

/** * Created by chenjialin on 17/3/29. */ ‘use strict’; import React, {Component} from ‘react’ /** *JsonUitl的实现 */ class JsonUtils extends React.Component { /** *字符串转json * */ static ...

2018-05-16 22:41:51

js字符串转json的几种方法

1,eval方式解析,恐怕这是最早的解析方式了。如下: 复制代码 代码如下: function strToJson(str){ var json = eval(‘(’ + str + ‘)’); return json; } 记得别忘了str两旁的小括号。 2,new Function形式,比较怪异哦。如下 复制代码 代码如下: function strToJson(...

2018-05-16 22:38:36

水平垂直居中

水平居中方案:水平居中设置 1、行内元素 设置 text-align:center 3、不定宽块状元素 b:给该元素设置 displa:inine 方法 子元素设置 position:relative 和 left:50% 垂直居中设置 1、父元素高度确定的单行文本 2、父元素高度确定的多行文本 a:插入 table (插入方法和水平...

2018-05-14 23:20:31

web前端实现跨域

前端常见跨域解决方案(全) 什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1.) 资源跳转: A链接、重定向、表单提交 2.) 资源嵌入: 、 <script> var script = document.createElement('script'); script.type = 'text/ja...

2018-05-14 17:51:07

web性能优化的几种方式

1、 JavaScript 压缩和模块打包 其中之一就是可以得到更快的启动时间 其中之二是模块打包用于将不同脚本打包在一起并放进同一文件。更少的HTTP请求和单个文件解析都可以减少加载时间。通常情况下,单独一种工具就可以打理打包和压缩。webpack就是其中之一。 2、按需加载资源 资源(特别是图片)的按需加载或者说惰性加载,可以有助于你的web应用在整体上获得更好的性能。对于使用大量图片...

2018-05-12 16:15:53

HTML块级元素和行内元素的区别

块级元素 块级元素会独占一行,默认情况下宽度自动填满其父元素宽度 块级元素可以设置宽高 块级元素可以设置margin,padding display:block; 常见块级元素:div、h1~h6、center、hr、ul、ol、p、table、form 行内元素(内联元素) 行内元素不会独占一行,相邻的行内元素会排在同一行。其宽度随内容的变化而变化 行内元素不可以设置宽高 行内...

2018-05-12 09:43:58

webpack打包优化的解决方案

一、DLL方式 DLL方式就是通过配置,告诉webpack指定库在项目中的位置,从而直接引入,不将其打包在内 DLL方式就是指定包在的项目中,build的时候不在打包对应的包,使用的时候引入。 webpack通过webpack.DllPlugin与webpack.DllReferencePlugin两个内嵌插件实现此功能 新建webpack.dll.config.js const...

2018-05-11 14:25:40

props 和 state的区别

一、时效性 所有信息都具有时效性。文章的价值,往往跟时间有很大关联。特别是技术类文章,请注意本文创建时间,如果本文过于久远,请读者酌情考量,莫要浪费时间。 二、背景 在学习React的过程中,频繁的跟props和state打交道,对于初学者来说,不知道什么情况下来使用它们有时候不知道在什么情况下来使用它们。 三、区别 props和state之间是紧密相关的。父组件的state常常转变子组...

2018-05-11 08:28:40

TCP和UDP的优缺点及区别

TCP的优点: 可靠,稳定 TCP的可靠体现在TCP在传递数据之前,会有三次握手来建立连接,而且在数据传递时,有确认、窗口、重传、拥塞控制机制,在数据传完后,还会断开连接用来节约系统资源。 TCP的缺点: 慢,效率低,占用系统资源高,易被攻击 TCP在传递数据之前,要先建连接,这会消耗时间,而且在数据传递时,确认机制、重传机制、拥塞控制机制等都会消耗大量的时间,而且要在每台设备上维护所有的传输连接...

2018-05-07 22:57:15

索引的优缺点

创建索引可以大大提高系统的性能: 第一,通过创建唯一性索引,可以保证数据库表中每一行数据的唯一性。 第二,可以大大加快数据的检索速度,这也是创建索引的最主要的原因。 第三,可以加速表和表之间的连接,特别是在实现数据的参考完整性方面特别有意义。 第四,在使用分组和排序 子句进行数据检索时,同样可以显著减少查询中分组和排序的时间。 第五,通过使用索引,可以在查询的过程中,使用优化隐藏...

2018-05-07 22:39:07

ES6高频面试题目整理

前言 自从ES6发布以来,就受到了广大开发者的欢迎。它的新特性解决了很多实际开发中的痛点,并且使得JavaScript逐步成为一门能够开发大型企业应用的编程语言,基于这种技术环境下,很多公司都将ES6视为开发的其中一个标准,因此在招聘人才的时候,也会对其进行ES6知识的考察。下面就来看看哪些ES6知识是我们需要重点掌握的。 箭头函数需要注意的地方 *当要求动态上下文的时候,就不能够使用箭头函...

2018-05-07 22:35:41

React 组件的生命周期

生命周期的方法有: componentWillMount: 在渲染前调用,在客户端也在服务端 componentDidMount: 在第一次渲染后调用,只在客户端 componentWillReceiveProps:在组件接收到一个新的prop时被调用。 shouldComponentUpdate:返回一个布尔值。在组件接收到新的props或者state时被调用。在初始化时或者使用forc...

2018-05-07 17:11:34

五大浏览器内核-简介

一般说的浏览器内核是指浏览器最重要的核心部分,RenderingEngine,翻译成中文大概意思就是“解释引擎”,我们一般称为浏览器内核。由于不同的内核各自有一套自己的渲染网页和解释页面代码的机制,所以就会有一些问题存在。 首先,都有哪些浏览器呢? 谷歌浏览器:Google Chrome。 火狐浏览器:Mozilla Firefox。 欧鹏浏览器:OPera。 苹果浏览器:Safari。...

2018-05-01 22:17:48

CSS未知宽高元素水平垂直居中

方法一 思路:显示设置父元素为:table,子元素为:cell-table,这样就可以使用vertical-align: center,实现水平居中 优点:父元素(parent)可以动态的改变高度(table元素的特性) 缺点:IE8以下不支持 <!DOCTYPE html> <html lang="en"> <head> <meta...

2018-05-01 20:00:52

深入理解css模型

基本概念:标准模型和IE模型 css如何设置这两种模型 JS如何设置获取盒模型对应的宽和高 实例题(根据盒模型解释边距重叠) BFC(边距重叠解决方案) 基本概念 1.盒模的组成: content,padding,border,margin 2.两种盒模型:一个是标准盒模型,一个是IE的怪异模型。 标准模型 IE的怪异模型 盒模型的宽和高:内容(content)的宽高...

2018-05-01 18:01:12

props和state的区别

一、区别: props和state之间是紧密相关的。父组件的state常常转变子组件的props成下面我们通过一个父子组件从上至下来分析它们。 假如我们有个父组件,可以在父组件的state里定义子组件的数据比如: this.setState({ childData: ‘Child Data’ }); 紧接着,在父组件的render()方法里面,可以将父组件的state,作为子组件的pr...

2018-05-01 15:17:33

Android 设计模式 之 单例模式

设计模式中,最简单不过的就是单例模式。先看看单例模式 Singleton模式可以是很简单的,它的全部只需要一个类就可以完成(看看这章可怜的UML图)。但是如果在“对象创建的次数以及何时被创建”这两点上较真起来,Singleton模式可以相当的复杂,比头五种模式加起来还复杂,譬如涉及到DCL双锁检测(double checked locking)的讨论、涉及到多个类加载器(Clas

2016-09-13 19:29:53

Fragment创建及其生命周期

Fragments的生命周期      每一个fragments 都有自己的一套生命周期回调方法和处理自己的用户输入事件。 对应生命周期可参考下图: 创建片元(Creating a Fragment) To create a fragment, you must create a subclass of Fragment (or an existi

2016-09-13 19:25:59

AGGirl

关注
  • 学生
  • 中国 湖北省 武汉市
  • 粉丝 0
  • 关注 2