littleBeast____-CSDN博客

原创 gulp自动化构建工具

gulp自动化构建工具gulp的使用1.准备工作（1）安装node环境（2）使用全局安装gulp npm i gulp-cli -g（3）创建项目目录（4）进入工作目录，执行npm init -y初始化项目，会创建一个package.json的文件，这个文件存放项目的说明信息，也可手动修改（5）规划项目目录（6）在项目目录下安装gulp，使用命令 npm i gulp -D（7）创建一个gulpfile.js文件，文件名不可修改，否则运行时会找不到（8）管理路径。把所有的html、cs

2021-01-11 16:50:32 1927 7

原创 react总结

react总结一、三大部分state、prop、refpropsMyComponent.propTypes = { // 可以声明 prop 为指定的 JS 基本数据类型，默认情况，这些数据是可选的 optionalArray: React.PropTypes.array, optionalBool: React.PropTypes.bool, optionalFunc: React.PropTypes.func, optionalNumber: React.Pr

2021-07-27 09:34:30 333

原创使用canvas生成PDF，并含有水印

使用canvas生成PDF，并含有水印在项目中有一个功能是将获得的数据以PDF的方式展示，并且有水印生成水印这里使用自定义指令来实现操作生成watermark.js来设置这个自定义指令import Vue from 'vue'Vue.directive('watermark', (el, binding) => { function addWaterMarker(str, parentNode, font, textColor) { // 水印文字，父元素，字体，文字颜色 v

2021-02-26 16:44:17 1195

原创笔记

JS循环对象的方法const obj = { 　　　　 id:1, 　　　　 name:'zhangsan', 　　　　 age:18 }1.for…in，类似于for循环for(let key in obj){ console.log(key + '---' + obj[key]) }结果输出：id—1 name—zhangsan age—182.obect.keys(obj)console.log(Object.keys(o

2021-02-08 11:16:27 239

原创 vue显示PDF文件

vue显示PDF文件vue中有一个插件vue-pdf,可以使用这个插件来对PDF文件进行展示1.使用1.安装插件npm install --save vue-pdf2.引用在项目中PDF组件<div v-if="ifPage"> <pdf :page="pageNum" :src="src" @progress="loadedRatio = $event" @num-pages="pageTotalN

2021-02-05 15:45:18 1259

原创 vue项目中使用beforeRouterLeave来拦截路由遇到的闪动问题（vant框架）

vue项目中使用beforeRouterLeave来拦截路由遇到的闪动问题（vant框架）在做移动端是提出需求返回是确认是否确认返回，考虑到移动端可能会手滑动屏幕来退出，所以需要采用检测路由变化来让用户选择开始单纯的在路由守卫中使用组件判断，但是会出现第一次点击有效，后面点击出现页面闪动或者只改变url没有改变页面的问题，在网上搜索有两个解决方案，一个是使用history，另一个是采用定时器来解决，我就是采用了第二种方式代码如下beforeRouteLeave(to, from, next) {

2021-02-04 16:08:34 2392 5

原创 vuex中的mapState、mapGetters、mapMutations、mapActions

vuex中的mapState、mapGetters、mapMutations、mapActions1.statestate相当于vue中的data，通过state来存放状态vuex:import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //存放状态 name:'Bob', age:20 }, mutations: {},

2021-02-02 13:26:25 144

原创 vue登录页面之表单验证（element-ui）

vue登录页面之表单验证（element-ui）一、准备工作1.安装element-UI npm i element-ui -S 安装axios $ npm install axios2.按需引入npm install babel-plugin-component -D然后将babel修改为module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], "plugins": [ [ "c

2021-01-19 17:19:09 931

原创 ES6新增数据类型Set、Map

ES6新增数据类型Set、MapMap对象是用来保存键值对的，它和object非常的相似，那么他们之间存在着什么样的差异呢Map与object的区别object的键只能是字符串或者symbols，但是Map的键可以是任意值Map中的键值是有序的（FIFO原则），而对象中的键不是Map的键值对个数可以通过size属性来获取，而对象则需要通过手动计算对象有自己的原型链，原型链上的键名可能和自己对象想的键名产生冲突Map中的键keyvar myMap = new Map()//键var k

2021-01-19 11:40:57 192

原创 js数组、字符串相关练习题

js数组、字符串相关练习题1.查找相同元素var arr = [1,1,2,2,3] function duplicates(arr) { var arr1 = []; arr.forEach(function (ele) { if (arr.indexOf(ele) != arr.lastIndexOf(ele) && arr1.indexOf(ele) == -1){ arr1.push(ele);

2021-01-18 17:52:12 824 1

原创 js数组常见方法总结

js数组常见方法总结数组1、pop()、push()：出栈入栈，从数组尾部添加删除元素，会改变元素组2、shift()、unshift()：从数组开头删除元素，返回值为被删除的元素，会改变元素组3、join()：将数组中的每个元素用指定的分隔符连接，返回连接后的字符串4、toString()：将数组转换为字符串，也可以将Number进行进制转换。例如toString(2)转化为为二进制数5、concat():拼接多个数组，返回拼接好的数组，原数组不会发生改变，属于浅拷贝类型 var re

2021-01-12 22:17:54 84

原创 package.json与package-clock.json的区别

package.json与package-clock.json的区别package.json是构建项目时生成的配置文件，里面存放着该项目所需的配置信息，以及各种依赖，包括名称以及版本号；其中又分为开发依赖（dependencies）和运行依赖（devDependencies）；^是指在当前大版本后更新的其他更新版本{ "name": "managenmet", "version": "0.1.0", "private": true, "scripts": { "serve": "

2021-01-12 21:26:56 224 1

littleBeast____的博客