我爱O泡。-优快云博客

原创 echarts任意散点图

const echart = document.getElementById(‘echarts’)echarts.registerMap(‘宝安区’, {“type”: “FeatureCollection”,“features”: [{“type”: “Feature”,“properties”: {// “name”: “宝安区”},“geometry”: {“type”: “MultiPolygon”,“coordinates”: [[[[113.9738,22.655

2021-09-30 17:10:58 434

原创 webpack4快速入门教程

webpack快速入门教程1、了解Webpack相关什么是webpackWebpack是一个模块打包器(bundler)。在Webpack看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理它将根据模块的依赖关系进行静态分析，生成对应的静态资源五个核心概念Entry：入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。Output：output 属性告诉 webpack 在哪里输出它所创建的

2021-06-07 22:40:27 304

原创手写new insfanceof promise 节流防抖深拷贝快排

各种手写###手写new######new操作符做了什么事情：1.创建一个空对象将来会返回这个对象2.调用构造函数，并将构造函数的this指向新创建的对象newObj3.把原型对象的方法给新创建的newObj，把newObj的__proto__指向构造函数的显式原型4.判断构造函数的返回值，来决定new的返回值是（构造函数的返回值还是实例化对象）<script> //封装一个手写_new函数，当把构造函数传进去，就会模拟new 把它给实例化了 fu

2021-06-07 22:37:59 199

原创 vue源码之响应式的原理

vue的响应式原理vue的数据代理原理数据代理：将 data 数据代理 this 上，可以通过 this 直接访问将data中的数据赋值给变量data和this.data通过Object.keys方法遍历赋值后的data中的所有属性，提取到所有的属性名为一个数组遍历这个数组，取出属性名，对属性名调用数据代理 _proxy 方法数据代理方法：通过 Object.defineProperty 给 this （实列vm）添加属性名，值定义了 get 和 set 方法get 和 set 方法中都

2021-06-07 22:28:06 149

原创 vue & react & 小程序数据流对比

vue & react & 小程序数据流对比数据流Vue 单向双向数据绑定 v-model原理(input或change) 显示初始值 :value=“msg” 当用户修改input的值时,同时将用户输入的结果赋值给data @input="(event)=>{this.msg=event.target.value}"React 单向小程序单向 : 双向数据绑定->有->但是不好用获取数据Vue

2021-06-07 22:24:40 229

原创 webpack相关

总结 WebpackWebpack 基本概念1. entry 入口以某个文件为入口开始打包分类单入口 String只会输出一个文件多入口 Array / ObjectArray 只会输出一个文件Object 会输出多个文件 ==> 多页应用(MPA)2. output 输出打包后资源输出到哪里去输出的文件名叫什么3. loader 加载器webpack 本身只能识别 json、js 模块，其他模块一旦加载就会报错需要借助 loader 帮助

2021-06-07 22:21:45 107

原创 git的常用指令

git init:初始化一个仓库，就会在当前文件中生成一个 .git的文件夹，这个文件夹就是你的仓库内容不能在仓库中去新初始化一个仓库git addgit add filename:提交工作区某一个文件到暂存区git add ./*/-A：提交所有的工作区的改动到暂存区git commit -m ‘注释信息’：把暂存区的内存全部提交到版本区git status：查看工作区或暂存区是否存在未提交的内容红色：工作区有内容被修改绿色：暂存区有内容未提交到版本..

2020-12-21 20:03:09 154

原创 JS相关概念及服务器相关概念

#js相关概念#####new 的过程1.创建一个空对象将来会返回这个对象2.调用构造函数，并将构造函数的this指向新创建的对象o3.把原型对象的方法给新创建的o，把o的__proto__指向构造函数的显式原型4.判断构造函数的返回值，来决定new的返回值是（构造函数的返回值还是实例化对象）#####什么是闭包？闭包的优点？闭包的缺点？闭包就是函数嵌套函数，闭包就是内部嵌套的函数，闭包是一个包含内部函数引入外部函数变量的那个对象，闭包是函数内部和函数外部的连接的桥梁（间

2020-12-21 19:49:05 286

原创数组常用的方法

数组的一些方法##ES5push() 往数组的尾部添加一个或者多个元素，返回一个新数组会修改原数组pop() 删除数组尾部的最后一个元素，不接受参数，返回删除掉的元素（Nuber类型的数字）unshift() 在数组头部添加一个或者元素，最后返回添加后的数组长度length（Nuber类型的数字）shift() ：删除数组头部的第一个元素，后面的元素自动往前顶替，返回删除掉的元素（Nuber类型的数字）delete运算符能删除指定下标位置的元素,删除后的元素为空位元素,删除

2020-12-03 17:08:47 227

H5_CSS_JS的博客