![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
心得历程
文章平均质量分 71
someWhere_weMeet
慢慢熬,总会熬过去的!
展开
-
element el-cascader-panel级联面板配合动态加载造成的问题
使用element的el-cascader-panel级联面板,正常使用的话,第三级会存在多余请求或者请求加载效果(不知道是不是我写法有问题)。目前百度的全是级联选择器,找不到级联面板的的内容,记录一下。<div class="addFormWrap"> <div class="addLeft"> <h2>选择类目</h2> <div c原创 2021-01-26 17:33:32 · 5624 阅读 · 4 评论 -
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 · 1495 阅读 · 0 评论 -
a++和++a的区别与理解
通常说,a++是先取值后运算,++a是先运算后取值。实际上这里涉及好几个基本概念!先确定你清楚“运算符”、“表达式”和“语句”的概念:++ 是一个“自增运算符”,自增运算符有两种形式:前缀自增(++a)和后缀自增(a++)。运算符和操作数合起来就是一个表达式(a++、++a都是表达式,a就是操作数)。注意:每一个表达式本身都有值(和其类型),有的表达式还有“副作用”。比如自增表达式的副作...转载 2019-12-02 13:59:05 · 4238 阅读 · 0 评论 -
纯前端H5,利用html2canvas,base64转码,生成图片,解决iOS和安卓微信的坑,生成不全,空白,跨域等问题。
查阅很多资料后,几乎没有一个能完整解决问题的,都是东平西凑,各种调试才勉强解决生成图片的坑。因为canvas始终会跨域,一般都是通过设置后端,改的麻烦也不知道行不行,所以就前端自己想办法解决,绕过后端。canvas生成图片有要求,不可以是display:none;我是定位z-index负值,不设置透明度,除非你要生成透明的。先贴下代码:<!-- 遮罩层--商品分享海报 --...原创 2019-11-08 14:33:05 · 4803 阅读 · 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 · 1213 阅读 · 0 评论 -
git强制覆盖本地或者远程
当本地修改错乱或者合并懵逼的时候,建议直接用远程强制覆盖本地分支;暴力解决还是比较有效的,本人多次使用暴力解决法。爽快~1、远程分支强制覆盖本地:git fetch --allgit reset --hard origin/远程分支名 (重置head版本)git pull origin/远程分支名 (这一步可以省略)2、本地强制覆盖远程分支:git p...原创 2019-09-16 16:22:52 · 1753 阅读 · 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 · 2518 阅读 · 0 评论 -
利用css3实现进度条效果以及动态添加百分比。
项目过程中,开始使用了js的requestAnimationFrame方法实现进度条,但是在数据超级多的时候非常影响性能,如此改用css去实现,优化。先贴代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp...原创 2019-09-11 14:33:12 · 4868 阅读 · 0 评论 -
借助js切割数组实现标签的上下2,3排列的特殊布局
先看看实现的效果:代码://根据后端返回数据长度分割数组function chunk(array, size) { //获取数组的长度,如果你传入的不是数组,那么获取到的就是undefined const length = array.length //判断不是数组,或者size没有设置,size小于1,就返回空数组 if (!length || !size || ...原创 2019-08-12 15:20:53 · 271 阅读 · 0 评论 -
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 · 2379 阅读 · 0 评论 -
Vue多级路由重定向以及父级样式丢失的问题。
公司整了一下午,被Vue的多级重定向绕晕了。回来静了下,终于解决了。好好记录下来。先看看html结构图上面这个是一级路由跳转的;下面这个是二级跳转的;需要注意:*** ***上图的标记1,to里加了'/',表示根据根路径跳转的;而下图的标记3,to没有加'/',表示根据当前页面的相对路径跳转的。这里借鉴了这位盆友的关于重定向redirect解读:https://blog.csd...原创 2019-07-25 21:45:28 · 2831 阅读 · 3 评论 -
原生JS实现购物车全选/取消功能(慕课购物车全选功能练习)
购物车可以说是基本要求了吧,逻辑功能挺多,综合功能都写下来,也能提升js基础了。今天就来看看简单点全选/取消功能,并记录已选中的次数(暂无反选)。HTML部分:<input type="checkbox" id="checkAll">全选/取消<ul> <li><input type="checkbox" class="selects"...原创 2019-06-23 17:38:34 · 4155 阅读 · 0 评论 -
写给自己的第一篇博客日记。
入门IT前端也有一段时间,从未写过自己的技术博客,一直都是遇到问题查阅别人的资料,感觉挺不好的。偶尔记录在笔记本,发现也停麻烦。所以想着,写一些博客或者转载也许会好点。把自己遇到过的各种问题,收集起来,以便后续可以更快的解决处理。毕业几年,真是个失败者,转行过来,也是菜鸟一枚,反思了一下,人真的不能懒惰,也不可不学习。因为去年底开始已经明显感受到行业的巨大变化,在和前辈们竞争中没有一丝优势,随...原创 2019-06-11 18:08:59 · 206 阅读 · 0 评论 -
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 · 2770 阅读 · 0 评论 -
一个面试我的后端妹子问的405错误
面试时,后端妹子突然问我一个405的报错,说实话自己从来未遇到过,所以不知道咋个回事。我就自作聪明的挨着40X的原因答了下,然后就没戏了,最后问了她原因,说是提交方式的问题,但是改了提交方式还是405,我在想可能是参数之类的(后来也证实是有这一点),这里提醒面试时,完全不知道的话还是不要瞎猜答案,不如说没遇到过这类问题,不然基本会挂!回来查了下资料才知道具体原因有以下几点:1、在前端的...转载 2019-06-20 15:09:19 · 2252 阅读 · 0 评论 -
面试遇到js判断字符串中次数最多的字符和次数
之前一直有看,都是看了大概的思路,没有自己去写。所以最后面试官要求手写的时候懵逼了。这里特意记下以便下次用到。顺便带一句,看面试题为了查缺补漏。死记硬背肯定不好的,能理解最好,能手写更好了,毕竟工作中也可能用到。上代码:var str = 'adafjajddddajdsajfjjjddddakks' /* 封装一个查询最多字符串的函数 */ function ...原创 2019-06-14 15:56:54 · 254 阅读 · 0 评论 -
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 · 1055 阅读 · 1 评论