自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

欢迎来到冲哥的博客

想要一览众山小,就得有爬上山顶的决心和爬山的坚持,两者缺一不可!

  • 博客(589)
  • 资源 (6)
  • 论坛 (1)
  • 收藏
  • 关注

原创 移动端h5页面,网页突然在部分手机浏览器中,打开内容为空,样式和js都执行了,但内容就是为空

也就前天 突然接收到 用户的反馈 说网页无法打开了上午 我立即去排查 好像在部分的手机的浏览器中确实内容为空然后在pc端上模拟 手机的时候 尤其是谷歌 偶尔会出现 一直 开启 debugger 很难受但是火狐是正常 我看了页面 和接口 都是正常的 也不是缓存的问题后来以为是缓存的问题 但是清理缓存 也是那样然后继续排查 是不是语法的问题 但还是很快被排除 如果是语法的问题 的话 以前也应该不能访问呢 所以这个也被排除了后续以为是 域名...

2021-01-15 17:42:07 9

原创 layui的图片预览 鼠标滚动无法放大了

同样的代码 突然失效了 。 当时也算找了一会最后发现 原来是 layui版本的问题好像支持鼠标放大的 至少是 2.5.4 版本后来更新了版本可以了

2021-01-15 17:32:17 7

原创 layui 表格中如何实现根据列索引显示 当前行的 id值

