小蜜蜂的博客

并发请求

数值之间的转化

url地址输入

浅跟深克隆

简单实现通用的类型判断

手写call 原理

迭代器知识

Vue 3.0 Computed的实现

Vue3.0 源码Effect的实现

Vue的响应式原理

js的继承

数组常用方法

null 跟 undefined的区别

形参的变化

async 跟 defer

防抖 节流

Promise

深克隆

Vue的一些心得

// 数据结构const initData = [ { id: 1, parentId: 0, name: "1" }, { id: 2, parentId: 0, name: "2" }, { id: 3, parentId: 1, name: "3" }, { id: 4,

分片上传的时候,状态码请求是200的状态但是 出现了,failed to load response data,没有response的返回原因是,我分片的 每片大小太大了,分成了10M,所以出现了这个问题,const chunkSize = 1024 * 1024 * 10;当我换成5M 上传 就可以 获取到了,const chunkSize = 1024 * 1024 * 5;...

比如我们,想画一个完整的闭合的矩形,那我们就不能让线段进行重叠那线段重叠了,判断的方法呢 canvas.onmouseup = function (e) { e = e || window.event; //let gx = e.clientX - canvas.getBoundingClientRect().left; //let gy = e.clientY - canvas.getBoundingClientRect()

有时候 为了我们的数据更加的精确,所以我们会有一起需求,那就是我们画的矩形不能重叠,比如以下的样子但是 有的时候,别人就是要画成重叠的样子,那么 我们改如何的进行判断的呢 // 这个就可以 很方便的获取到矩形框鼠标点击的当前位置 //startx = e.clientX - canvasRect.getBoundingClientRect().left; //starty = e.clientY - canvasRect.getBoundingClientRect().t

getBoundingClientRect() 平时可能没注意到 这个方法,Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。// 这个样子来获取鼠标点击位置的值,太麻烦了 // x=(e.pageX-canvasRect.offsetLeft+canvasRect.parentElement.scrollLeft) ; // y=(e.pageY-canvasRect.offsetTop+canvasRect.parentElement.scr

js 获取私有ip地址的方法function getUserIP(onNewIP) { //firefox和chrome 的兼容性 var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; var pc...

一.首先我们在 html中写一个input然后把定义的名字 传入方法中,然后 就可以在方法里面,获取到input的事件了<input type="text" #aaa /><button (click)="setName(aaa)">我要改名</button> setName(aaa: HTMLInputElement) { //做一些操作...

<script> let c = "little boy"; c.slice(1); // "ittle boy" c.slice(1, 5) // "ittl" c.slice(3, 2) // "" c.slice(-3) // "boy" c.slice(-3, 1) // "" c.slice(1, -3) // "ittle " </script>

对于我前端开发人员来说,BOM的使用还是很常见的,BOM又被称为浏览器对象模型,BOM的核心对象是window,代表的是浏览器的一个实例,好了废话不多少了,我就说说我们常用到的一些例子吧.一. window 作为全局作用域let age = 666;say () {console.log(“say hello”);}console.log(window.age) // 666win...

首先,我们要知道什么是Promise呢,Promise就是把异步处理和处理规则进行规范化,简化了我们的程序,可以不想以前执行的时候层层的回调函数,让我们看起来很难受.// 例如以前 那我们不是要写5 到 6个回调函数 甚至更多,不用你说,你自己看着头晕, 别看看你的代码也会头晕 代码的维护性也很差let admin= function(params, callback){ store.g...

this的指向与区别

闭包

面向对象

好了,我们看过了一些简单的用法,关于原型链的,下面我来说一些它常用到的模式首先 我们来 看一下 in这个操作符,它有两个作用 单独使用和 for - in 使用,单独使用的作用是 in会给定对象的属性的返回值,无论是原型还是实例都返回truefunction CreateCat() {}CreateCat.prototype.name = "小白";CreateCat.prototyp...

我们现在来说一下,关于原型链的继承吧,这个相信大部分人都会用到,下面请看例子function Father () { this.fatherName = "爸爸";}Father.prototype.getFatherValue = function () { return this.fatherName;}function Sub() { this.subName = "儿子";...

loadsh这款插件用的人还是比较多的,好了话不多少,我遇到理解_.every的问题,下面开始吧_.every返回值 (boolean)返回 true，如果所有元素经 predicate 检查都为真值，否则返回 false。// 这个是里面进行遍历判断,是不是都为true, 因为null 的布尔值是false ,所以结果就是布尔值_.every([true, 1, null, 'yes'...

首先 我们要创建cli3.0以上的项目 要查看一下node 版本 和 vue版本然后 vue add @vue/cli 创建一个cli3.0的项目, 好了废话不多说了,直接开始吧然后再项目的root位置创建一个vue.config.js 这个文件会在打包时跟webpack去合并在里面我们来写一下 mock 后台的数据请求API// 安装方法 npm i body-parser --sa...

一.JSONP跨域请求首先我们要知道,jsonp跨域的原理是什么呢,我们的ajax请求会被浏览器给拦截下来，而就是浏览器对script,img,iframe 标签不受(同源策略)跨域的影响,所以我们可以在script中来编写请求我们远程服务器(http://remote.com)根目录有一个js文件,内容是alert("我是远程的js脚本");在本地服务器 我们就可以请求 用绝对地址来请...

一. class 种使用static的方法// 定义Point的类型interface Point { x: number, y: number}class Grid { //定义一个静态的对象类型 static init = { x: 0, y: 0 }; //我们在定义一个方法 area(point: Point) { // sta...

一.通过vscode打开项目,找到项目的当前路径使用命令 创建两个子组件ng g c heroesng g c brother创建成功之后可以看到在兄弟之间传值 我们要通过一个中间服务 来建立链接 通过命令ng g service communicate我们要新建一个Subject 主题,然后通过方法,this.subject.asObservable() 转化为一个 Obser...

ES6简单用法