自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(88)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue2 实现 vue3 的teleport

vue2 实现 vue3 的teleport功能

2022-02-14 14:12:58 1593

原创 原型和原型链超细讲解 prototype __proto__

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-08-20 12:48:19 148 2

原创 几个好用的扩展程序,谷歌和火狐的

d:都有h:只有火狐有g:只有谷歌有1、集装箱 d2、Adblock Plus d✓ 拦截恼人的广告及弹出窗口✓ 拦截YouTube等网站的视频广告✓ 提高网页加载速度✓ 降低恶意广告感染风险✓ 阻止跟踪器跟随您的在线活动以保护您的隐私✓ 拦截社交媒体图标跟踪3、图片助手(ImageAssistant) d批量图片下载器一款用于嗅探、分析网页图片并提供批量下载等功能及在线收藏、检索、分享服务的浏览器扩展程序。4、新浪微博图床 d简单好用的新浪微博图床,支持选择/拖拽/粘贴上传

2020-12-11 11:24:48 1205

原创 最全!vue 组件通信的16种方式

1、props,父组件向子组件传参2、$emit、$on ,子组件向父组件传参3、v-model,可以通过vue2.6新增的model属性控制父组件绑定v-model的事件与值4、$parent、$children、父子组件相互调用的方法,但是如果写多会造成代码难以理解,比如子组件改变了父组件的值,但是开发人员在父组件里面,找不到和子组件有关联地方。5、$ref 写在div标签上,就相当于document.getElementById(’#div’),写在子组件上,就能获取这个子组件实例的引用,比如

2020-09-13 21:25:08 223

原创 font、background的缩写

font: "font-style font-variant font-weight font-size/line-height font-family"; background: 任意顺序

2022-10-09 15:55:05 189 1

原创 video.js 两种方式解绑双击事件

video.js 解绑双击事件

2022-08-11 13:29:10 780

原创 git设置大小写敏感和仓库文件共存问题

1、项目中设置git命令`git config core.ignorecase false`2、项目中删除同名文件或文件夹`git rm --cached src/icons/svg/sideBar/Teams.svg -r`3、提交

2022-07-18 11:29:41 680

原创 git pages部署静态页面,可以免费发布简历之类的静态网页。

用github pages托管静态页面。

2022-06-06 19:38:00 938

原创 用github actions自动执行任务

github actions 做自动任务

2022-06-06 19:23:02 1754

原创 git 常用命令

git config --list 看所有用户git log 看你commit的日志git clone xxxx   从服务器上将代码给拉下来git status 查看当前状态git add .git add [file name] 添加一个文件到gitgit commit -m xxx 提交git branch -a 查看所有的分支git branch -r 查看远程所有分支git branch 查看本地所有分支git branch -D dev&nbsp

2022-06-06 16:32:48 62

原创 用js实现big、endsWith、chatAt、split、indexOf、repeat、

用js实现原型方法系列之字符串系列1. bigString.prototype._big = function(){ let tempStr = this return '<big>' + tempStr + '</big>'}var str = 'big'document.write('<br>'+ str._big()) // 大号字体 b...

2022-06-06 16:31:48 187

原创 正则匹配括号里面的内容

/\/[^\/]+\//g

2022-06-06 16:30:13 92

原创 js 监听dom属性的变化,如id,class

tinymce中的颜色选择器,选择后只有下划线变了颜色,UI要求字体也变色。下划线和上面的字母都是svg中的path,没有change之类的事件可以监听。<editor @onInit="onEditorInit"></editor> init() { this.addAttrListener() }, /* 监听插件颜色属性变化时,将字母和下划线统一变色 */ addAttrListener() { const target = document.get

2022-03-08 18:33:10 3161

原创 常用最简正则

最简意味着限制较少6-18位密码正则/^\S{6,18}$/手机号正则/^1\d{10}$/4位数验证码正则/^\d{4}$/用户名无特殊符号,最少2位,最多32位正则/^((?!\\|\/|:|\*|?|&|\?|<|>|\||'|%).){2,32}$/

2021-11-22 12:02:57 151 1

原创 vscode setting.json

{ /* editor 配置针对所有文件类型 ESLint 是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具,检测的是语法,有标准和强校验之说 vetur 是针对vue文件中的html,js,cs的格式化使用习惯,vetur可以设置只针对html或js的格式化配置 prettier 可以针对vue,也可以针对js等文件的格式化配置 通常的配置是以上三者结合使用 prettier可以自己单独设置,也可以设置到

2021-10-29 18:10:55 243

原创 userStore() 返回 undefined

看看main.js中是不是忘了这两步,如果你是忘了的话,请给自己来几巴掌,要不然长不了记性,我就是。import store from './store'app.use(store)

2021-09-27 17:07:48 1724 5

原创 vue3 vite 怎么动态引用图片

1、把图片放到public文件夹下。2、使用vite的import.meta.glob或import.meta.globEager,两者的区别是前者懒加载资源,后者直接引入。 <img :src="getSrc('Contact_us')" alt=""> getSrc(name) { const path = `./../assets/images/about/${name}.png`; const modules = import.meta.glo

2021-07-23 20:19:17 5476 1

原创 vue在组件中创建组件,子组件无法引用图片解决方法。

直接引用图片就裂开了,我也裂开了。

2021-07-03 18:33:11 262

原创 js 代码是否需要加分号 ;

风格而已,无所谓的。我是不加的,因为懒,看下代码:const arr = [1, 2, 3].map(item => ({ age: item }) );// 按照需求,我在页面渲染了一个后端返回的列表。// 过了会儿,产品要求去掉年龄大于30的。// 我需要找到这行代码,删除分号,再写上filter,本来可以直接写的。只有代码后面,以括号(),方括号[],正则斜杠/,加号+,减号-开头的,才需要在当前代码末尾加分号。看下代码: var a = 1 var b = 2

2021-06-25 13:09:03 390

原创 vue3 怎么创建全局的响应式对象 创建简单的vuex

// main.jsimport { createApp, reactive } from 'vue'const app = createApp(App)app.config.globalProperties.$language = reactive({ val: storage.get('setting')?.language || 'zh' // 语言})// 组件中修改,页面也会更新,类似storethis.$language.val = 'en'// vuex 源码,

2021-05-28 17:55:42 659

转载 base64 与 blob 互转,记录一下

转载: https://www.cnblogs.com/jiujiaoyangkang/p/9396043.html// to blobfunction dataURLtoBlob(dataurl) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while

2021-05-07 18:28:25 177

原创 下载图片,记录一下

<template> <div> <div style="width: 500px;height: 500px;overflow: hidden;" > <h1>title</h1> <img id="imgBox" class="img" width="500px" src="@/assets/img/product.jpg" alt="" > &lt

2021-05-06 13:54:24 98

原创 自动注册components下的组件,类似uni-app的easycom

import Vue from 'vue';function capitalizeFirstLetter(string){ return string.charAt(0).toUpperCase() + string.slice(1);}const requireComponent = require.context( './components',true,/\.vue$/ //找到components文件夹下以.vue命名的文件)requireComponent.k

2021-05-06 13:53:47 373

原创 创建uuid

const uuid = () => { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); } s[14] = "4"; s[19] = hexDigits..

2021-05-06 13:52:13 247

转载 vue将页面转为pdf

转载:https://blog.csdn.net/pratise/article/details/79249943第一个.将页面html转换成图片npm install --save html2canvas 第二个.将图片生成pdfnpm install jspdf --save// 导出页面为PDF格式import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export default{ install (Vue.

2021-04-22 13:43:51 279

原创 快速创建固定长度数组的几个方法

1、const arr = Array(10).fill(10).map((item, index) => index)console.log("arr::: ", arr);arr::: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]2、const arr = [...(new Array(10)).keys()]console.log("arr::: ", arr);arr::: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

2021-02-20 13:29:16 1547

原创 《沉思马路》

临近年底了,最近公司比较忙。近两天代码有三个问题,费了好大好大劲才解决了两个,各种百度谷歌查阅,各种不好受。走在下班路上,突然想到我有没有可能是一个笨蛋。意识到这个后,世界都变得不一样了。红绿灯好像变成了黄色,明明叫红绿灯的,是它俩合体了吗?对面的情侣手拉手亲昵好烦人,疫情期间建议,远处大楼的霓虹灯比昨天暗了不少,近处的车灯好刺眼,怕是有2000W了,是劳斯莱斯吗?我站在马路上沉思。不一会儿,司机给出了答案:快走,傻b,别挡道。什么?傻b?哦。那倒不至于。比上不足,就试试降低满足感。还不足,再降低,总有

2021-01-24 14:36:06 124 1

原创 记录几个拖动事件的顺序

1、dragstart 拖动开始,只触发一次,鼠标变成禁止2、drag 拖动时连续触发3、dragenter 拖动进入目标元素时触发,阻止默认事件,可使鼠标变回move4、dragover 在目标元素内移动触发5、dragleave 离开目标元素触发6、dragend 拖动结束触发7、drog 拖动至目标元素触发排序即事件的触发顺序...

2021-01-17 18:15:36 404

原创 《兼职日记》

今天早上7点30的闹钟,每天总误以为自己会听闹钟的话,结果又晚了些出门。等543公交车的时候就是后悔,我哪怕能提前5分钟…还好等到了,也没有耽误报到。兼职如戏,尽不如意。没耽误也干不了了,回龙观竟然招满了,不需要兼职了。我的天!我岂不是白跑一趟,甚至于浪费一天。抓紧联系中介,没办法。不过说给个路费补助,一会儿记得要,不能不好意思,奔波所得。中介让去了1号线,一个小时的路程,中途不断产生放弃的想法,已经快10点半了,放弃就是半天白费,但还是想放弃。不过人家要我,社会需要我总不能拒绝。还是去了。路上有深

2021-01-17 18:14:48 441 8

原创 uni-app echarts与renderjs通信 renderjs无法获取echarts内部function的引用

公司用uni-app做的echarts,本以为直接从pc段代码复制过来就可以了,不出来是一个问题,出来了格式不对又是一个问题,毕生所学都学以致用了,我可真是个菜比。菜话不多说。这里是uni-app app端用echarts的官方教程,bug很多,咱也没办法,入了坑就只能用。如果是循环echarts的话,可以把官方示例封装成组件,在组件初始化dom,外部只需要传入option和id。遇到的难题如下:头疼的厉害,这几天看美剧良医,总感觉因为写代码长了个脑瘤。真难受,希望所有写代码的人都能够不急不慌,

2020-11-15 18:42:46 812 5

原创 几个简单的动画效果:旋转、抖动、偏移、放大缩小、显示按钮、缩放、扫描框、开门关门

1、旋转

2020-10-18 20:26:41 933 5

原创 vue vscode 比较好看的eslint风格检测,和保存自动格式化

1、cnpm i eslint eslint-plugin-vue2、vscode中下载安装ESLint插件2、在src同级目录下创建.eslintrc.js文件3、复制以下代码module.exports = { "root": true, "env": { "node": true, "browser": true }, "extends": [ "plugin:vue/vue3-essential", "eslint:recommended"

2020-10-15 14:38:08 320

原创 简单描述js三大特性继承、封装和多态

1、继承很简单,有es5的prototype继承,和es6类的extends继承2、封装就是封装数据和功能,每个封装只对自己负责,不需要关心其他的操作,通过暴露接口提供用户使用,如jquery,lodash等。3、多态类似java的多态,父类可以被继承,子类可以覆盖父类的方法。多态有变量/值多态(js变量的值可以在在声明后任意转换值的类型),参数多态(对象和数组中可以存在任意类型的值),和子类型多态(子类继承,且可覆盖父类的方法)。...

2020-10-15 14:25:49 313

原创 《 两个人的江湖 》

齐奇,剑客排行榜第三,江湖人称三哥。江湖上没有大哥二哥,因为齐奇排名第三,没人敢称第一,那第二呢?因为齐奇排名第三,没人敢称第二。齐奇非常厉害,他每次杀人都要炫技,把刀扔到空中,双手比个心然后再把刀接住。对方往往还在恶心刚才的那个比心,他就已经把人杀了。让人防不胜防。齐奇独创比心刀法,举世无敌。江湖人称心法敌,可怕至极。齐奇刀法之高令人叹为观止,面对别人的夸奖他总会说,我只是把别人喝咖啡的时间用来杀喝咖啡的人而已。一夜之间所有人都有了疑问:“什么是咖啡?”齐奇的刀法天下第一。但是,为..

2020-07-11 21:59:11 623

原创 VScode 的 console 快捷方式 console.log()简写

平时打一个console.log()需要半天,如果console打错了又是需要半天找错,webpack构建的小项目还好,万一是大项目或者gulp,又是半天的漫长等待,简直是浪费生命。{ "redConsole": { "prefix": "lr", "body": [ "console.log(`%c \"$1::: \"${$1}`,'color: red;')" ], "description": "red console.log" }, "console.log":.

2020-07-02 09:45:03 3230 1

原创 vue项目中引用阿里iconfont图标

1、打开阿里巴巴图标库并登录2、挑选合适的图表加入购物车3、点击右上角购物车,添加至项目4、点1、点2、再点35、在vue项目中的index.html中写一个link标签,href为刚刚的第三步操作6

2020-06-28 11:18:44 291

原创 数组内对象去重的三种方法

超简单去重,学会直达人生巅峰。

2020-06-10 13:50:29 333

原创 vue中的无用选项 delimiters以及什么是构建版本

<div id="app"> (b) // vue是用 {{}} ,进行模板字符串渲染的,官网说可以改变这个渲染的方式</div>new Vue({ el: '#app', delimiters: ['(', ')'], // 只要加上这个就可以了,两个值分别是左右的渲染括号 data() { return { b: '123' } }, created() { }})这是官网对于构建版本的描述,因为运行时版本相比完整版体积要小大约 30%

2020-05-15 10:55:56 499

原创 王疯子

疯子在左,天才在右。王疯子也是这样认为的,他说他就是天右。说着便开始 “一人我饮酒醉…”,我们听不懂他说的是什么垃圾,但从他的话里了解他好像被“双规”了。王疯子人不错,他看见人就说:你好,来家里坐坐啊,别客气,你跟我客气你妈*呢!他看见我更是热情,因为他说,也就和我能说的上话。我也很高兴,和他说话都用极尽温柔的语气,且低沉有磁性的声音,生怕对不起这份热情:草泥马再拉我老子打死你。王疯子也不恼,天天傻呵呵的笑,见了谁都打招呼,也不管别人理不理他。人生就是这样,今天你对我爱搭不理,明天我就习惯了。

2020-05-10 15:58:31 260

原创 js 移位运算符《《、》》和》》》

这三个运算符,都是用于将十进制数字,转换为二进制并通过二进制移位计算后,再转为十进制返回结果。既然要转二进制,我们就要学习下怎么将十进制与二进制如何互转了。这里是我另一篇博客这是用到js的方法,但是有时候我们是在面试的时候遇到这种题,那还是要靠自己手算来获取答案。二进制转十进制比较简单,就是把二进制数字中不为0的数字的权值相加,下面是一段二进制数字。1100 // 二进制// 1、...

2020-05-09 10:14:45 498

AEcharts.vue

AEcharts.vue

2021-03-18

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除