笔记
文章平均质量分 54
小hu同学
hello world!
展开
-
Vue将弹窗页面作为pdf下载下来
1、新功能是在这个查看报告的弹窗中添加一个表格,表格里面可以在点击详情,查看一个弹窗(弹窗功能页面不下载到PDF),表格上的详情按钮在下载时要去掉。需求:点击某个查看报告按钮后,出现的是一个弹窗,可以浏览,滚动等操作,底部有下载PDF,将整个报告下载成PDF文件。导出为PDF方法,网上有很多 我这里就把代码贴出来 仅供参考。原创 2022-09-21 23:03:16 · 965 阅读 · 1 评论 -
Vue+Element关于数据在数组进行回显,并进行修改数组当前的数量
说一下我遇到的问题吧,我在按钮2页面,当我模糊搜索点击后,后端返回给我的值是 b,但是我绑定的是a,后端需要的也是a,这个时候我就要将b赋值给a,去修改a,然后保存将a传给后端。说明:在按钮1页面的操作是将商品购买进库,点击按钮保存,按钮2页面的操作是将刚刚采购进来的商品进行库存的变更,商品的信息不能做修改,只能修改数量。名称是,是做的模糊搜索,点击搜索出来的物资,将当前的信息回显到当前的一行,并且进行数据的修改。我这种只能算很low的解决办法吧,有更好的办法可以评论区讨论讨论。1、第一种(直接赋值)...原创 2022-08-29 22:22:02 · 1692 阅读 · 0 评论 -
使用正则格式化HTML标签进行页面渲染
需求今天是做了1个需求,我在1个富文本里面编辑的文字,需要渲染到一个预览的PDF上展示(Vue项目)可以看到我使用v-html会将html标签进行解析,样式并不是想要的。v-text或者{{}},这样又将标签直接展示出来了。我在富文本存的文字内容给到后端时,是会带上标签的,比如。这样我在根据后端返回的字段里面获取参数进行渲染。...原创 2022-07-17 16:30:10 · 580 阅读 · 0 评论 -
关于使用elemenUI下拉筛选选中问题
题目与题目之间的逻辑关系,将左边题目选中后会到右边进行处理,点击逻辑编辑后,可以设置题目与题目之间的逻辑关系(选中某个题目后,才会另外1题),这个不做展开说明原创 2022-07-12 10:25:09 · 211 阅读 · 0 评论 -
高级JavaScript第(五)篇
爆肝六千字,让你了解什么是ES6,ES6能带来了什么方便,能解决我们什么问题原创 2021-05-15 14:55:04 · 247 阅读 · 7 评论 -
高级JavaScript第(四)篇
本篇文章为高级JavaScript第四篇,主要说的是正则表达式,说了那么多,其实要真正的了解,还是有一定难度的转载 2021-05-01 20:05:40 · 243 阅读 · 0 评论 -
高级JavaScript第(三)篇
本篇文章为高级JavaScript第(三)篇,主要讲了函数的定义和调用、this的指向问题、严格模式、高级函数、闭包、递归原创 2021-04-24 12:16:11 · 422 阅读 · 0 评论 -
高级JavaScript第(二)篇
高级JavaScript第(二)此篇文章主要说了构造函数和原型还有原型链相关的方面以及一些ES5的知识要点原创 2021-04-17 12:13:31 · 319 阅读 · 0 评论 -
高级JavaScript第(一)篇
此篇文章主要详细说了一下什么是面向对象、类的创建、基础、属性、方法原创 2021-04-12 23:05:16 · 594 阅读 · 2 评论 -
什么是回调地狱?如何解决回调地狱
什么是回调地狱?该如何解决回调地狱?原创 2021-03-20 21:26:06 · 2759 阅读 · 2 评论 -
“Gulp”前端开发的好帮手
一、第三模块Gulp构建工具基于Node平台开发的前端构建工具(需要安装node.js)将机械化操作编写任务,想要执行机械化操作时执行一个命令行命令任务就能自动执行了用机器代替手工完成一些代码的压缩二、Gulp能做什么项目上线,HTML、CSS、JS文件压缩合并语法转换(es6、less…)公共文件抽离修改文件浏览器自动刷新三、Gulp使用使用npm install gulp下载gulp库文件(不要加-g)-g是全局安装 不加则是本次项目安装在项目根目录下建立gulpfil原创 2021-03-19 23:19:22 · 110 阅读 · 0 评论 -
“保姆级教程”将本地代码上传至服务器后通过域名访问
一、需要准备的东西原创 2021-03-01 15:43:10 · 2689 阅读 · 0 评论 -
分享一下使用swiper踩的坑
分享一下,使用swiper插件的时候踩到的坑原创 2021-02-21 22:46:48 · 472 阅读 · 0 评论 -
TCP与UDP的区别
(1)TCP是面向连接的,udp是无连接的即发送数据前不需要先建立链接。(2)TCP提供可靠的服务。也就是说,通过TCP连接传送的数据,无差错,不丢失,不重复,且按序到达;UDP尽最大努力交付,即不保证可靠交付。 并且因为tcp可靠,面向连接,不会丢失数据因此适合大数据量的交换。(3)TCP是面向字节流,UDP面向报文,并且网络出现拥塞不会使得发送速率降低(因此会出现丢包,对实时的应用比如IP电话和视频会议等)。(4)TCP只能是1对1的,UDP支持1对1,1对多。(5)TCP的首部较大为20字节,原创 2021-02-17 15:17:32 · 93 阅读 · 0 评论 -
将Vue项目部署至服务器(一)
在开发完成后如何进行打包并部署本地服务器呢?一、首先打开你需要部署的项目我这里使用vscode软件 打开一个新的终端打开后在下面命令行进入该项目目录文件进行原创 2021-02-17 13:24:23 · 1563 阅读 · 0 评论 -
深浅拷贝的区别
一、浅拷贝浅拷贝只能拷贝一层,更深层次对象级别拷贝的只拷贝引用路径,将原来的变量做修改后,浅拷贝的值也会随着改变 var obj = { id:1, name:'andy', msg:{ age:18 } } var o = {}; // for(var k in obj){ // // k是属性名 ob原创 2021-02-17 11:52:32 · 251 阅读 · 0 评论 -
JavaScript——每隔1秒依次输出(1-10)
我做过一个笔试题是说使得程序每隔⼀秒依次输出 1~10<script> for(var i=1; i<=10; i++;){ //封装一个函数 执行异步操作 (function(i){ setTimeout(function(){ conslon.log(i)},1000*i)})(i) }</script>原创 2021-02-08 22:24:44 · 2274 阅读 · 2 评论 -
ES5中新增的方法之——数组方法
ES5中新增的数组方法迭代(遍历)方法:forEach()、map()、filter()、some()、every();一、forEach()方法array.forEach(function(currentValue,index,arr)) currentValue:数组当前项的值index:数组当前的索引arr:数组对象本身 <script> // forEach 迭代(遍历)数组 var arr = [1,2,3] var原创 2021-02-08 21:47:32 · 119 阅读 · 0 评论 -
Vue的计算属性与watch
一、Vue的计算属性是什么?它的计算属性是 computed二、计算属性computed的特点有哪些?computed是计算属性、实时响应的。计算属性会依赖于它所使用的data中的属性,只要是依赖的属性值有改变,则自动重新调用一下计算属性;如果它所依赖的这些属性值没有发生改变,那么计算属性的值是从缓存中来的,而不是重新编译,那么它的性能就会比较高,所以Vue中尽可能的使用computed来代替watch。<!DOCTYPE html><html> <hea原创 2021-01-30 22:10:36 · 1183 阅读 · 0 评论 -
深拷贝与浅拷贝
一、深拷贝1、什么是深拷贝?深拷贝主要是将另一个对象的属性值拷贝过来之后,另一个对象的属性值并不受到影响,因为此时它自己在堆中开辟了自己的内存区域,不受外界干扰。2、深拷贝的方法(1)JSON转换var targetObj = JSON.parse(JSON.stringify(copyObj))let arr4 = JSON.parse(JSON.stringify(arr))缺点是:1、如果对象里有函数,函数无法被拷贝下来2、无法拷贝copyObj对象原型链上的属性和方法3、当数据原创 2021-01-26 20:35:29 · 148 阅读 · 0 评论 -
时间格式化输出
将时间戳格式化为日期时间输入代码为formatDate(new Date(1409894060000), 'yyyy-MM-dd HH:mm:ss 星期w')输出为2014-09-05 13:14:20 星期五下面是函数封装的代码对于 2014.09.05 13:14:20yyyy: 年份,2014yy: 年份,14MM: 月份,补满两位,09M: 月份, 9dd: 日期,补满两位,05d: 日期, 5HH: 24制小时,补满两位,13H: 24制小时,13hh: 12制小原创 2021-01-24 20:08:15 · 1018 阅读 · 0 评论 -
用JavaScript 实现斐波那契数列函数
用JavaScript 实现斐波那契数列函数,返回第n个斐波那契数例如:f(1)=1,f(2)=1等1、使用for循环的方法: function fibonacci(n) { //将num1变量赋值为1 var num1 = 1; //将num2变量赋值同样赋值1 var num2 = 1; //使用for循环 i=2 i<n的也就是函数值n for(var i=2;i<n;i++){ //将num2的旧值加上num1后重新赋值给num2 num2=num2+num1原创 2021-01-23 14:38:26 · 2301 阅读 · 0 评论 -
关于修改This指向的问题
修改this指向一般会用到的是call(),apply(),bind()刚刚看到这样一个题目就拿过来讨论一下:封装一个函数 abc,使这个abc指向指定的对象function bindThis(abc, oTarget) { }call()方法首先我们先使用call()来改变this指向function bindThis(abc, oTarget) { return function(x,y){ return abc.call(oTarget,x,y)} }原创 2021-01-22 09:19:47 · 95 阅读 · 0 评论 -
前端开发面试(一)
导读:今天面试字节跳动结果不是很理想,深刻的体会了自己的知识体系的不足,以及准备不充分,所以做一个总结,也是为以后面面试提供一些经验吧。原创 2021-01-21 12:48:42 · 761 阅读 · 0 评论 -
Vue中将密码进行隐藏显示并改变图标样式
效果图默认为不显示密码状态点击右边小图标后,密码为显示状态。并改变图标在次点击后返回原来的不显示状态代码<div> <div class="box"> <img :src="openeye" @click="changeType()" alt=""> </div> <input :type="pwdType" name="password" id="password" place原创 2021-01-13 21:59:31 · 938 阅读 · 0 评论 -
Vue中将数据中的数字过滤为单位显示
vue的过滤器我写这篇文章是我在开发过程中遇到了这个问题,就是有一个小小的bug,需要将后台传过来的值2364828转换为以万结尾的单位,我就试着网上看看,试了几种网友分享的方法都不行,后来看到了一个贴子,试了一下果然成功了。这里我来具体的将问题以及解决办法说一下。问题可以看到我在网页上显示的是一串长长的数字解决方法<div class="count"> <div> <img src="~assets/img/content/e转载 2021-01-11 23:16:36 · 1421 阅读 · 2 评论