jinboliu000-CSDN博客

原创 Vue3 和 React 的区别

虚拟DOM是一个轻量级的JavaScript对象，它描述了UI界面的状态和结构，当数据发生变化时，框架会通过比较前后两个虚拟DOM树的差异来进行页面更新。它们都采用了组件化的开发模式，使得开发者可以将复杂的应用拆分为多个小组件进行开发，从而提高了代码的可维护性和重用性。同时，尽管两者存在一些不同之处，但它们都采用了组件化思想，这为开发者提供了更好的代码组织方式和可维护性。Vue3和React都采用了组件化开发的方式，使得代码具有更好的可维护性和重用性。

2024-04-26 16:19:57 798

原创 Vue开发必须知道的36个技巧

Vue开发必须知道的36个技巧

2023-07-20 17:46:09 94

原创 grid布局

grid 布局

2023-07-11 10:32:49 67

原创富文本插件

wangeditor。

2023-06-08 12:10:56 83

原创 JavaScript中数组遍历方式与中止

不能使用 continue break return 可以跳过本次循环 (类似于 continue)不能使用 continue break return 可以跳过本次循环 (类似于 continue)不能使用 continue break return 可以跳过本次循环 (类似于 continue)// 同理, return true 相当于执行到这里就直接跳过本次的循环。// return false 相当于执行到这里就直接跳过本次的循环。可以使用 continue break 不能使用 return。

2023-05-10 12:26:34 1390

原创跨域插件 Egg Cors

跨域插件 Egg Cors

2022-08-15 14:58:53 398

原创 debounce和throttle

搞懂debounce(防抖)和throttle(节流)

2022-08-10 17:48:00 980

原创导出PDF

// 导出页面为PDF格式import html2Canvas from ‘html2canvas’import JsPDF from ‘jspdf’export default {install(Vue, options) {Vue.prototype.getPdf = function (el, cb) {let title = this.htmlTitle;let ele = document.querySelector(el);html2Canvas(ele, {allowTain

2021-11-18 16:14:46 82

原创导出html

let a = document.createElement(“a”);let url = window.URL.createObjectURL(new Blob([document.getElementById(‘pdfDom’).innerHTML], {type: ‘’}));a.href = url;a.download = “file.html”;a.click();window.URL.revokeObjectURL(url);

2021-11-18 16:14:10 305

原创 Promise 与 Async/Await

参考：https://segmentfault.com/a/1190000016788484/

2021-07-29 11:09:48 54

原创 Set与Map的区别

Set 对象类似于数组，且成员的值都是唯一的。// 数组快速去重const arr = [1, 2, 3, 4, 5, 5, 4, 3, 2, 1];console.log([...new Set(arr)]); //[1, 2, 3, 4, 5]Map 对象是键值对集合，类似于 JSON 对象，但是 key 不仅可以是字符串还可以是对象var map = new Map();var obj = { name: 'ZS', age: 20 };map.set(obj, 'LS');map

2021-07-23 13:50:31 79

原创 call、apply、bind三者的用法和区别

转载：https://blog.csdn.net/hexinyu_1022/article/details/82795517

2021-07-23 09:19:40 80

原创 JS继承-组合继承

通过调用父类构造，继承父类的属性并保留传参的优点，然后通过将父类实例作为子类原型，实现函数复用// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉！'); }}// 原型方法Animal.prototype.eat = function(food) { c

2021-07-19 19:21:42 399

原创函数上下文，this指向

1.对象.函数() //this指向调用的对象2.函数() //this指向window3.数组[下标]() //this指向调用的数组4.立即可执行函数，上下文是window对象(function(){})() //this指向window5.定时，延时调用函数，上下文是window对象定时：setInterval(函数,时间)延时：setTimeout(函数,时间)var a = 1;var obj = { a:2, fn: function(){ console.lo

2021-07-14 17:14:00 122

原创 chrome 插件初级开发--更改网站icon及title

一，文件一，main.jslet icon = 'https://www.baidu.com/favicon.ico';document.title="吧";let logo = document.images;for (let i=0;i<logo.length;i++){ if (logo[i].src.indexOf('logo.png') > -1) { logo[i].style.display = 'none'; }}const changeFavic

2021-06-04 15:07:32 935 1

原创 find()，findIndex()，indexOf()的用法与区别

1，find()方法返回数组中第一个满足条件的元素,找不到返回undefined 该方法ES6新增。语法： arr.find(callback)callback函数有三个参数。item：每一次迭代查找的数组元素。index：每一次迭代查找的数组元素索引。arr：被查找的数组。var testArr1 = [20,12,362,26,965,22,26,35];var findItem1 = testArr1.find(function(item,index,arr){return item&g

2021-05-06 16:46:24 593

原创 vue响应式详解

vue响应式详解参考：https://juejin.im/post/6850418111985352711

2020-08-25 15:52:29 103

原创深入浅出Object.defineProperty()

参考：https://www.jianshu.com/p/8fe1382ba135

2020-08-25 15:48:26 118

原创微信小程序canvas生成头像图片空白问题

官方关于 wx.canvasToTempFilePath 的说明：把当前画布指定区域的内容导出生成指定大小的图片。在 draw() 回调里调用该方法才能保证图片导出成功。https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.canvasToTempFilePath.html ctx.draw(false, ()=>{ wx.showLoading({ title: '图片

2020-08-13 11:10:49 1034

原创 Provisional headers are shown axios 超时处理

自从使用Vue2之后，就使用官方推荐的axios的插件来调用API，在使用过程中，如果服务器或者网络不稳定掉包了, 你们该如何处理呢? 下面我给你们分享一下我的经历。具体原因最近公司在做一个项目, 服务端数据接口用的是java输出的API, 有时候在调用的过程中会失败, 在谷歌浏览器里边显示Provisional headers are shown。按照搜索引擎给出来的解决方案，解决不了我的问题.最近在研究AOP这个开发编程的概念，axios开发说明里边提到的栏截器(axios.Intercepto

2020-07-06 17:34:09 792

jiekou123456的博客