call apply bind三者之间的区别及作用 call apply bind三者之间的区别及作用
前言说到 call apply bind 这三者那就老生常谈,因为这三者之间属于高频面试题,每一次面试中基本都会有面试官问call、apply、bind的区别以及实现原理 理解call、apply、bind三者都是用来调用函数并且改变函数内
2020-12-29
JS中的浅拷贝与深拷贝 JS中的浅拷贝与深拷贝
前言浅拷贝是拷贝一层,深层次的对象级别的就拷贝引用;深拷贝是拷贝多层,每一级别的数据都会拷贝出来;总结来看 :浅拷贝的时候如果数据是基本数据类型,那么就如同直接赋值那种,会拷贝其本身,如果除了基本数据类型之外还有一层对象,那么对于浅拷贝而言
2020-12-27
星空特效 星空特效
前言看到自己的电脑桌面是太空的界面,于是心血来潮,便有心次制作星空特效。每次刷新页面都会生成新的页面 案例展示 源码<!DOCTYPE html> <html> <head> &l
2020-12-20
小星星特效 小星星特效
前言这是使用原生 JS 实现的一款鼠标经过特效,实现效果如下图 案例展示 源码 <script> //鼠标经过小星星特效 (function fairyDustCursor() &#
2020-12-20
JavaScript中this指向问题 JavaScript中this指向问题
前言面向对象语言中 this 表示当前对象的一个引用,但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。 1. 全局作用域或者普通函数中 this 指向全局对象 window//直接打印 var a =
2020-12-19
React实现数据双向绑定 React实现数据双向绑定
前言双向数据绑定,带来双向数据流。数据(state)和视图(View)之间的双向绑定。说到底就是 (value 的单向绑定 + onChange 事件侦听)的一个语法糖特点: 无论数据改变,或是用户操作,都能带来互相的变动,自动更新。适用于
2020-12-13
JavaScript中数组的使用及方法 JavaScript中数组的使用及方法
前言什么是数组数组对象是使用单独的变量名来存储一系列的值。简单意思就是普通变量一次只能储存一个值,数组可以储存多个值如果你有一组数据(例如:车名字),存在单独变量如下所示: var car1="奔驰"; var car2
2020-12-13
响应式布局 响应式布局
前言响应式布局是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本,这个概念就是为解决移动互联网而诞生的 基本实现原理通过css中的media query(媒介查询)@media功能来判断终端宽度在多少像素内,从而执行对应的css样
2020-11-14
React redux的使用 React redux的使用
前言Redux 是 JavaScript 状态容器,提供可预测化得状态管理,可以跨组件、跨页面推送数据。应用场景如 : 购物车、会员登录等功能模块。Redux 由 Flux 演变而来存储流程:Redux 的基本思想是整个应用的 state
2020-11-08
React路由的基本使用 React路由的基本使用
前言使用React构建的单页面应用,要想实现页面间的跳转,首先想到的就是使用路由。在最新React中,使用的是react-router-dom 安装路由npm install --save-dev react-router-dom 路由的
2020-11-01
React中props与state的区别 React中props与state的区别
props主要是用于组件之间传递参数,获取组件的属性值。 组件之间数据单向流动 ,从父组件流向子组件。属性值是无法修改的,它是只读的。 stateReact组件的核心,是数据的来源,主要用于组件更新控制。如果想重新渲染或更新组件,只需要修改
2020-10-27
React入门基础 React入门基础
概念它是一个将数据渲染为 HTML 视图 的 js 库 原生 js 痛点用 dom 的 API 去操作 dom,繁琐且效率低用 js 直接操作 dom,浏览器会进行大量的回流和重绘原生 js 没有组件化的编程方案,代码复用性低,对样式和结构
2020-10-26
2 / 3