个人总结
东方孤独
这个作者很懒,什么都没留下…
展开
-
React form 提交后 数值处理问题
react antd form表单在modal中的默认值问题原创 2023-01-11 16:49:52 · 171 阅读 · 0 评论 -
layui项目 table返回code处理
layui中table中返回数据的code为200不是默认0的处理原创 2022-10-13 21:53:51 · 697 阅读 · 0 评论 -
文件上传及预览相关问题
Failed to execute ‘readAsArrayBuffer’ on ‘FileReader’: parameter 1 is not of type ‘Blob’ 文件上传及预览原创 2022-09-24 21:26:06 · 636 阅读 · 0 评论 -
ts中配置sourcemap后编译生成js和js.map文件的处理办法
VSCode配置 ts生成js文件原创 2022-08-22 23:14:44 · 4008 阅读 · 3 评论 -
element-ui的upload上传限制文件格式问题
case1 : 上传文件选择框中过滤掉不想上传的文件 upload上传时,如希望在弹出窗的选择中限定能上传的制定文件,则可设定组件的accept属性,诸如 accept=".txt,.xls" 即表示只接受txt和xls两种格式文件,其他文件会默认在文件弹出框中过滤掉case2: 而如果希望限制文件大小或者内容,则可通过定义before-upload方法读取上传的文件大小及其他信息,以便判断能否上传...原创 2021-12-30 17:56:28 · 1499 阅读 · 0 评论 -
base64字符串转canvas
dom:<canvas id="myCanvas" width="800" height="800"></canvas>js: var imgbase64 = yourBase64String; //your own param let img = new Image(); img.src = imgbase64; let myCanvas = document.getElementById( "myCanvas" ).getContext( '原创 2021-08-20 15:19:29 · 729 阅读 · 0 评论 -
css实现文本溢出时 ...在左侧
width: 100px;direction: rtl;overflow: hidden;text-overflow: ellipsis;更多后续规范及属性,可参见MDN原创 2021-08-14 18:03:30 · 337 阅读 · 0 评论 -
vue-antd的table中多行数据某一列合并-代码实现
const renderContent = (value, row, index) => {const obj = {children: value,attrs: {},};if (index >= 4) {obj.attrs.colSpan = 0;}return obj;};原创 2021-08-14 18:01:57 · 632 阅读 · 0 评论 -
手写深拷贝-代码实现
function deepClone(obj){function isObject(para){return ((typeof para===‘object’||typeof para ===‘function’)&¶!==null)}if(!isObject(obj)){return obj}let cloneObj=Array.isArray(obj)?[]:{}for(let key in obj){if(obj.hasOwnProperty(key)){原创 2021-08-14 17:59:01 · 102 阅读 · 0 评论 -
git多账号配置
一台电脑多git账号:1.移除git全局配置git config --global --unset user.namegit config --global --unset user.email2.生成github并部署ssh-keygen -t rsa -C “yongjun.zhang@email1.com”2.1 生成此账号对应的公钥和私钥3.生成gitee并部署ssh-keygen -t rsa -f ~/.ssh/id_rsa2 -C “yongjun.zhang@email2.c原创 2021-02-19 15:34:08 · 238 阅读 · 0 评论 -
前端this使用总结
1.全局环境下:this始终指向window2.函数直接使用时,2.1 严格模式下:this为undefined2.2 非严格模式:this为全局window3.对象中使用时,3.1 对象内部方法的this指向调用此方法的对象本身3.2 多层嵌套对象,内部方法的this指向最近的调用对象3.3 原型链中的this,也指向调用它的对象4.构造函数中的this4.1 如返回值不是对象,则this指向创建的对象本身4.2 如人为指定返回为对象,则this指向该对象4.3 call&a原创 2020-12-10 17:43:19 · 787 阅读 · 1 评论 -
element-ui的modal使用问题小计
问题描述:在a-modal的弹出层隐藏之后,会有一个没消失的div遮盖住dom节点,使dom节点事件点击无效,代码如下:解决定位:由于考虑全局影响,所以加了class名称,并对改class定义宽高及垂直水平居中,由于有visible.sync的定义,modal本身是可以隐藏的,但发现dom节点被遮盖,点击事件无法响应发现就是这个宽高的影响,查看dom节点发现该div下面的mask和warp都有了display:none的样式,故将对该class定义的宽高及垂直水平居中移入warp的设置里,此问题解决原创 2020-12-08 17:55:01 · 3099 阅读 · 0 评论 -
vue 父组件props传值子组件时 的更新问题
问题描述:父组件通过props的形式传值到子组件,子组件获取的数值可以更新,但视图不更新解决方法:方法1.在子组件中监听此prop属性,并在nexttick中调用更新方法,子组件中如下图监听prop对象originData,update方法为子组件自己的更新方法,如引入的时vue则无需注解形式,直接监听即可方法2.可以考虑计算属性,同事也有同样问题,计算解决,区别点在,计算属性时需单独定义计算属性,而且计算属性需要定义get与set方法,容易造成误解,此处待更新完善...原创 2020-12-08 17:45:37 · 3354 阅读 · 0 评论 -
vue-property-decorator 引入的组件路由钩子函数写法
问题:vue-property-decorator 方式引入的vue组件中 无法正常使用组件自己的钩子函数解决:方法1. 在@Component 中定义组件的钩子函数,如下:方法2. 在路由的定义里,全局注册组件的钩子函数,如下:整理:vue-router的钩子函数定义及形式展现。a.全局的钩子函数beforeEach,beforeResolve,afterEach 如:b.路由的独享钩子函数beforeEnterc.组件的钩子函数beforeRouteEnter,beforeRout原创 2020-10-27 16:15:29 · 1488 阅读 · 0 评论 -
html css js项目总结-官网
项目介绍:官网展示技术点:js,html,css,swiper轮播,pdjjs文档在页面预览加载首页:1布局 场景一、左边img 中间是两头虚线中间实线 右边文字 结构如下: <div class="headerLeft"> <div class="headerLeftImg"> <img src='./public/imgs/to...原创 2019-12-29 13:07:48 · 937 阅读 · 0 评论 -
通过js的File对象获取图片的base64字符串
自己定义一个方法名,将下面代码加入即可://1:获取file对象var upImage = document.getElementById(‘fileId’);// 页面上input框标签对应的idvar objImage = upImage.files[0]; // 获取第一个文件的对象var reader = new FileReader(); // 实例化File对象//2:解析对...原创 2019-11-17 16:45:18 · 2808 阅读 · 0 评论 -
js中Date对象的format方法无效之解决办法
在前端vue或者react结构中,并不会有此问题,直接用date对象实例之后调用formate的方法即可(即可返回yyyy-MM-dd HH:mm:ss也可自己设定想要的形式)Date.prototype.Format = function(fmt) {var dateStr = {“M+”: this.getMonth() + 1, //月份“d+”: this.getDate(), /...原创 2019-11-17 16:37:06 · 4899 阅读 · 0 评论 -
git commit时的提交信息修改
使用环境 window , git commit 之后 git push之前如发现commit的说明信息有误的话 需要重新修改即可按照如下方法操作, window下 亲测好用commit之后push之前 在当前目录下step1: git commit --amend (进入修改)step2: 在弹出窗口 输入字母i 进入编辑模式step3: 开始修改时注意文字 在有...原创 2019-01-16 22:10:40 · 734 阅读 · 0 评论