乐YB-CSDN博客

原创 vue文件流转换成pdf预览(pdf.js+iframe)&&使用vue-pdf实现pdf预览

需求：后端返回文件流前端将文件流转为成blob地址预览pdf文件两种方式：1，PDFJS: https://mozilla.github.io/pdf.js/ 支持获取文件流到客户端，生成blob地址预览2，Vue-pdf: https://github.com/FranckFreiburger/vue-pdf 会出现空白页( 推荐使用iframe方法 )一，官网(https://mozilla.github.io/pdf.js/getting_started/#download)下载PDFJS

2021-06-04 17:11:10 1728 1

原创 Vue3教程

安装更新vue-cli到最新版npm update -g @vue/cli创建vue3项目vue create vue3初始化项目目录：语法创建实例 main.jsimport { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'createApp(App).use(store).use(router).m

2021-03-02 19:13:16 520

原创 async,await

语法定义asyncasync 是“异步”的简写， async 用于申明一个异步的 functionawaitawait 可以认为是 async wait 的简写，await 用于等待一个异步方法执行完成。特点：asayc的用法，它作为一个关键字放到函数前面，这样普通函数就变为了异步函数异步async函数调用，跟普通函数的使用方式一样异步async函数返回一个promise对象async函数配合await关键字使用(阻塞代码往下执行)是异步方法，但是阻塞式的async

2021-03-02 18:52:44 62

原创 vue3.0 rem适配

1.安装两个插件npm i postcss-pxtorem -Snpm i amfe-flexible -S2.根据vue3提供的新配置方法，在vue-config.js中对CSS做配置：const autoprefixer = require('autoprefixer');const pxtorem = require('postcss-pxtorem');module.exports = { css:{ sourceMap:false, loaderOpt

2021-03-02 10:06:43 1584 1

原创 Promise

名词约定一般来讲，有以下的名词约定：promise（首字母小写）对象指的是“Promise实例对象”Promise首字母大写且单数形式，表示“Promise构造函数”Promises首字母大写且复数形式，用于指代“Promises规范”什么是Promise？Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，promise 是一个对象，从它可以获取异步操作的的最终状态（成功或失败）。Promise是一个构造函数，对外提供统一的 A

2021-01-19 17:15:53 58

原创 class与继承

原型与原型链1. prototype每个函数都有一个prototype属性，被称为显示原型2._ proto _每个实例对象都会有_ proto _属性,其被称为隐式原型每一个实例对象的隐式原型_ proto _属性指向自身构造函数的显式原型prototype3. constructor每个prototype原型都有一个constructor属性，指向它关联的构造函数。4. 原型链获取对象属性时，如果对象本身没有这个属性，那就会去他的原型__proto__上去找，如果还查不到，就去找原

2021-01-19 17:14:03 71

原创 js中操作DOM元素

一、什么是DOM？DOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。DOM就是由节点组成的。二、 DOM树DOM树又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。文档：一个页面就是一个文档，DOM中使用document表示节点：网页中的所有内容，在文档树中都是节点（标签、属性、文本、注释等），使用node表示标签节点：网页中的所有标签，通常称为

2021-01-19 17:08:51 265

原创 vue项目打包优化

打包优化目的1、项目启动速度，和性能2、必要的清理数据3、减少打包后的体积一、去除.map文件在根目录新建vue.config.js文件module.exports = { //去除生产环境的productionSourceMap productionSourceMap: false,}二、开启CDN加速下载插件// 是否为生产环境const isProduction = process.env.NODE_ENV !== 'development';// 本地环境是否

2021-01-09 21:18:15 647

原创 vue双向数据绑定原理

vue双向数据绑定vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。Object.defineProperty()语法：Object.defineProperty(obj, prop, descriptor)参数：obj：必需。目标对象；prop：必需。需定义或修改的属性的名字；descriptor：必需。目标属性所拥有的特

2021-01-08 18:31:52 34

原创原型与原型链

1.class类2.继承class继承extends实现继承super执行父类的构造函数类型判断原型原型关系1. prototype每个函数都有一个prototype属性，被称为显示原型2. _proto _每个实例对象都会有_ proto _属性,其被称为隐式原型每一个实例对象的隐式原型_ proto _属性指向自身构造函数的显式原型prototype3. constructor每个prototype原型都有一个constructor属性，指向它关联的构造函数。4

2020-12-27 20:53:16 79

原创变量类型和计算

变量类型基本数据类型（值类型) Number、String、Boolean、Undefined、Symbol（es6新增独一无二的值）引用数据类型 Object，Array，Null(特殊引用类型，指针指向空地址)，函数（特殊引用类型，但不用于存储数据）引用数据类型值类型与引用数据类型的去别值类型值类型的变量会保存在栈内存中保存与复制的是值本身使用typeof检测数据的类型基本类型数据是值类型引用数据类型引用类型的变量名会保存在栈内存中保存与复制的是指向对象的一个指针使用in

2020-12-27 19:43:50 135

原创微信小程序

注册微信小程序点击微信公众平台进入首页，点击立即注册按钮进行注册。注册的账号类型有订阅号、服务号、小程序以及企业微信，我们选择 “小程序” 。接着填写账号信息，需要注意的是，填写的邮箱必须是未被微信公众平台注册、未被个人微信号绑定的邮箱，而且每个邮箱仅能申请一个小程序。激活邮箱之后，选择主体类型为 “个人类型”，并按要求登记主体信息。主体信息提交后不可修改，该主体将成为你使用微信公众平台各项服务和功能的唯一法律主体与缔约主体，在后续开通其他业务功能时不得变更或修改。一切 OK 就可以直接进入小程

2020-12-17 20:30:34 147

原创 Git

Git什么是GitGit是一个版本管理控制系统（缩写VCS），他可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在时间点，将更新记录恢复回来。Git基本工作流程工作流程：工作目录-暂存区-Git仓库Git的使用1.Git使用前的配置1.配置提交人姓名：git config --global user.name 提交人姓名2.配置提交人姓名：git config --global user.email 提交人邮箱3.查看git配置信息：git config --list （分别查看

2020-12-15 20:19:16 48

原创箭头函数与普通函数的区别

箭头函数与普通函数的区别一、箭头函数是匿名函数，不能作为构造函数，不能使用new//箭头函数let fun =() => { console.log('箭头函数')}//普通函数function fun(){ console.log('普通函数')}二、箭头函数内没有arguments,可以使用扩展运算符...解决function fn(a){ console.log(arguments)}fn(1,2,3,4);//Arguments(4) [1, 2, 3,

2020-12-15 20:06:22 148

原创项目开发前

一、安装node.js下载地址二、安装vue-cli输入npm install –g @vue/cli安装vue3.x版本然后输入vue –V能看到版本号说明vue-cli安装成功三、搭建脚手架输入 vue create 项目名

2020-12-15 19:25:52 53

原创 ES6

ES6一、var、let、const的区别1.是否存在变量提升？var 声明的变量存在变量提升（将变量提升到当前作用域的顶部）。即变量可以在声明之前调用，值为undifinelet和const不存在变量提升。即他们所声明的变量一定要在声明后使用，否则会报错console.log(f) //undefinedvar f = 1 ;console.log(g) // 报错 let不可以变量提升let g = 2;console.log(h) // 报错 const不可以变量提升con

2020-11-23 19:08:56 101

原创 git&gitHub

一、人为维护文档版本的问题1.文档数量多且命名不清晰导致文档版本混乱2.多次编辑文档需要复制，不方便3.多人同时编辑同一个文档，容易产生覆盖二、Git是什么？Git是一个版本管理控制系统（缩写VCS），他可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在时间点，将更新记录恢复回来。三、Git基本工作流程工作流程：工作目录-暂存区-Git仓库工作目录：被Git管理的项目目录暂存区：临时存放被修改文件 git 仓库：用于存放提交记录四、Git的使用1.Git

2020-11-20 23:32:19 62

乐YB的博客