- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 tinymce/tinymce-vue富文本编辑器同域名上传文件丢失域名
tinymce/tinymce-vue插件默认的保存的是相对路径，使用绝对路径的话需要添加一个属性，这样就不会丢失域名了，保留当前路径。
2023-06-25 09:31:51
413
原创 v-for渲染数据丢失
为提升性能，v-for在更新已渲染过的列表时，会采用 " 就地复用 " 的策略，但这个策略会在某时造成数据混乱，如：在列表前面新增内容或删除时(若在列表最后新增，则无影响)一般都是使用元素的index值，但是这样有时候会导致渲染丢失数据，最好使用元素的id，这样基本不会出现问题。我们一般使用key值来解决，这样每一个都是独一无二的；
2023-04-25 16:42:40
346
原创 导出文件失败结果判断
在导出文件的时候，responseType为blob的请求，请求成功返回二进制流，那么返回失败，如何获取错误信息来提示错误信息。下面的是经测可用的，用返回的type来做判断，来区分是返回的二进制流还是json串。....then(res => { let reader = new FileReader() reader.readAsText(res) reader.onload = () => { if (
2022-04-07 19:33:23
387
原创 近段时间面试总结
最近的面试题总结数组的去重、map和foreach的区别、indexOf和include的区别、map有几个参数，分别是什么，有什么作用盒模型使元素水平垂直居中（包括已知宽高和未知宽高两种情况）（3遍）怪异盒子rem、百分比、自适应的区别继承、多态和封装的区别created和mounted的区别事件冒泡css预处理器和后处理器、ES6中有几种声明变量的方式js的基础数据类型有哪些，symbol有用过吗（3遍）const和let，var的区别（2遍）const声明的对象可以修改
2021-11-16 22:52:49
228
原创 跳转到子路由，父路由重新加载了，弹框无法展示
需求：父路由/asd/1，子路由/asd/1/11（name：qwe）当点击按钮时对话框展示并跳转路由父路由页面：子路由页面：事件：造成的bug：可以正常路由跳转，但对话框不展示原因：路由跳转后，父路由的页面重新加载了data数据，mounted周期函数等。目前我没有很好的解决方法，只能在mounted中做判断：如果有更好的解决方法，请赐教，万分感谢。...
2021-08-18 15:59:10
369
原创 将数据下载为csv文件（函数封装）
handleDownload(data) { const thiz = this const loading = thiz.$loading({ lock: true, text: '下载中，请稍后...', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)' }) // values可以从后端获取数据 const values = ['', '标题1', '标题2', '标题3'] // 标题行 const
2021-05-28 17:29:46
262
原创 echarts-liquidfill（水球图）
vue项目里使用echarts-liquidfill（水球图）步骤echarts水球图并不在echarts常用图表里，是作为插件使用的，因此使用echarts水球图需要先安装echarts和水球图。npm install echarts --savenpm install echarts-liquidfill --save可以在vue main.js中注册，也可以在单独使用的组件里注册。import echarts from 'echarts' //引入echartsimport 'ech
2021-04-21 15:05:45
12793
4
原创 将html页面下载成pdf文件
做项目的过程中有一个下载页面为pdf的需求，百度后发现前端使用js库去实现下载为pdf功能。需要引入两个文件，<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script><script src="https://cdnjs.cloudf...
2019-11-26 16:19:29
2649
原创 react使用umi创建
文章目录umi的创建：路由切换传参路由嵌套configumi和antd的合作使用：结合dva使用：dva的使用： umi可插拔的企业级反应应用程序框架umi的创建： 先新建一个目录（这里起名projects），进入project...
2019-10-05 21:56:40
2100
原创 dva规范
export default{//命名空间namespace:'user',state:{ name:xxx, age:xxx},//处理state－－同步reducers:{ save(state,{payload}){ return{...state,...payload} }},// 异步// yield表示后面的方法执行完以后 call表示调用一个api接口...
2019-10-05 18:11:51
599
原创 PhoneGap（cordova）使用方法
可以通过终端命令行的形式来创建cordova项目，也可以通过可视化工具创建，可视化工具相当于cordova的cli脚手架工具。 点击加号，有项目的情况下点击open，没有的话点击create new，下面会选择它提供的模版(hell...
2019-09-21 11:58:17
691
原创 新浪云上线步骤
1、打开config下的index.js文件，找到build下的 assetsPublicPath属性，改为assetsPublicPath: ‘./’,将dev.env.js文件里自己配置的文件复制到prod.env.js中。2、如果由图标什么的不显示，可以百度，然后找到node_modules文件中对应的文件。3、打开终端，输入npm run build，对项目进行打包，变为上线版本。4...
2019-09-20 10:31:20
188
原创 react（二）
文章目录无状态组件hook受控组件&非受控组件数据流react生命周期虚拟dom与diff算法数据加载组件传值无状态组件 在react中创建组件有三种方式：ES5写法：React.createClass；ES6写法：React.component；无状态的函数写法，又称为纯组件SFC。无状态组件的优势：代...
2019-09-08 18:15:18
135
原创 react低版本（2版本）项目练习总结
文章目录 先创建一个项目文件，create-react-app pro 如果电脑上已经安装了高版本的react，先将高版本的删掉，npm uninstall react react-dom --save-dev；如果当初安装的时候...
2019-09-07 21:35:05
272
原创 react（一）
文章目录react简介JSX语法webpack构建属性状态react简介 react发展－－－facebook在构建instagram网站的时候遇见两个问题 1、数据绑定的时候，大量操作真实dom，性能成本太高 &nb...
2019-09-03 21:00:13
97
原创 mongodb数据库
文章目录mongodb安装及概念指令mongoose可视化工具mongodb安装及概念mongodb的图标是一片树叶，要熟记。下载地址：http://www.mongodb.org/downloads安装步骤：1/把mongodb安装到某一个盘符下（D）2/创建数据目录 D：data/db文件夹3/找到mongodb文件夹下的bin文件夹打开mongod.exe4/双击打开mo...
2019-08-06 22:05:34
303
原创 git
文章目录1.git2.安装git3.Linux命令4.git使用1.配置用户名和邮箱2.本地操作3.远程操作4.分支操作5.常用分支命令6.冲突解决7.推送分支8.具体使用1.git git是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的分布式版本的控制软件，用于敏捷高效...
2019-07-26 21:04:11
156
原创 设计模式
文章目录单例模式组合模式观察者模式工厂模式抽象工厂模式策略模式代理模式适配器模式 设计模式的定义：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。 GoF提出的23种软件设计模式，这里介绍几种常用的设计模式。单例模式...
2019-07-23 20:23:41
175
原创 闭包和继承
文章目录闭包继承构造函数继承call/apply方法和继承prototype原型及原型链继承混合继承class继承闭包 闭包就是能够读取其他函数内部变量的函数。在JS中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解为”定义在一个函数内部的函数”。例如：function fn() { ...
2019-07-17 21:54:21
183
转载 Windows下80端口被进程System占用的解决方法
下载完成XAMPP组件后，apache服务器打不开，试了很多方法都不行，百度之后说是80端口被占用了，于是就使用命令 netstat -ano 来查看一下到底是哪个程序占用了80端口，如图所示端口查找的结果：看到80端口被PID为4的System进程占用，呵呵，我想说一句我擦嘞什么鬼+_+。仔细想了想，一般的程序不会占用80，遂使用命令 netsh http show servicestat...
2019-07-16 17:58:17
141
原创 ES6之class的写法及继承
JS 语言中，生成实例对象的传统方法是通过构造函数。构造函数的一个例子如下代码： function Point(x, y) { this.x = x; this.y = y;} Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';}; var p = new...
2019-07-06 10:15:25
783
原创 dom高级-运动
1：运动原理通过连续不断的改变物体的位置，而发生移动变化。使用setInterval实现。匀速运动：速度值一直保持不变。多物体同时运动：将定时器绑设置为对象的一个属性。注：物体每次运动都应该把之前的定时器清除掉。 var speedX = 12 var speedY = 0 box.timer = setInterval(function(){ box.style.l...
2019-07-05 19:43:58
156
转载 箭头函数和普通函数的区别
普通函数和箭头函数的区别：普通函数中的this:1、this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj2、在默认情况(非严格模式下,未使用 ‘use strict’),没找到直接调用者,则this指的是 window3、在严格模式下,没有直接调用者的函数中的this是 undefined4、使用call,apply,bind(ES5新增)绑定的...
2019-07-01 20:05:55
83
原创 ES6之let/const命令
let命令ES6新增了let命令，用来声明变量。用法类似于var命令，但是所声明的变量，只在let命令所在的代码内有效，即块级作用域。｛ let a = 10; var b = 1;｝console.log(a) //ReferenceError:a is not defined.console.log(b) //1上面代码在代码块之中。分别用let和var...
2019-07-01 19:50:19
94
原创 js（三）
本周学习了事件、正则表达式和正则分组、ES6的知识、运动。事件：事件是由访问Web页面的用户引起的一系列操作。当用户执行某些操作的时候，再去执行一系列代码，或者用来获取事件的详细信息，如鼠标位置、键盘按键等。JS处理的事件类型为：鼠标事件、键盘事件、HTML事件。鼠标事件:onclick用户单击鼠标按钮或按下回车键触发ondblclick当用户双击主鼠标按钮时触发...
2019-07-01 19:25:55
80
原创 ES6之this关键字和bind方法
this关键字this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返回一个对象。简单说，this就是属性或方法“当前”所在的对象。var person = { name: '张三', describe: function () { return '姓名：'+ this.name; }};...
2019-06-27 19:34:43
371
原创 js（二）
本周主要学习了数组、字符串、Math、Date、BOM和DOM。数组：主要学习了数组的创建方式（两种），数组的操作。数组的操作主要有：新增的es5数组方法有：Array.isArray(a)：返回一个布尔值，表示参数是否为数组；Map：将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新数组返回；forEach：与map方法很相似，但是，forEach方法不返回值，只用来...
2019-06-22 17:28:16
173
原创 js（一）
本周是js学习的第一周，在这一周学习了js的基本介绍和发展，js的编写及运行，变量的命名规则，数据类型，操作符，程序结构，函数。 第一天：js由三部分组成：ECMAScript，DOM，BOM。js共有三种编写方式。变量的命名规则：变量是由数字、字母、下划线、美元符号的一种或几种组成，且不能以数字开头，严格区分大小写。（驼峰法则，见名知义），关键字不能用作变量名。数据类型分为六种：数值...
2019-06-15 15:28:41
189
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人