- 博客(63)
- 收藏
- 关注
RSS订阅原创 JS冒泡排序 + reduce 将数组排序并将多维数组变一维数组
通过Reduce迭代协同冒泡排序，实现将多维数组降为一维数组并进行从小到大排序。
2022-10-28 09:32:46
641
1
原创 JS处理多层嵌套数据
数据有两层时我们用for嵌套for来实现，那当层级是未知数量时，我们怎么实现了？来，跟着我一起用递归来一步一步实现这个需求。
2022-10-15 18:09:38
2301
原创 前端深入探究（一）常用css水平垂直居中的6种方法
1：vertical-align: middle; // 需要同级dom也是行内元素，相对于同级元素居中2：line-height: 50px; // 一般设置文字居中3：定位 加 margin实现居中 父元素设置 position:relative; 子元素设置 position:absolute; top 和 left 设置 50%; 高度固定，设置 margin-top 和 margin-left 元素宽度和高度的一半。.main-wrap { positio...
2020-07-15 11:38:24
449
原创 vue cli3 配置 stylus全局变量使用
首先在common.styl文件中写一些常用的css变量，方便全局使用，避免重复代码。预想的是在main.js中引入common.styl文件，然后所有的.vue文件就都可以使用了。但是事与愿违，根本不起作用。网络上有很多教程，但是都不起作用（找答案是个痛苦且漫长的过程），下面是总结的代码，基本开箱即用，希望能帮助到需要帮助的人。// vue.config.jsmodule.exports = { // 配置使用stylus全局变量 chainWebpack: config =&
2020-06-20 17:11:46
2288
5
原创 ant design select组件 数据回显时设置默认选中数据
首先介绍下问题：一条数据是需要添加和编辑、删除的。我添加成功，但是编辑这条数据的时候。select框中不能正确的回显数据，我就在文档中找啊找，找到 defaultValue 这个参数。当我认为将要大功告成的时候，我发现我找错了，并不能正确的回显。然后又是找啊找，找到value参数。设置一下，嘿，直接成功了。说下defaultValue 和value参数的区别官方文档是这样解释的...
2019-03-02 16:23:23
33427
10
原创 微信小程序40029 错误解决方法
首先报40029错误的方式有多个，但是错误原因应该只有一个。1：openid 和 当前小程序不对应，或者AppSecret 秘钥和当前小程序不对应的。2：当前小程序能正确获取到token，但是在code还没有失效时，另一个小程序也用这个小程序的openid或者AppSecret 秘钥去请求token。这个时候也会报40029，说到底还是第一个错误，只是触发的方式不同。解决办法也很简单，...
2019-02-19 09:37:40
24804
原创 react 实现点击切换class（详细）
点击切换样式，通过for循环将索引(index)暂存至data-index中，再通过onclick点击事件e.target.parentNode.parentNode.getAttribute(‘data-index’);来获取当前点击的索引值，最后将索引值存到state中。页面三目运算通过比对state中暂存的索引值和当前dom元素的索引值的改变来决定是否显示class-st...
2019-02-08 10:47:55
10654
原创 解决jqweui中slider 按住移动时鼠标超出松开还会继续移动问题。
使用时按住移动，正常是没问题的，但是当鼠标超出slider范围时松开鼠标左键，移动还依然会跟随移动。//判断鼠标是否超出 骰子位置，如超出则终止移动事件if(!document.getElementById('sliderHandler').contains(window.event.srcElement)){ this.touching = false}在 Slider...
2018-12-08 20:09:24
1292
原创 for循环，倒序循环
首先：有一组数据，每个都和这个一样 asdfafd1kj3jh5kj43bb55jh2kjhkj5 随机的英文和数字组合。现在需求需要获取每条数据的后两个数字并给它加上span标签。一般来说，正序的for循环就可以了。从头开始循环，我刚开始也是这样想的。但是有几个问题也就出来了1. 必须要循环完整条数据的每一个值2.还要先把循环到的每个数字都保存起来，然后再去获取后两位数字的位...
2018-11-29 11:04:06
11371
原创 css3+图片制作圆形球状水波荡漾效果
偶然看别人网站上有个这个效果，刚开始觉得应该是canvas或者svg做的。但是仔细一看有三个部位，就感觉是图片+css做的。查看下代码后果然是，然后好奇心使然，就把它扒下来了，供大家参考。先上效果图：他的布局和代码结构也很简单，就是用三个div 做三个背景图，设置不同的opacity。然后通过css3的animate 结合 keyframes做的一个从左往右的动画。完整代码我也贴出...
2018-11-22 20:18:18
5921
3
原创 git常用命令
git pull //从线上pull代码下来，git checkout //分支名 切换分支，git merge origin/分支名 //合并分支，git push //提交代码到线上，git add . //把改变的数据保存到暂存区（修改和新建的但不包...
2018-09-22 00:12:32
146
原创 Vue环境配置时报npm WARN deprecated [email protected]: Switch to the `bfj` package for fixes and new features
前提条件：node.js 、vue-cli、webpack安装好，配置好淘宝cnpm源。本来执行vue init webpack projectName 一路配置，最后npm run dev 就配置完了。但是，天公不作美。总要出点幺蛾子。这不我这就出了报错 ：接下来就开始一段疯狂的找错模式我本来还不信邪，继续 npm run dev但是现实总是会清楚的让你知道，你得...
2018-09-17 23:49:26
27290
2
原创 ECharts 修改柱状图、折线图、饼状图颜色样式，数据过多时添加X轴滚动条。
直接从官网上拿的是基础的样式，这里直接上一波图对比一下柱状图：修改后的柱状图：折线图：修改后的折线图：饼图（环形图）：修改后的饼图（环形图）： 效果显而易见，接下来直接上实现代码// 基于准备好的dom，初始化echarts实例var timeStatistics = echarts.init(document.getElemen...
2018-09-13 18:07:51
16740
原创 用一个例子对比Jquery和Vue理解面向对象编程
通过实现一个点击一个按钮，将input框中输入的内容放到ul列表里首先，jq的通常写法$('#btn').click(function(){ $('#list').append("<li>" + $('#input').val() + "</li>"); $('#input').val('');});jq通常写法就是按钮点击时将input输入...
2018-08-28 16:15:19
2499
原创 ckeditor 设置只读和取消只读
编辑页面有个需求点击编辑时能编辑，点击查看时只读不能编辑，其他input，textarea还好，设置disabled 或者 readonly就可以了。但是ckeditor是富文本编辑器，普通的设置不会生效。还好官方提供了方法。代码如下：var editor = CKEDITOR.instances["textContent"]; editor.setReadOnly(true...
2018-08-13 17:28:11
7475
原创 简洁高效把数据从前端传到后台
前端将from表单中输入的数据传到后台有和很多种办法，这种是比较高效的办法。单条数据可以直接通过存在一个对象里，按key和value键值对拼好就行。多条数据就可以把媒每个对象依次存到数组里，最后转成json数据传到后台。var arrData = [], data = {};$('#pcTbody tr').each(function(i){ data = {}; ...
2018-08-10 09:02:12
5002
2
转载 js 限制input只能输入中文、英文和数字
通过replace来替换不符合要求的数据$(document).on('keyup','[name="layerName"]',function(){ $(this).val(testLayerName($(this).val())); }); $(document).on('paste','[name="layerName"]',function(){ $(this).val(t...
2018-07-18 16:20:26
6174
原创 mysql 修改 root 密码
安装完mysql后 新建连接 点击确定 提示 1045 Access denied for user 'root'@'localhost' (using password:YES) 排查后发现是root密码不对，然后就是解决问题，修改密码 网上有很多种修改密码的方法，这里只取其中一种 （系统是windows10） 打开 cmd 命令管理器 进入 C:\Program Files\M...
2018-07-10 23:59:29
225
原创 js限制输入框只能输入数字且首位不能为0
$("#class_week").on("keyup",function(){ $(this).val($(this).val().replace(/[^0-9-]+/,'')); if($(this).val().length == 1){ $(this).val() == '0' ? $(this).val('1') : $(this)...
2018-05-14 15:44:48
11123
原创 echarts 柱状图 X轴数据过多时横向拉动展示
使用echarts 柱状图数据过多时，容易挤到一起，导致排版很不清楚。就像下图这样：到网上找了很多，答案都不尽人意，后来就到官网查API文档，被我给找到了先出效果图，再上答案没错就是这种横向X轴拖动配置代码就是 dataZoom : [ { type: 'slider', show: true, ...
2018-05-03 21:34:29
36569
9
原创 wampserver 局域网内手机浏览器访问报 403错误解决办法（不同于百度其他方法）
从安装wamp到实现手机浏览器访问遇到了2个问题，1. 安装完成后启动后 显示为黄色。根据百度的说法怎么都解决不了，最后在百度知道里找到一位兄弟的回答，但是全部都是踩。他的答案是，把所有关闭wamp，然后把所有与Mysql相关的服务都关掉。我抱着试一试的态度试了一遍，绿色重新回到了我的眼前，感谢这位兄弟。2.第二个问题就是手机浏览器访问报304，电脑访问不会。我按照百度的方法，把httpd.con...
2018-04-19 12:00:35
1144
原创 css3+贝塞尔曲线实现可伸缩input搜索框效果
话不多说，上效果图。核心代码就是 transition: cubic-bezier(0.68, -0.55, 0.27, 1.55) all 1s; 通过 transition 属性的 cubic-bezier（贝塞尔曲线） 在过渡效果上加了个缓冲效果。html代码部分主要模块就是一个input 外加一个 父级 div div宽度需要大于input宽度不加 cubic-bezier 可以实现这个...
2018-04-18 11:17:36
1214
原创 CKEditor 图片上传成功，但却不能预览解决办法之一
问题起因：config.js文件都配置好了，页面上也显示了富文本编辑器，点击图片上传，上传到服务器，也成功了，本地文件夹里也有图片了。但是预览块就是没有图片，只有一个红色的错误提示图片。解决思路：各种百度查资料，大部分都是说文件配置问题，但是，我这里以前也使用过配置是没问题的。所以我就从图片路径上找问题。乍一看文件夹里都已经有上传的图片是没问题了，接着找，上传没问题，就找回显到预览的路径。发现，富...
2018-04-12 11:53:11
7838
原创 css img宽高等比例平铺div，不变形解决办法。
有两种解决办法第一种 父div 设置overflow: hidden; img 标签设置 width: 100%;但是会有一个问题，高度大于父div时，会有部分被隐藏。第二种 解决办法出自 深圳前端交流群 （群号：247687975）深圳-旧城以西 。使用背景图片的方式，设置css3 background-size: cover; 官方解释是：把背景图片扩展至足够大，以使背景图...
2018-04-10 11:29:30
17934
原创 js字符串转数组，去重，并进行排序。
var obj = { a : '0', b : '1', c : '0', d : '6', e : '11', f : '1', ...
2018-03-26 10:07:29
2449
转载 js判断数组内是否有重复值
var arr = ['1','2','3','1'];var s = arr.join(",")+",";for(var i = 0; i < arr.length; i++){ if(s.replace(arr[i]+",","").indexOf(arr[i]+",") > -1) { alert('数组内有重复值：'+arr[i]);
2018-03-22 15:36:46
774
原创 js弹框插件
前段时间闲来没事就自己造了个轮子，写了个弹框插件。虽然还有很多待完善的，但是感觉够用很多场景了，所以就拿出来分享分享我自己给它取名叫Lee_popup（前段时间误删了，现在重新发布下）这是HTML部分<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> ...
2018-02-26 18:26:28
2775
2
原创 自定义 select 下拉框 多选插件
这个插件主要是解决一些比如需要下拉多选 和 下拉层级关系 而生的这是预览图这是之前比较早一段时间写的，现在拿出来分享一下，希望能帮助到有需要的人。源码下载：百度网盘: https://pan.baidu.com/s/1ggWQDij密码: 9kqy
2018-02-07 17:59:41
1459
原创 前端js过滤html标签和<>、空格等产生的特殊符合
//去除html标签function deleteHtmlTag(str){ str = str.replace(/]+>|&[^>]+;/g,"").trim();//去掉所有的html标签和 之类的特殊符合 return str;}
2018-01-29 14:10:12
7692
原创 Some projects cannot be imported because they already exist in the workspace 解决办法
MyEclips导入项目时提示Some projects cannot be imported because they already exist in the workspace，意思是‘有些项目不能被导入，因为它们已经存在于工作区中’，原因有两个1，旧的工作区里面的同名项目没有删除干净。这个问题的解决办法网上有很多，我就不赘述了。我们主要讲的是问题原因22，与现有工作区项目重
2017-11-24 11:21:01
2729
原创 jquery设置My97DatePicker日期选择插件只能以今天为起点。
设置My97日期选择插件只能以今天为起点，今天以前的不能选择。首先把input标签上的onFocus属性给去掉。然后在js文件里设置focus事件。//设置开始时间为今天function setNow(){ var myDate = new Date(); var year = myDate.getFullYear(); var month = myDate.
2017-11-07 10:18:19
3907
原创 js原生touch事件实现微信语音按住录音，上滑取消。
由于在微信公众号上要开发语音聊天功能，前端需求就需要有一个类似微信的语音聊天，我看了下微信的语音，操作流程就是按住录音，滑动超出一定距离就取消发送。需求确定了，下面就是敲代码了 lee-voice *{ margin: 0; padding: 0; } html,body{ background: #fff; } .btn{ pos
2017-10-31 09:58:22
11242
3
转载 选择输入控件，既可以输入又可以选择的控件
即拿即用，复制粘贴，直接使用。 Document .div-wrap{ position: relative; margin-bottom: 20px; } .select-wrap{
2017-10-27 10:50:29
5992
2
原创 仿bootstrap 纯css移动端菜单栏三横杠小图标
网页适配移动端的时候，menu菜单栏要隐藏到顶部右侧，这个时候就会有三根横岗的小图标。这里就是不用图片，直接用标签+css写的。这是效果图：这是完整的代码 Document .nav-mobile-button { position: relative; float: right; paddin
2017-10-27 10:30:46
9319
转载 js正则过滤英文左右尖括号<>
function toTxt(str) { var RexStr = /\/g; str = str.replace(RexStr, function(MatchStr) { switch (MatchStr) { case "<": return " "; break; case ">":
2017-10-26 15:50:44
3524
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人