- 博客(22)
- 收藏
- 关注
RSS订阅原创 element el-cascader-panel级联面板配合动态加载造成的问题
使用element的el-cascader-panel级联面板，正常使用的话，第三级会存在多余请求或者请求加载效果（不知道是不是我写法有问题）。目前百度的全是级联选择器，找不到级联面板的的内容，记录一下。<div class="addFormWrap"> <div class="addLeft"> <h2>选择类目</h2> <div c
2021-01-26 17:33:32
5442
4
原创 js 复制粘贴 element
<el-button @click="copyUrl(scope.row.activity_id)" size="small" border type="warning" plain>复制链接</el-button>copyUrl(id) { let url = `<?php echo $output['gp_site_url']?>/activity/${id}`; let _input = document...
2020-12-31 10:17:31
677
原创 element-ui的图片预览 el-image增加点击范围
css:.showScreenImg { /**预览图片icon */ position: relative; left: -2px; width: 18px; height: 18px; z-index: 999; padding-right: 96px; } .showScreenImg:after{ position: absolute; displ..
2020-12-08 15:07:05
1451
转载 看完让你彻底搞懂Websocket原理（转载于一份有意思的解说
偶然在知乎上看到一篇回帖，瞬间觉得之前看的那么多资料都不及这一篇回帖让我对websocket的认识深刻有木有。所以转到我博客里，分享一下。比较喜欢看这种博客，读起来很轻松，不枯燥，没有布道师的阵仗，纯粹为分享。废话这么多了，最后再赞一个~一、websocket与httpWebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）首先HTTP有1.1和1.0之说，也就是所谓的keep-alive，...
2020-10-20 21:14:03
485
转载 a++和++a的区别与理解
通常说，a++是先取值后运算，++a是先运算后取值。实际上这里涉及好几个基本概念！先确定你清楚“运算符”、“表达式”和“语句”的概念：++ 是一个“自增运算符”，自增运算符有两种形式：前缀自增(++a)和后缀自增(a++)。运算符和操作数合起来就是一个表达式（a++、++a都是表达式，a就是操作数）。注意：每一个表达式本身都有值（和其类型），有的表达式还有“副作用”。比如自增表达式的副作...
2019-12-02 13:59:05
4093
原创 纯前端H5，利用html2canvas，base64转码，生成图片，解决iOS和安卓微信的坑，生成不全，空白，跨域等问题。
查阅很多资料后，几乎没有一个能完整解决问题的，都是东平西凑，各种调试才勉强解决生成图片的坑。因为canvas始终会跨域，一般都是通过设置后端，改的麻烦也不知道行不行，所以就前端自己想办法解决，绕过后端。canvas生成图片有要求，不可以是display：none；我是定位z-index负值，不设置透明度，除非你要生成透明的。先贴下代码：<!-- 遮罩层--商品分享海报 --...
2019-11-08 14:33:05
4645
5
原创 利用contenteditable模拟input/textarea的可编辑文本，placeholder，限制长度，自适应高度等。
html，css真是神奇。应产品需求。需要做一个自适应，内容完整展示的可编辑输入框。textarea，input都是不合适。如是发现html有个神奇的属性contenteditable。先看看效果：下面贴代码： <p class="bot-item buy-message flex-space-between"> <i>买家留言：</i>...
2019-10-24 16:41:16
1133
原创 vueRouter关于children嵌套路由需要多次点击回退之前的页面体验优化
当从之前的页面进入一个有多层嵌套的页面时，如果路由使用路由children方式，最后体验会比较差。之前写了一篇关于Vue多级路由重定向以及父级样式丢失的问题带有children，遗忘了体验优化。从左图到右图。正常体验是返回一次直接回退到之前的页面。如果使用children，在第二图（右边）下的菜单，多次点击全部，代付款，待发货，已完成。。。之类的菜单后，点击返回到图一会出现需要多次点击才...
2019-09-17 17:08:33
1208
原创 git强制覆盖本地或者远程
当本地修改错乱或者合并懵逼的时候，建议直接用远程强制覆盖本地分支；暴力解决还是比较有效的，本人多次使用暴力解决法。爽快~1、远程分支强制覆盖本地：git fetch --allgit reset --hard origin/远程分支名 （重置head版本）git pull origin/远程分支名 （这一步可以省略）2、本地强制覆盖远程分支：git p...
2019-09-16 16:22:52
1675
1
转载 ES6优化javascript的if判断
1、使用 Array.includes 来处理多个条件 请看下面的列子： // condition function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); } } 上面的列子看起来似乎没有什么问题。但是，如果我们还有更多的红色水果呢？是...
2019-09-16 10:42:13
2494
原创 利用css3实现进度条效果以及动态添加百分比。
项目过程中，开始使用了js的requestAnimationFrame方法实现进度条，但是在数据超级多的时候非常影响性能，如此改用css去实现，优化。先贴代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp...
2019-09-11 14:33:12
4790
原创 借助js切割数组实现标签的上下2,3排列的特殊布局
先看看实现的效果：代码：//根据后端返回数据长度分割数组function chunk(array, size) { //获取数组的长度，如果你传入的不是数组，那么获取到的就是undefined const length = array.length //判断不是数组，或者size没有设置，size小于1，就返回空数组 if (!length || !size || ...
2019-08-12 15:20:53
265
原创 Vue textarea超级简单实现文本框显示剩余可输字数
直接上代码。<template> <div class="wrapper"> <div class="parents"> <textarea placeholder="请输入您要填写的个性签名" maxlength="30" autofocus="true" v-model="val"></textarea>...
2019-08-04 20:04:31
2304
原创 Vue多级路由重定向以及父级样式丢失的问题。
公司整了一下午，被Vue的多级重定向绕晕了。回来静了下，终于解决了。好好记录下来。先看看html结构图上面这个是一级路由跳转的；下面这个是二级跳转的；需要注意：*** ***上图的标记1，to里加了'/',表示根据根路径跳转的；而下图的标记3，to没有加'/',表示根据当前页面的相对路径跳转的。这里借鉴了这位盆友的关于重定向redirect解读：https://blog.csd...
2019-07-25 21:45:28
2768
3
原创 原生JS实现购物车全选/取消功能（慕课购物车全选功能练习）
购物车可以说是基本要求了吧，逻辑功能挺多，综合功能都写下来，也能提升js基础了。今天就来看看简单点全选/取消功能，并记录已选中的次数（暂无反选）。HTML部分：<input type="checkbox" id="checkAll">全选/取消<ul> <li><input type="checkbox" class="selects"...
2019-06-23 17:38:34
4095
转载 es6 filter（）去重
let arr = [1, 2, 3, 2, 3, 5, 6, 4, 2, 45, 23, 3, 2, 4, 8] let arr2 = arr.filter((x, index, self) => { return self.indexOf(x) === index })console.log(arr2)效果：还可以简化一下：let arr = [...
2019-06-20 15:59:09
2762
转载 一个面试我的后端妹子问的405错误
面试时，后端妹子突然问我一个405的报错，说实话自己从来未遇到过，所以不知道咋个回事。我就自作聪明的挨着40X的原因答了下，然后就没戏了，最后问了她原因，说是提交方式的问题，但是改了提交方式还是405，我在想可能是参数之类的（后来也证实是有这一点），这里提醒面试时，完全不知道的话还是不要瞎猜答案，不如说没遇到过这类问题，不然基本会挂！回来查了下资料才知道具体原因有以下几点：1、在前端的...
2019-06-20 15:09:19
2145
原创 vue中移动端真实1px边框实现（仿饿了么）
用了stylus写法border-1px// 1pxborder-1px($color) position relative &:after display block position absolute left 0 bottom 0 width 100% border-top 1px solid $color ...
2019-06-19 10:51:38
1036
1
原创 js数组去重常用的一种方法
因为vue推荐了原生js方法，所以一直在补基础，久了易忘。es6也有去重的方式，只是还不太习惯，有需要的可以查看这里es6语法。var arr1 = ['1', '2', '3', '2', 'b', 'c', 'c', '3', 'c'] function distinct(str) { var arr2 = [] // 空数组存放去重的 for (var i = 0...
2019-06-17 12:23:03
168
原创 面试遇到js判断字符串中次数最多的字符和次数
之前一直有看，都是看了大概的思路，没有自己去写。所以最后面试官要求手写的时候懵逼了。这里特意记下以便下次用到。顺便带一句，看面试题为了查缺补漏。死记硬背肯定不好的，能理解最好，能手写更好了，毕竟工作中也可能用到。上代码：var str = 'adafjajddddajdsajfjjjddddakks' /* 封装一个查询最多字符串的函数 */ function ...
2019-06-14 15:56:54
245
原创 写给自己的第一篇博客日记。
入门IT前端也有一段时间，从未写过自己的技术博客，一直都是遇到问题查阅别人的资料，感觉挺不好的。偶尔记录在笔记本，发现也停麻烦。所以想着，写一些博客或者转载也许会好点。把自己遇到过的各种问题，收集起来，以便后续可以更快的解决处理。毕业几年，真是个失败者，转行过来，也是菜鸟一枚，反思了一下，人真的不能懒惰，也不可不学习。因为去年底开始已经明显感受到行业的巨大变化，在和前辈们竞争中没有一丝优势，随...
2019-06-11 18:08:59
192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人