- 博客(30)
- 收藏
- 关注
RSS订阅原创 vue3.0实现类似react-hooks的功能
写过react的都知道hooks用着非常顺手，所有的状态、行为啥的都可以使用hooks直接导出使用，而且还能根据state的变化触发视图更新，总之非常的方便快捷。所以在vue里面实现与react-hooks一样的功能，那么会使得vue开发变得一样畅快淋漓！
2023-11-21 20:21:57
286
原创 客户端Session与服务端Session别听混了
HTTP请求是无状态的，也就是不知道这一次的请求和上一次请求是否有关系，比如我们登录一个系统的时候，验证用户名密码之后，打开系统各个页面的时候就不需要再进行登录操作了，直到我们主动退出登录或超时退出登录；这里为了避免访问每个都登录一下，就要用到session和token。
2023-03-04 15:55:39
581
原创 Windows中Jenkins更新后无法访问Jenkins网页端
Windows中Jenkins更新完后无法访问Jenkins网页端，Jenkins不再支持jdk1.8只支持jdk11或者17
2022-10-17 17:57:21
1640
原创 使用postMessage向ifarme传递数据，并且动态获取ifarme内容渲染后的高度
使用postMessage向ifarme传递数据，并且动态获取ifarme内容渲染后的高度。
2022-08-31 11:28:19
402
原创 react受控组件与非受控组件
react受控组件与非受控组件区别在于：非受控组件则是同过ref直接获取输入框的值，只获取到最后状态的结果值，在输入过程中做不到对输入值的操作，此时表单数据将交由 DOM 节点来处理（“不受开发者控制”）。步骤：a.创建一个ref实例绑定到输入框的ref上；b.通过ref.current.value获取输入框的值进行数据组装提交到后台；注：本文使用的react hooks 写的例子，详情参考官网：在大多数情况下，我们推荐使用 受控组件 来处理表单数据...
2022-06-12 15:32:25
1684
原创 elementui的$msgbox使用vnode实现radio选择
需求背景：一个使用radio选择选项的操作确认弹窗，然后这个弹窗很多地方使用，但又不想写成组件调用而使用方法调用更加简单便捷elementUI官网对于这种复杂的内容推荐使用dialog，意思就是调用这种相同内容的dialog只能通过组件方式调用了。但对于目前这个多页项目十几个页面使用，要想通过组件形式调用那每个页面都要去注册这个组件，所以拒绝使用组件方式。那就按照上面的方法使用$createElement创建元素。最开始直接创建的el-radio这个标签想直接使用element 的radio，但问
2022-05-20 17:06:47
3549
1
原创 http强缓存与协商缓存
设置响应头Cache-Control的值实现http强缓存与协商缓存强缓存http1.1强缓存Cache-Control： “max-age= < seconds>”，可直接命中强缓存，如果http是1.1以下版本则采用响应头的Expires（包含日期/时间，无效的日期比如 0, 代表着过去的日期，即该资源已经过期） 字段做判断缓存是否过期，如果在Cache-Control响应头设置了 “max-age” 或者 “s-max-age” 指令，那么 Expires 头会被忽略。状态可为：200
2022-04-08 19:34:52
229
原创 Window.postMessage到底能不能传对象？
最近的一个面试题：Window.postMessage能不能传递对象。Window.postMessage是解决前端跨越的一种方式，其语法为：otherWindow.postMessage(message, targetOrigin, [transfer]);// otherWindow:其他窗口的一个引用，比如iframe的contentWindow属性、执行window.open返回的窗口对象、或者是命名过或数值索引的window.frames。// message:将要发送到其他window的
2022-04-01 15:07:10
3633
原创 jquery.wordexport.js导出word文件含图片
需要用的到插件jquery.worldexport.js导出world最主要的问题是：1.图片的导出。2.源代码仅支持内联样式而页级css样式并不能生效。3.复杂的dom样式以及效果如何导出。针对问题一，二的解决方案就是：修改jquery.wordexport的源码。让他支持页级Css生效以及图片src是http或者https链接的导出。修改之后的代码如下：第一个修改点就是传入style字符串集，对页级css样式的支持（似乎就是原作者还未TODO的项）。第二个点就是对img的处理。注释掉对应的代码添加
2021-11-26 16:40:32
7159
11
原创 JavaScript中Math.round()小数四舍五入
网上有对Math.round()有着‘四舍六入五取偶’这样一个说法：Math.Round采用的是国际通行的是 Banker 舍入法.Banker’s rounding（银行家舍入）算法，即四舍六入五取偶。事实上这也是 IEEE 规定的舍入标准。因此所有符合 IEEE 标准的语言都应该是采用这一算法的. 这个算法可以概括为：“四舍六入五考虑，五后非零就进一，五后皆零看奇偶，五前为偶应舍去，五前为奇要进一。”大概的意思就是：我们常认为的四舍五入其实还要考虑五的后面为零时则需要判断前一位的奇偶性（代码来
2021-11-18 15:06:40
4375
原创 ElementUI select组件实现全选
ElementUI select组件实现全选效果图： <el-form-item label="发薪部门"> <el-select size="medium" filterable v-model="downloadParam.orgName" clearable collapse-tags multiple placeholder="请选择发薪部门"
2021-10-19 17:30:53
3558
1
原创 windows+jenkins+tomcat自动化部署前端项目
环境准备：jdk到官网下载jenkins jenkins官网1.下载好之后一直点安装就行，插件就选择推荐的不用自定义插件2.汉化先安装locale和Localization（推荐的一般都有）插件，再进去Manager Jenkins -> configure System -> 找到Locale 将‘zh_CN’添加应用上就行（注：如果没安装可以去【Manager Jenkins -> manager Plugins -> Available】搜索locale，Locali
2021-09-03 15:27:23
997
原创 el-tooltip disabled属性失效
el-tooltip disabled属性失效动态判定是否出现el-tooltip的时候出现了这么一个问题：点击第一次会出现效果，后面点击即使满足条件 !tag.name.length 也再也没有出现el-tooltip的效果。<template v-for="(tag, index) in selectUsersArray"> <el-tooltip :content="tag.name" :disabled="Boolean(tag.name.length<6)" plac
2021-06-16 17:48:54
2691
3
原创 解决较新版Chrome浏览器跨越的问题
Google 在2020年2月4号发布的 Chrome 80 版本中默认屏蔽所有第三方 Cookie，即默认为所有 Cookie 加上SameSite=Lax 属性，并且拒绝非Secure的Cookie设为 SameSite=None。SameSite的作用就是防止跨域传送cookie，从而防止 CSRF 攻击和用户追踪，此举是为了从源头屏蔽 CSRF 漏洞。
2021-06-05 11:10:46
2049
3
原创 苹果手机(safari浏览器)连接局域网不能访问PC端web服务（登录后就退出）
苹果手机连接局域网不能访问PC端web服务（登录后就退出）苹果十二访问PC端web服务能登录但进出之后秒退，其原因就是safari浏览器的设置问题。操作：1.打开设置搜索浏览器点击safari浏览器。2.将‘阻止跨网站跟踪’关闭即可。...
2021-06-04 10:59:18
3194
原创 element-ui Table :span-method（实现多列行合并）
element-ui官网中的例子特别简单，但实际的原理也是那么如此。解析一下示例代码的意思：objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) {//哪一列可以合并（第一列） if (rowIndex % 2 === 0) {//满足合并行的条件（偶数行） return { rowspan: 2,//合并的行
2021-05-19 09:49:16
6737
6
原创 el-table固定列导致表格的横向滚动条不可滑动
elementUi 里面的table组件使用了固定列fixed，当表格数据为空时底部的滚动条不可滑动。主要原因就是固定列的div把滚动条给遮住了，由于层级的原因导致点不到下面的滚动条所以滚动条就失效了。解决方法：1.改变这个固定列盒子距底部的距离，致使不遮住滚动条。 /*解决固定列遮盖底部滚定条导致滚动条无法滚动的问题*/ .el-table .el-table__fixed { height: auto !important;
2021-04-02 14:23:59
5501
1
转载 WebApp中使用monent.js ios以及safari浏览器出现invalid date的问题
WebApp中使用monent.js ios以及safari浏览器出现invalid date的错误，具体原因找资料是因为ios以及safari浏览器1.不识别"2018-07-15 12:00:00" 需要转换成 “2018/07/15 12:00:00”2.不识别"2018-7-5 " 支持转换成"YY-MM-DD"的格式原文...
2021-03-01 19:48:45
898
原创 jQuery-$ajax post请求时一个类型为null的值却被转换成了字符串‘null‘传到了后台
低版本的jquery会把一个类型为null的值转换成字符串’null’传到后台使用1.7.2的jq版本会出现以上描述的问题，而使用3.3.1的不会出现值类型的改变。估计也没人会用到那么低的jq,但也不排除不会遇到。当然网上有说是content-type的问题但至少我当时遇到的不是因为content-type，纯粹是因为jq版本太低了！...
2021-02-23 15:52:13
1079
原创 同步ajax请求导致页面假死
在使用ajax发送请求时，自己写的样式使用jq的hide()以及show()方法没有效果。原来是使用了同步的ajax请求导致了页面假死整个页面不能操作，需要等到请求有响应后页面才会执行后面的操作。 $("#showform").hide(); $("#jiazai").show(); var formdata = new FormData(); var excelFile = document.getElementById("
2021-01-30 10:24:37
1010
原创 JS水印的制作
参照别人水印的封装自己改了一下代码如下：function textBecomeImg(text,fontcolor,fontsize){//转成图片编码 let canvas = document.createElement('canvas'); canvas.width = 200; canvas.height = 100; let context = canvas.getContext('2d'); context.fillStyle = fontcolor;
2021-01-20 16:02:24
355
原创 element UI 日期月份范围选择器不能选到起始月份
element UI 日期月份范围选择器不能选到起始月份今天在修改以前写的原来需求的时候，遇到了日期月份范围选择器不能选到起始月份的问题。以前只是个单月份选择限制，现在要改成月份范围。以前写的代码如下：pickerOptions: { disabledDate: (time) => { var date1 = new Date('2019-11-01'); var date2 = new Date(); return time.getTime
2021-01-18 10:37:11
1510
转载 elementUi 动态生成table表头和固定列表格塌陷的问题
vue中elementUi 动态生成table表头和固定列表格塌陷的问题事由：项目中很多时候都会用到自定义表格动态渲染出需要的表头名称，特别是elementUI中table需要使用到固定列机及其会出现表格塌陷的问题。表格里面是有数据的，但是表格的高度塌陷了，导致内容被遮挡了。解决：需要我们在updated生命周期中使用doLayout()重新渲染表格原因：数据从后端拿过来，数据太多还没来得及渲染完表格的高度就被固定死了，导致了表格塌陷的问题，所以我们得在数据更新完之后再重新渲染一下表格。...
2020-12-07 20:04:03
3179
1
原创 elementUI关于checkgroup的一些坑
elementUI关于checkgroup不支持对象绑定的问题今天在项目中遇到一个需求，就是动态渲染一个组合复选框使用的是elementUI里面的组件上面是官网的一个例子，其中const cityOptions = [‘上海’, ‘北京’, ‘广州’, ‘深圳’];也暗示了选项的局限性，（不支持数组复杂类型的绑定）项目中的需求肯定是复杂数据类型的渲染：label动态绑定id之类的下面就是我项目中解决的代码。**注意1：**在渲染的时候使用后台返回的数组对象进行渲染checkgroup，之后你得单
2020-12-01 19:07:22
1490
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人