我爱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 479

原创 webpack4快速入门教程

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

2021-06-07 22:40:27 326

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

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

2021-06-07 22:37:59 235

原创 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 173

原创 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 266

原创 webpack相关

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

2021-06-07 22:21:45 136

原创 git的常用指令

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

2020-12-21 20:03:09 175

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

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

2020-12-21 19:49:05 318

原创数组常用的方法

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

2020-12-03 17:08:47 255

H5_CSS_JS的博客