Lukeyyyy-CSDN博客

原创多个多页PDF转base64图片并合为一张大图

直接粘代码了,和单页的逻辑差不多多页是先创建出同页数的canvas然后一个一个渲染,比较快异步运行单页是用的同一个canvas,比较慢同步运行当然单页的也可以使用多页的方法,两种方式,多页的比较复杂而已<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /&

2021-11-27 17:58:07 976

原创多个单页PDF转base64图片并合为一张大图

<!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, user-scalable=no, minimum-

2021-11-27 17:48:29 1056

原创前端实现 PDF多合一、原生js将多张PDF合成一张、vue-pdf多合一

拿走即用直接就可以用到记得项目中Vue-Pdf-MultiInOneHtml-Pdf-MultiInOne示例

2021-11-09 13:15:53 2537

原创 Vue使用 mixin实现简单获取字典的全局方法

获取字典核心代码获取字典使用字典核心代码1.在 components 目录中创建 Dict 文件夹2.在新创建的文件夹中创建 Dict.js 和 index.js 文件// Dict.jsimport Vue from 'vue'// 引入自己获取字典的接口import {getDicts } from '@/api/system/dict/data'export default class Dict { constructor(dict) { this.dict = d

2021-10-22 11:07:11 2089 5

原创字符串出现次数最多或最少的字符及出现次数,以对象的形式储存

var string = 'aaabsadbbda' function select(str) { var obj = {} for (let i = 0; i < str.length; i++) { if (obj[str[i]]) { obj[str[i]]++ } else { obj[str[i]] = 1 } } var newkey = Object.keys(obj).sort(functio.

2021-04-21 14:57:21 250

原创在Vue中 watch与computed有什么区别?

watch使用watch创建一个对象，键是需要观察的属性(表达式)，值是对应回调函数。主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作；他就是一个会通过属性的变化自己掉用的函数 <script> var vm = new Vue({ el: '#app', data: { aaa: '', }, methods: {}, watch: { // 使用watch，可以监视 data 中指定数据

2020-12-01 21:51:27 135

原创 Vue组件传值之子组件使用父组件的methods(方法)

父组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title></head><body> &l

2020-11-28 15:28:37 661 1

原创 Vue组件传值之子传父

原理：父组件将方法的引用，传递到子组件内部，子组件在内部调用父组件传递过来的方法，同时把要发送给父组件的数据，在调用方法的时候当作参数传递进去；父组件将方法的引用传递给子组件，其中，appchild是父组件中methods中定义的方法名称，func是子组件调用传递过来方法时候的方法名称<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta na.

2020-11-28 15:05:05 179 1

原创在Vue中自定义指令

1.自定义全局指令 // 自定义指令: v-focus， //功能: 为绑定的元素自动获取焦点： Vue.directive('focus', {//使用inserted钩子函数:被绑定的元素插入父节点时调用 inserted: function (el) { el.focus(); } });1.自定义局部指令 // 自定义指令: v-color， //功能: 为绑定的元素设置指定的字体颜色： directives: {

2020-11-27 21:36:56 158 1

原创在Vue中自定义键盘修饰符

1.通过Vue.config.keyCodes.名称 = 按键值来自定义案件修饰符的别名：Vue.config.keyCodes.f2 = 113;键盘上的F2对应的编码为113此时f2已经绑定了键盘上的F22.使用自定义的按键修饰符：<input type="text" @keyup.f2="add">当抬起F2按键时会触发add函数...

2020-11-27 21:17:48 204

原创 Vue过滤器之过滤时间 (时间过滤器)

目录概念一、私有过滤器1.html2.私有 `filters` 定义方式：二、全局过滤器定义全局过滤器概念Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示。一、私有过滤器在vue实例中通过filters配置项来配置 filters:{ 过滤器名称(){ 业务逻辑} }1.html<td>{{item.ctime

2020-11-27 20:59:43 4639

原创 Vue之修饰符

.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式.self 只当事件在该元素本身（比如不是子元素）触发时触发回调.once 事件只触发一次

2020-11-27 20:34:22 75

原创使用Vue制作跑马灯效果!

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./vue.min.js"></sc

2020-11-27 20:30:25 122

原创 Vue中常用的指令!

指令里 == 的意思是可以简写为指令指令格式用途v-textv-text=“属性名”可以渲染普通文本但不能解析 HTML 代码v-textv-html=“属性名”可以渲染普通文本和 HTML 代码v-on == @v-on:事件名=“表达式”绑定事件v-showv-show=“表达式”根据表达式的真假值，切换元素显示与隐藏,也就是display属性值v-ifv-if=“表达式”根据表达式的真假值，切换元素的创建和删除v-forv-

2020-11-27 20:25:06 146

原创什么是Vue.js

Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。（Vue有配套的第三方类库，可以整合起来做大型项目的开发）前端的主要工作？主要负责MVC中的V..

2020-11-27 19:44:47 80

原创 Vue组件传值之父传子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title></head><body> <di

2020-11-26 23:01:20 175

Luceyyy的博客