- 博客(27)
- 收藏
- 关注
RSS订阅原创 npm镜像源
淘宝源：由淘宝团队提供的镜像源，地址是https://registry.npm.taobao.org/，是国内服务器，因此速度较快。官方源：npm官方提供的默认源，地址是https://registry.npmjs.org/，但由于位于国外，速度较慢。cnpm源：另一个由淘宝团队提供的镜像源，地址是http://r.cnpmjs.org/，同样是国内服务器，速度较快。阿里源：由阿里巴巴提供的镜像源，地址是https://npm.aliyun.com/，同样是国内服务器，速度较快。
2024-06-26 11:25:38
2310
原创 Vue3 和 React 的区别
虚拟DOM是一个轻量级的JavaScript对象，它描述了UI界面的状态和结构，当数据发生变化时，框架会通过比较前后两个虚拟DOM树的差异来进行页面更新。它们都采用了组件化的开发模式，使得开发者可以将复杂的应用拆分为多个小组件进行开发，从而提高了代码的可维护性和重用性。同时，尽管两者存在一些不同之处，但它们都采用了组件化思想，这为开发者提供了更好的代码组织方式和可维护性。Vue3和React都采用了组件化开发的方式，使得代码具有更好的可维护性和重用性。
2024-04-26 16:19:57
1418
原创 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
1663
原创 导出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
139
原创 导出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
451
原创 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
112
原创 call、apply、bind三者的用法和区别
转载：https://blog.youkuaiyun.com/hexinyu_1022/article/details/82795517
2021-07-23 09:19:40
119
原创 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
466
原创 函数上下文，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
167
原创 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
1217
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
663
原创 微信小程序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
1162
原创 Provisional headers are shown axios 超时处理
自从使用Vue2之后，就使用官方推荐的axios的插件来调用API，在使用过程中，如果服务器或者网络不稳定掉包了, 你们该如何处理呢? 下面我给你们分享一下我的经历。具体原因最近公司在做一个项目, 服务端数据接口用的是java输出的API, 有时候在调用的过程中会失败, 在谷歌浏览器里边显示Provisional headers are shown。按照搜索引擎给出来的解决方案，解决不了我的问题.最近在研究AOP这个开发编程的概念，axios开发说明里边提到的栏截器(axios.Intercepto
2020-07-06 17:34:09
852
原创 解决IE中promise未定义问题
1、npm install --save-dev babel-polyfill2、在main.js中引入： import “babel-polyfill”
2020-06-24 17:50:56
1031
原创 Promise
function cutUp(){console.log(‘开始aaa’);return new Promise((resolve, reject) => {setTimeout(() => {console.log(‘aaa完毕！’);resolve(‘获取的aaa的值’);}, 2000);});}function boil(){console.log(‘开始b...
2020-05-08 10:35:28
344
原创 vue axios 异步改同步请求
export function get(){var result ={};axios.get(’/api/productList’).then((res)=>{result =res;})return result;}async await让异步变成了同步export async function get(){var result =await axios.get(’/a...
2020-04-21 15:44:49
5587
1
原创 vue 常用安装指令
vue @2.0初始化项目vue init webpack ‘project name’element-uinpm i element-ui -Saxiosnpm install axiosvuexnpm install vuex --saveV - Distpicker 是一个简单易用的地区选择器npm install v-distpicker --saveimport VD...
2020-04-17 11:18:38
397
转载 vue部署中样式引用其它文件路径错误问题
转载原文链接：https://blog.youkuaiyun.com/txl910514/article/details/97935839在我的项目中遇到的情形是：打包后，css里加载的font文件路径变成了：/static/css/static/fonts/element-icons.535877f.woff，而期望的应该是/static/fonts/element-icons.535877f.wof...
2019-09-24 12:16:44
907
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人