其实正常的话 ,可能我们在表格中第一行可能是按数据库中 的id进行展示的但那样的话 可能新增的数据 id可能比较大 然后在上面排着 有点别扭 哈这样 产品 就会让我们前端码农更改下 哎 苦逼的生活这个时候我们可以采用 layui 表格中的自定义木板的方式进行过解决哈return d.LAY_INDEX; 其实关键的就是 这句话 然后就把当前行的索引 返回 出来了table.render({ cols: [[ {field:'id', titl...

2021-01-12 09:50:41 33

原创 百度地图,开启marker点拖拽,并监听拖拽后的坐标位置

有的网站可能让用户自己移动marker点选择位置 这个时候 需要就来了开启marker点的拖拽还是很简单的哈其实开启拖拽的也是 BMapGL 版本的地图 这点要记住哈 var marker = new BMapGL.Marker(point, { enableDragging: true }); map.addOverlay(marker);然后就是监听 marker点拖拽的事件 有的小伙伴可能去找 百度看看有没有相关的api啥的 其...

2021-01-10 17:44:34 52 1

原创 百度地图添加文本标记

添加文本标记 还是很有用处的 用来给我们的地图上进行标记 然后给用户一些提示啥的这个百度直接给我 封装好了 api 直接调用就显示出来了 官网介绍也很清晰 我在自己的博客中保存一份然后 方便以后查看 嘻嘻不过记住引入的是js GL 版本的百度地图 <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script> 如果你的地图上面没有 type=web...

2021-01-10 17:36:13 44

原创 layui 中的layer弹出层 使用iframe 引用本地路径的html 文件

这个相对来说还是比较简单的 但是也有一点小坑 一般来说 我们写的比较少的可能 直接会在页面中 声明一个div进行 展示但是 如果弹出层的页面比较复杂的话 可以直接 搞一个html 使用iframe的形式进行引入假设 我们的本地 有一个demo.html 和我们的正在使用的html中 在同一级目录下 的话记住 type 类型是 2 是数字 别用引号包括啊 同样的 content 的路径 要加 ./ 直接/ 他可能也找不到layer.open({ ...

2021-01-09 16:32:55 31

原创 js 中匹配任意字符,不得小于多少个

\s 则表示匹配 空白字符\S 则表示匹配非空白字符 这样的话 就包括 字母 数字 和下划线了那么匹配至少 30个字符的 正则怎么写呢var reg = /^[\S]{30,}$/记住 {30, } 这样是错误的 {30,} // 这样是对的30逗号 后面 不能加空格 直接跟着 否则就会报 匹配不到 这个也算个小细节问题吧关注我 持续更新前端知识...

2021-01-09 09:47:19 20

原创 js中怎么将数组传递给后端,后端只接受json格式的数据?

var arr = [1, 2 , 3, 4];数组接受不了 字符串总能接受吧将数组转换成 字符串 传给后端 传过去之后 让后端 自己分割 取出自己需要的参数就行了 换种方法就解决 var data = arr.join('-');关注我 持续更新前端知识...

2021-01-08 14:48:42 22

原创 js中找到字符串最后一个字符并去除掉

第一种方式 使用字符串的 replace方法var str = "hello-world-" // \S 非空白字符 $结尾 {1} 匹配一个 str = str.replace(/\S{1}$/, ''); console.log(str);第二种是使用字符串截取的方式 字符串截取有三种api 我这里只讲解俩种哈var str = "hello-world-" console.log(str.slice(0, -1.

2021-01-08 14:45:03 26

原创 layui 中 给 select下拉框添加选项( 赋值)

在layui中如果是给 input输入框赋值的话 那么 直接就可以 通过 form.val() 的方式赋值但是吧 select下拉框还是有点奇怪的 他可不能那样赋值 有些刚用layui 比如博主这样的菜鸟 还就是那样做的 哈哈哈给 select 元素绑定一个 id 一会用来添加元素<div class="layui-form"> <div class="layui-form-item"> <labe...

2021-01-08 13:32:42 94

原创 git登录验证: 报错 Logon failed, use ctrl+c to cancel basic credential prompt.

最近换了个新电脑,就拿起之前的git安装包 装了下 git但是在测试push代码的时候 明明我输入正确的账号密码 但是一直给我报错我还特意跑到 githup上登录测试了呢 发现是正常登录的 难道是做了什么东西吗后来 我随便试了试 就重新下载了一个 git安装包换上之后 可以push代码了 奇怪了 也不知道怎么就好了但是发生个不同的是 新版的git 验证身份的时候 直接打开网页进行验证的 和 老版本的弹框 是不一样的 可能是这点的区别吧最后搜了下百度 还...

2021-01-06 13:11:34 104

原创 jquery 绑定点击事件 点击触发两次

这个很简单 很有可能就是你绑定了 多次 先搜索下 看是不是 绑定了 两次如果没搜索到 也有可能是你把 绑定点击的放在一个函数中 这个函数执行了 两次举个例子吧function click() { $('#demo').on('click', function() { console.log('hello world'); })}click();click();像上面的那种情况 就会出现 点击 id为 demo的元素 出现两次 hello ...

2021-01-05 09:07:32 35

原创 css中消除某一个样式属性的影响

其实这个主要是在 我们使用第三方ui框架的时候 覆盖他们本来的样式属性但有的时候 需要我们消除某一个属性的影响并不是覆盖它 (其实本质还是覆盖 哈哈哈)举个例子吧 想让某个属性不起作用left: unset;div { position: absolute; left: unset; right: 0, top: 10px;}...

2020-12-31 09:09:23 59 2

原创 在iframe 中 父页面调用子页面中的方法, 子页面往父页面 中传递参数

这个要是在 vue 或者 react中 子组件往父组件传递 参数 那肯定好多用过的童鞋都知道 怎么进行传递但是 iframe中 子往父 传 可能一上来不知道怎么做首先哈 子页面调用父页面中的方法 是 window.parent.方法名 进行调用但是 有个这样的需求怎么搞呢 按钮在父页面中 ,点击 触发子页面中的方法 然后传参给父页面这里运用到了 addEventListener('mesage'); postMessage() 这两个配合起来使用...

2020-12-30 09:26:24 58 1

原创 css 选择器 如何 选择 大于 N 的情况 ?第n个元素之后的情况

我们可以 通过 nth-child 选择 第几个子元素 但是要做到 大于 第n的元素 怎么做的 其实 我们可以通过配合 实现呢 假设 我把大于 第二个元素 也就是从第三个开始 都是红色 样式上来实现就是div:nth-child(2) ~ div 核心 就是这个的配合.parent div:nth-child(2) ~ div { background-color: #f00; }我们看下 实际效果 是不是 实现了 其实 还...

2020-12-28 20:48:54 107

原创 layer.open 弹出框 配合西瓜视频播放视频的时候 滚动条出现问题,底部出现白边

实际的问题 图 搞得我还是比较难受的配合 西瓜视频 加上 layer弹窗 底部视频一直会出现这个白色底边 很难受 产品肯定也是不允许的我直接写出来解决方案吧fluid: true, 首先西瓜的实例化配置中 要加入 自适应 要不 宽高就是默认的 <!-- 视频播放容器 --><div id="z-play"></div> // 西瓜的cdn<script src="//cdn.jsdelivr.net/npm/xgpl...

2020-12-28 13:01:11 56

原创 想要一览众山小,就得有爬上山顶的决心和爬山的坚持,两者缺一不可! ----2020年度总结

成功并不是在决定那一刻就来到的,而是决定之后每天坚持坚持一点点走向成功的!---前言 每天起来的第一件事情就是打开手机,然后进入csdn进行签到,我很喜欢签到中的那句话,大概就是我前言中的那个意思吧,当习惯慢慢成为习惯的时候,放弃也是一件痛苦的事情,每日签到我已经坚持了快一年了,如果突然有一天忘记了这件事情,我可能觉得这一天会少点什么。 虽然我的账号注册是在四年前注册的,但是写博客确实在我去年参加工作之后,经常在csdn中找到我工作中遇见的问题答案,后面萌发了我...

2020-12-24 14:27:35 58

原创 egg 中使用中间件

中间件这个东西 运用得到 可以帮我们解决一些不必要放在路由中的一些逻辑处理在用户匹配到路由 之前 或者 之后 做的一些事情因为 egg 是基于 koa的 所以koa得洋葱模型也被 egg所采用1. 在egg中创建一个 middleware 文件夹2. 创建一个 middlewaredemo.jsoptions 是给 中间件传来的参数 app 是当前的应用实例module.exports = function(options, app) { console.log(...

2020-12-24 13:27:27 81

原创 js 中 实现讲一个数组 随机打散

1.第一种代码简短arr.sort(() => Math.random() < 0.5 ? -1 : 1);2.效率高些// 随机打乱数组 function shuffle(arr) { var len = arr.length; for (var i = 0; i < len - 1; i++) { var index = parseInt(Math.random() * (len - i));

2020-12-24 09:33:37 54

原创 js实现将一个元素 插入到数组指定位置

业务逻辑中还是会碰见这样的需求呢用的是 数组的 splice方法 第三个参数就要要插入的新值 然后 我们删除 0个元素就可以了function insertEl(arr, index, newValue) { arr.splice(index, 0, newValue); return arr;}关注我 持续更新前端知识...

2020-12-24 09:27:33 92

原创 js 中 求两个数组之间的差集

业务中还是有可能碰见这样的问题呢一个数组是另一个数组的超集 , 然后求出两个数组之间 的差集推荐一款好用的js 插件 堪比 jquery 虽然可能影响力没有jq大 loadsh 很牛逼的一款插件我第二种方式就是用oadsh 做的 直接调用一个 函数就行了const _ = require('loadsh');let arr1 = [1, 2, 3, 5, 6];let arr2 = [1, 3, 5];// 差集var temp = arr1.concat(a...

2020-12-23 16:48:32 87

原创 jquery的点击事件 一会能点击 一会不能点击了

查看 有没出现 重复绑定事件的情况对一个元素 两次进行相同的事件绑定 可能会出现 都用 on 进行事件绑定加油日常一坑

2020-12-23 16:25:26 34

原创 jquery 清除一个元素上的所有类名

$('div').removeClass()

2020-12-23 16:22:49 96

原创 获取input file 文件选择框的 文件信息 , 在本地预览

大概就是这样的效果html代码<img src="/imgs/yangmi.jpg" alt=""> <input type="file" name="" id=""> <img id="base" alt="">js代码$('input').change(function() { var img = this.files[0]; if (img) { // 第一种方法 var url = URL.createOb...

2020-12-22 16:19:42 91 1

原创 原生js,jquery, 获取 input file 输入框中的文件信息

其实吧 是通过input file文件选择框的一个 change事件 监听回调进行文件的信息的获取的原生js是var file = document.querySelector('input[type=file]');file.addEventListener('change', function() { console.log(this.files);})jquer 则是 其实 上面的也可以在 jquery 中使用$('input[type=file]').cha...

2020-12-22 16:02:49 78

原创 使用http-server 创建本地服务器,然后手机连接预览网页,附带连接不上的解决方法

如果做h5 的页面的话 如果单纯就在 谷歌的模拟器上进行测试的话 明显是不够的得在真实的环境下进行测试才更有效果直接 npm install http-server然后在一个项目目录中直接 http-server 默认是监听 8080 端口 然后 手机和pc 在同一个局域网下 就可以 进行预览页面 查看在真实手机下的情况了记得 吧 ip 地址 发给手机 就是我图中指向的那个地址如果连接 不上 确认开启成功了 那就 把防火墙关闭了 试试看...

2020-12-22 15:16:03 65

原创 通过css 设置 谷歌浏览器 字体小于 12px

哎 那个奇葩 提出来的这个需求 设置个 10px 用户还不趴在电脑上 看其实吧 谷歌 默认设置 最小字体就是 12px 默认是 16px就算你通过 font-size 设置 10px 但是 谷歌上是不生效的 看到的还是 12px但是 在ie上是可以设置成功了 第一次 感觉 ie 还是 不错的 但是这种不错总觉得怪怪的 哈哈在 谷歌上 我们可以通过缩放 来变相 实现 字体缩小的功能transform: scale(0.625); 通过transform ...

2020-12-22 09:40:10 38

原创 移动端获取当前聚焦元素,当前活跃元素

这几天在做移动端项目碰见一个问题,就是在移动端 input输入框的聚焦问题 好像我使用jquery的时候 $.blur 和 $.foucs 支持的不是太好 这个就很难受了因为我有个问题就是要 在用户点击输入框的时候 触发一些事件然后就选择了 其他的方法 就是获取当前聚焦元素是 document.activeElement 是当前点击元素吧然后我给input 输入框加了一些自定义元素 <input data-id="userinput" type=...

2020-12-21 14:43:37 51

原创 layui 中 表格 复杂标头 中 设置 colspan =1 的 时候 单列出现错位的问题

很难受 超过两列 都正常显示 一旦动态设置成1列的时候 就出现了 问题 错位 排版问题翻了 整个 layui文档 也找不到解决方法 最后百度找到了 还是 csdn的大佬比较多https://blog.csdn.net/qq_33966519/article/details/103618439官网文档都没有这个属性 加上之后确实解决了 我的问题colGroup:true 加上 这个属性{colspan:1,colGroup:true }每次掉...

2020-12-17 18:17:33 90 1

原创 下拉多选框的实现, 基于 xm-select 快速实现

突然要实现一个 下拉多选的功能吧 想自己写出来其实也是能做到, 但是吧 太浪费时间了 就去翻了翻百度找到了这个插件简单 方便 主要是以前也使用过layui的一些经验 ,上手可能也快点https://gitee.com/maplemei/xm-select // 代码下载地址1. 安装和使用直接引入使用就行了 如果你下载到本地的话 <script src="/xm-select.js"></script>2. 在搞一个div容器...

2020-12-17 16:18:49 332

原创 IE 获取 事件对象 如果要兼容到ie8

做了一个 捕获鼠标位置的demo例子,要兼容ie,同时还不能使用 addEventListener 这个ie也不支持其实 吧 ie9 以上的 和 标准的对象是一样的 都是 传入事件函数的 第一个参数 e作为事件对象window.event ie8 的事件对象 是这个东西 和我们标准的 直接 传入e 的那个还不太一样document.onmousemove = function(e){ var x, y; if(window.event) { x = windo...

2020-12-16 11:20:21 31

原创 VS code 设置 代码缩进参考线

我同事最近可能是更新了 vscode 之后 代码的 缩进参考线 显示出来了 以前可能没有哈左边的一条条竖线 看着贼难受 他找了很久也是没有找到 怎么关闭 了其实这个东西没必要关闭的 只是他当前选择的这个高亮主题 让代码缩进线 显示的比较明显了 如果实在受不了 可以 换个主题就行了换个 主题 就不明显了 当然 你也可以不换 主题 只是 关闭下 代码缩进参考线也可以文件 -> 首选项 -> 设置 -> 搜索 indent ...

2020-12-16 09:39:20 198

原创 egg中 渲染 ejs 模板引擎 给我显示成html字符串了

配置也没错 网页中却给我显示个 这个玩意 好难受了我也是找了 好一会 才发现问题 原来是在代码的前面 我当时测试东西 放了一个 ctx.body 返回东西了 所以才会变成那样了ctx.body = "hello world"把那句话注释了 就变正常了关注我 持续更新前端知识 ...

2020-12-15 09:29:53 43

原创 egg 中安装和使用 ejs模板引擎

egg是阿里开发的一套针对企业级开发的node.js框架。 没办法 koa 和 express 中并没有约定 开发者该怎么去书写 ,导致写出来的mvc效果千奇百怪哈。阿里也说了 有一个好的约定 是很重要的。 没有约定 就像是没有规则一样 各有各有的写法 那肯不行1. 我这里使用了 ejs模板引擎 咋说了 ejs 虽然性能并不是最好的 但是 却很简单哈 我也一直用的就是ejs 模板引擎安装npm i egg-view-ejs --save2. 配置在 app/config/p...

2020-12-15 09:17:19 95

原创 苹果(ios)手机端浏览器, input 输入框 设置 readonly (不生效),照样有焦点聚焦

安卓上正常 , 苹果上不正常了在 input 输入框的样式 上加一个-webkit-user-select :none; /* readonly 在苹果浏览器上不起作用*/ #user-info .select-area input { cursor: pointer; -webkit-user-select :none; /* readonly 在苹果浏览器上不起作用*/}关注我 持续更新 前端知识 一起见证小白的成长之路...

2020-12-11 15:15:00 49

原创 h5 监听 用户点击 input 输入框 弹起软键盘

其实 判断的依据就是 根据 用户点击 输入框 软键盘弹起来之后 引起 视口 (可视化区域)高度大小的变化 整体可能会发生向上移动的效果// 进入页面之后 我们先获取一次 可视化区域的高度 这个时候 啥操作 还没做 属于正常的情况var initHeight = document.documentElement.clientHeight ||document.body.clientHeight;然后监控 窗口 变化的 回调函数 进行对比判断 然后分别在 弹起 和收起...

2020-12-11 15:10:47 125

原创 JS判断当前是否是 苹果 IOS 环境

这个 要是说总得概括的话 应该是 包括 平板 手机 和 苹果笔记本电脑 三个环境function isIOS(){ var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 return isiOS; }if(isIOS()) { // 如果是ios的话 做一些事情} e...

2020-12-11 14:48:41 111

原创 js 实现 屏蔽 鼠标 右键的 功能

有的时候 确实需要这样做 不让用户来刷新页面 比如iframe 层 和外部联动的情况 下 如果只是刷新 iframe层的 话 很有可能又出现问题 这个时候 就需要我们禁用了 iframe层的 鼠标右键功能document.oncontextmenu = () => false; document.addEventListener('contextmenu', function(e) { e.preventDefault() });...

2020-12-11 10:44:49 46

原创 js 中判断空数组 和 空对象的方法

在js中很奇怪哈 空对象和空数组 都是判断 为 真1. 空数组的判断var arr = [];var str = JSON.stringify(arr);if(arr.length !== 0) { console.log('真') } else { console.log('假') } if(str !== "[]") { console.log('真') } else { console.log('假') }2. 空对象的判断var..

2020-12-11 10:42:24 78

原创 调用iframe 外部页面的 方法

最近在做layui 的后台管理系统 layer的弹出层 是一个 iframe 层我有个需求就是要调用外部 的方法 来实现 传参了 触发一些操作这个时候 就需要做一个 操作了 直接写外部的方法名调用是肯定不行的外部文件中方法 这样定义window.doSomething = function(name) { console.log('hello' + name);}在 iframe 中 调用window.parent.doSomething('张三');...

2020-12-10 19:14:10 130

jiuxian.zip

完成一个静态的页面,用html+css完成的一个电商界面,jquery完成一些特效.可以作为大学毕设设计参考页面,为需要的同学提供一点帮助吧

2020-02-06

jsonToExcel.rar

由于工作需要 将后端返回的数据 选出有效的数据 用户点击下载 可以导出为excel表格形式 可用户看

2019-12-06

基于PHP+MYSQL的电子商务系统有前后台和数据库(没有tp框架知识的慎重下载).rar

数据库我用的是mysql,能实现基本的功能,商品的展示,加入购物车,结算,也有后台管理系统,管理数据库里面的数据,很适合新手参考学习

2019-10-22

西游记四个小人物走动,css3的知识 有兴趣的童鞋参考.rar

css3中的动画特性,形成人物走动特效,感兴趣的童鞋可以学下,很简单的

2019-10-21

html5新特性canvas绘制弹幕

用js封装的弹幕函数,里面有构造函数,用html5的新特性,同时是参考bilili写的,感兴趣的同学可以参考下

2019-10-14

轮播图资源,有需要的同学可以下载参考下.rar

不需要下载jquery,我使用的是cdn,直接更换图片地址,就可以使用了。中间的有些注释是按照我自己的意思写的可能有的地方有些欠缺,

2019-09-17

有大佬安装cordova 碰见过下面的问题嘛

发表于 2020-08-18 最后回复 2020-08-18

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除