weixin_50166066-CSDN博客

原创教你如何使用canvas实现动态连线小球

先弄一个画布 <canvas id="myCanvas"></canvas>为了效果直观一点，我们设置了一点样式 * { margin: 0; padding: 0; } canvas { display:block; border: 1px solid red; margin: 5px auto; background-colo

2021-07-23 15:34:52 765

先弄一个画布 <canvas id="myCanvas" width="800" height="600"></canvas>为了效果直观一点，我们设置了一点样式canvas { border: 1px solid #000; background-color: #ccc; }然后重点就在js方面了 // 得到画布 var canvas = document.getElementById("myCan

2021-07-21 15:56:44 443 4

原创 Mixin

在修饰器的基础上可以实现Mixin模式。所谓Mixin模式，就是对象继承的一种替代方案，中文译为"混入"(min in),意为在一个对象中混入另外一个对象的方法。const Foo = { foo() { console.log('foo') }};class MyClass { }Object.assign(MyClass.prototype,Foo);let obj = new MyClass();obj.foo() //'fo...

2021-08-17 15:27:03 136

原创手写原生ajax

function ajax (options) { let method = options.method || 'GET', //不传参默认为ajax params = options.params, //GET请求携带的参数 data = options.data,// POST 请求携带的参数 url = options.url + (params ? '?' + Object.keys(params).map(key => ..

2021-08-16 15:58:33 82

原创你需要知道得几种排序方法

冒泡排序function bubbleSort(arr) { // 缓存数组长度 const len = arr.length; // 外层循环用于控制从头到尾得比较+交换到底有多少轮 for(let i = 0; i <len -1;i ++) { // 内存循环用于完成每一轮遍历过程中得重复比较 + 交换 for(let j = 0;j<len -1;j++) { // 若相邻元素前面得数比后面得大

2021-06-29 09:45:37 54

原创 JS中大数相加问题

在开发中经常遇见大数相加的问题，废话不多说，直接上代码教你解决大数相加存在精度丢失的问题！let a = "90023565656115"//这是模拟的大数alet b = "21656265689421568956"//这是模拟的大数bfunction add(a,b) { // 取2个数字得最大长度 let maxLength = Math.max(a.length,b.length) // 用0去补齐长度 a = a.padStart(maxLength,...

2021-06-21 15:40:16 275

原创面试被面试官问promise，如何回答比较完美?

Promise对象有以下两个特点。优点：（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。（2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled

2021-05-28 16:19:16 764

原创如何实现点击编辑按钮页面可编辑，点击查看按钮页面不可编辑（disabled）

当你做开发的时候难免会遇到这样一种情况，我如何做到在点击编辑按钮的时候页面跳转后我的页面是可以编辑的，但是我在点击查看按钮的时候，我的页面是不可以编辑的。通用的做法都是在首页跳转的方法里面传参带过去，通过参数的不同来判断是否可以修改。// 查看按钮操作handleView(row) { const varId = row ? row.markCode : this.ids[0]; //这里的markCode是唯一的且ids数组的第一项也是唯一的标识 this.$router.push.

2021-05-08 10:24:38 1158

原创面包屑组件封装

相关配置还需要自己手动调整```javascript<template> <el-breadcrumb class="app-breadcrumb" separator=">"> <transition-group name="breadcrumb"> <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path"> <span

2021-04-29 10:22:22 124

weixin_50166066的博客