自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 使用 webapck 搭建 React 基础开发环境

项目结构基础配置webpack.config.jsconst path = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { mode: 'development', devtool: 'none', entry: './src/index.js', output: { filename: 'main.js', path: path.

2021-07-03 23:53:56 110 2

原创 Vue.js 响应式原理

文章目录Vue 数据响应式原理`Object.defineProperty()`数据响应式原理 `Proxy`相关设计模式观察者模式发布-订阅模式Vue 响应式原理模拟Vue 数据响应式原理vue 中的三个 核心概念:数据驱动数据响应式双向数据绑定Vue 2.x 版本与 Vue 3.x 版本的响应式实现有所不同Vue 2.x 响应式基于 ES5 的 Object.defineProperty 实现Vue 3.x 响应式基于 ES6 的 Proxy 实现Object.defineP

2021-07-03 22:37:29 404

原创 JavaScript 实现一个深浅拷贝

JavaScript 实现一个深浅拷贝文章目录JavaScript 实现一个深浅拷贝初步理解 浅拷贝的定义:object.assign初步理解 浅拷贝的定义:自己创建一个新的对象,来接受你要重新复制或引用的对象值。如果对象属性是基本的数据类型,复制的就是基本类型的值给新对象;但如果属性是引用数据类型,复制的就是内存中的地址,如果其中一个对象改变了这个内存中的地址,肯定会影响到另一个对象var obj1 = { x: 100, y: 200 }var obj2 = obj1conso

2021-06-21 02:37:27 273

原创 JavaScript 中的数据类型、检测方法、转换方法

JavaScript 中的数据类型、检测方法、转换方法文章目录JavaScript 中的数据类型、检测方法、转换方法JavaScript 的数据类型数据类型检测typeofinstanceofObject.prototype.toString数据类型转换强制类型转换隐式类型转换JavaScript 的数据类型基本类型(值类型,原始类型,简单类型):基础类型存储在 栈内存,被引用或拷贝时,会创建一个完全相等的变量undefined , null , Boolean, String, Numb

2021-06-21 01:01:24 138

原创 vue 中内置组件(slot, 动态组件 , keep-alive, transition)的使用

主要介绍 vue.js 中的内置组件的使用,包括: 组件插槽,动态组件以及 transition 过渡组件的概念和使用方式

2021-06-17 11:12:44 314

原创 vue-组件(自定义组件相关内容)

主要介绍 Vue.js 中的组件基本使用,自定义组件应注意事项,组件之间的通信, 以及 pros 相关的特性。

2021-06-16 21:46:50 107

原创 JavaScript 中的面向对象概述

JavaScript 中的面向对象概述文章目录JavaScript 中的面向对象概述对象和面向对象的概念JS 中创建对象的几种方式构造函数静态成员和实例成员构造函数的问题更好的解决方法 prototype原型链实例对象读写原型对象成员更简单的原型语法原型对象使用建议对象之间的继承原型继承构造函数的属性的继承构造函数(父类)的方法的继承借助构造函数继承属性对象和面向对象的概念什么是对象:Everything is object (万物皆对象)。从两次层次来理解: (1) 对象是单个事物的抽象。

2021-06-06 18:28:27 131

原创 JavaScript 中 DOM 和 BOM 基础

JavaScript 中 DOM 和 BOM 基础文章目录JavaScript 中 DOM 和 BOM 基础DOMDOM 概念获取页面元素的方法元素的属性非表单元素的属性表单元素属性自定义属性操作style 样式属性操作节点类操作创建节点添加节点、替换、插入、删除节点克隆节点节点判断方法事件事件监听移除事件事件流事件委托事件对象取消默认行为和阻止事件传播的方式元素尺寸和位置偏移量属性客户端大小滚动偏移属性BOMBOM 概念和 window 对象对话框onload 加载事件延时器函数节流操作定时器简单运动l

2021-06-03 22:49:42 229 2

原创 JavaScript 基础 - 函数、对象、数组、字符串

JavaScript 基础 - 函数、对象、数组、字符串文章目录JavaScript 基础 - 函数、对象、数组、字符串JS 中的函数(Function)函数的概念函数的声明和调用函数的参数(形参和实参)函数的返回值函数表达式函数的数据类型arguments 对象函数递归作用域参数和函数的作用域与解析和变量提升自调用函数(IIFE)JS 对象基础 (Object)对象的创建方式遍历对象方法简单数据类型和复杂数据类型JS 中的数组 (Array)JS 中的字符串 (String)JS 中的函数(Fun

2021-06-01 16:38:34 255

原创 JavaScript-基础语法

JavaScript-基础语法文章目录JavaScript-基础语法JavaScript 概述及基本构成JavaScript 中的数据类型及检测方式JavaScript 中的数据类型数据类型分类typeof 运算符检查数据类型数据类型转换JavaScript 中的操作符算术运算符比较运算符逻辑运算符赋值运算符一元运算符运算优先级JavaScript 流程控制语句表达式、语句if 语句三元表达式switch 语句for 循环do while 循环while 循环break 语句continue 语句Jav

2021-05-31 02:40:54 342

原创 web 移动端开发基础

web 移动端开发基础文章目录web 移动端开发基础了解视口相关内容meta 视口标签掌握二倍图用法物理像素 & 物理像素比多倍图二倍精灵图做法了解移动端常见选择方案掌握移动端常见问题解决方案移动端常见的布局方式流式布局(百分比布局)flex 布局rem 布局了解视口相关内容视口 viewport - 浏览器显示页面内容的屏幕区域。视口可以分为 布局视口,视觉视口,理想视口layout viewport (布局视口)一般移动设备的浏览器默认设置一个布局视口,用于解决早起 PC 页面

2021-05-29 02:19:46 250

空空如也

空空如也

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

TA关注的人

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