大大大程序员-CSDN博客

原创 js引用数据类型深拷贝

js引用数据类型深拷贝js引用数据类型存在堆中，指针指向内存地址，单纯的拷贝会让两个变量指向同一个地址，一个更改两者都会更改，所以为了解决这个问题，我们要用到下面的深拷贝：一递归<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name...

2019-08-30 02:06:33 381

原创 js数组去重方法大全

js数组去重方法大全小叙：javascript数组去重是我们经常会遇到的问题，总结起来一共有四种方法，废话少说，直接来干货：一、最简单的一种通过ES6中的Set（）去重：let ary = [2,3,4,8,7,5,4, 2, 2, 1, 2, 32, 1],let newary=Array.from(new Set(ary));consolo.log(newary);二、通过in...

2019-08-30 01:15:21 247

原创 vue生命周期及用法

vue生命周期小叙无论是Vue还是React都有着自己独特的生命周期，我们在编写代码时，可以合理的利用它们去做一些工作，可以更好的提高开发效率。beforeCreate组件实例刚被创建，可以加loading事件created创建完成，属性已经绑定，但是Dom未生成，#el属性不存在beforeMount模版挂载之前mounted模版挂载之后，调取接口，获取数据...

2019-08-29 00:35:28 303

原创块级格式化上下文——BFC

块级格式化上下文——BFC（Box Formatting Content）定义BFC是页面上一个隔离的独立容器，容器里的子元素不会影响到外面，反之也是如此小叙很多小伙伴在学习bfc的时候不理解bfc到底是个什么东西，有一种很模糊的感觉，其实小编在第一次接触到bfc的时候也遇到过同样的问题，BFC???IFC???FFC这些都是什么，我给大家的建议是不要试图理解他的定义，要记住他的用法...

2019-08-27 17:07:17 188

原创十一种常见的前端性能优化解决方案

十一种常见的前端性能优化解决方案一、减少http请求，如css精灵、懒加载css精灵：也叫sprite图，就是将背景图片都整合到一张图片上面，通过background-position进行定位。好处：可以减少图片的字节数可以减少http请求减少图片命名带来的困扰程序员维护起来也方便懒加载：延迟加载，在用户滚动之间，可视区域外图像不会加载，与预加载相反，主要适用于图片多的网站...

2019-08-27 16:36:28 2157

原创前端性能优化——节流（throttle）

前端性能优化——节流（throttle）一、定义：一个函数执行一次后，在只有大于设定的执行周期后才执行第二次，假设有个需要频繁触发的函数，处于性能优化角度，在规定的时间内，只让函数的第一次生效，后面的不生效，大于设定时间后，再生效。二、使用场景：上拉加载，滚动条，等等三、代码：<!DOCTYPE html><html lang="en"><he...

2019-08-27 16:02:55 4308

原创前端性能优化——防抖（debounce）

前端性能优化——防抖（debounce）一、前端性能优化问题是写项目中要考虑的很重要的部分，下面小编为你介绍我们会经常用到的一种性能优化函数——防抖。定义：一个需要频繁触发的函数，在规定时间内只让最后一次生效，前面的不生效二、使用场景：在最近写项目时，遇到一个搜索框模块，搜索框要求根据内容实时搜索内容，下边是一个内容列表（由于是公司的项目就不放图片了），这样就需要监听键盘的keyup事件...

2019-08-27 15:17:39 2636

原创前端知识小节-解决浮动带来的元素塌陷问题

在编写代码的初期我们会发现子元素在浮动后父元素会因为没有元素支撑而高变为0，产生元素塌陷，这样就对后边的页面书写带来一些麻烦，例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&a

2019-03-14 12:29:21 286

原创前端知识小节-外边距合并问题

外边距合并问题是面试中考官常问的问题之一，也是前端必须要掌握的一部分知识，下边就让我来带大家认识一下吧！一·父子之间外边距合并当父元素或子元素与浏览器边框或其他的元素拥有一定外边距的时候，一般呈现外边距较大的一方的效果，例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...

2019-03-14 01:34:12 286

原创 js基础-数据类型

数据类型分类一、基本数据类型1.string 字符串var carname="Bill Gates";2.number 数字var x1=34.00; //使用小数点来写var x2=34; //不使用小数点来写3boolean 布尔true和false两种var x=true4.null 空5.undefined 未定义定义但未赋值，...

2019-01-01 01:17:05 134

原创前端知识小节--js中改变this指向的三种方式

在写代码完成项目的过程中我们经常会遇到需要改变this指向来实现功能的时候，以下三种方式是常用的改变this指向的方法：1.callcall中的参数有多个，如：aa.call(obj,num1,num2);obj是函数运行的作用域，num1,num2是要给函数传的参数；以下是call方法的测试：<!DOCTYPE html><html lang="en">...

2018-12-25 14:50:28 389

原创前端知识小结-CSS定位（position）的分类及用法

在复习的过程中总结了一些知识点，在以后会陆续分享给大家，有不对的地方也请大家指正！！！CSS定位分类及用法1.默认定位position:static在不写的情况下默认为默认定位2.绝对定位position:absoluted相对于最近的父元素定位，定位后空间释放3.相对定位position:relative 相对于自己定位，定位后空间不释放4.固定定位position...

2018-12-25 13:56:44 415

原创 Hadoop的安装总结

1硬件需求内存容量：4G以上硬盘容量：500G以上 CPU ：4核以上2 软件需求操作系统方案一：操作系统：Linux，建议ubuntu 16.04 方案二：操作系统：Windows64位，建议windows7 64位虚拟机：建议VMware Workstation Pro 其他软件： JAVA：jdk1.7以上，建议1.8版本 Eclipse ...

2018-12-24 19:26:04 1416

Mr.chen的博客