boKeB1

一个前端菜鸟
提问 私信 关注
Jam2018
码龄3年
  • 90,632
    被访问量
  • 46
    原创文章
  • 908,890
    作者排名
  • 8
    粉丝数量
  • 于 2018-12-06 加入CSDN
获得成就
  • 获得31次点赞
  • 内容获得37次评论
  • 获得25次收藏
荣誉勋章
兴趣领域
  • #前端
    #Vue.js#CSS#WebPack#JavaScript#TypeScript
TA的专栏
  • canvas
    3篇
  • js
    22篇
  • Node.js
    3篇
  • 小记
    3篇
  • Vue
    4篇
  • frontend笔记
    20篇
  • 笔记
    14篇
  • 面试
    6篇
  • html
    12篇
  • css
    16篇
  • 遇到的问题
    20篇
  • 移动端
    9篇
  • swiper
    3篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

页面上的小人.txt

加入这两行代码就能在自己的博客中出现卡通小人了
txt
发布资源于 1 年前

去除Highcharts右下角的版权信息和右上角的菜单按钮

1、屏蔽版权信息版权信息是默认显示的，若不需要可以通过增加代码：credits:{ enabled: false // 禁用版权信息}可以设置和修改版权信息的位置和显示的内容credits: { // enabled:true, // 默认值，如果想去掉版权信息，设置为false即可 text: 'www.hcharts.cn', // 显示的文字 href: 'http://www.hcharts.
原创
563阅读
0评论
0点赞
发布博客于 1 年前

vue router 传参

不在url上显示参数，使用params在 index.js中，给路由添加name {name:"添加",path:"/add",name:"add",component:Add},页面一传递 arrGo(row) { var arr = row console.log(arr); this.$router.push({ name: 'add', params: arr }); }页面二接收 cons
原创
51阅读
0评论
0点赞
发布博客于 1 年前

寻找字符串里边的最长连续子串

function foo(str){ if(str == null)return "" var curr = "" var map = {} var count = 0 //整理map-count for(let i in str){ curr = i if(curr[i+1] == curr){ count ++ }else{ map[curr] = 1 } } //在map中找出最大的count即target var target for(let i in
转载
185阅读
0评论
0点赞
发布博客于 1 年前

JS获取几天前的时间日期格式

$(function(){var days=10;　　//需要一个传值，这个值是几天前或几天后，在此赋值，10就是10天 20就是20天getDateArr(days);　　//调用方法并传值});function getDateArr(days){　　var today=new Date();　　//今天　　var daysData=[];　　　　//定义一个空数组存放数据　　for(var i=0;i<days;i++){　　　　var day=i*24*60*60
转载
110阅读
0评论
0点赞
发布博客于 1 年前

我的第一段实习经历结束了，今天最后一天上班

2019.5.1——2019.12.18
原创
172阅读
0评论
0点赞
发布博客于 2 年前

过滤页面颜色

filter: grayscale(100%);
原创
70阅读
0评论
0点赞
发布博客于 2 年前

video下autoplay不起作用 视频无法自动播放

由于浏览器会拦截自动播放声音的视频，加上muted属性就可以了 <video id="video" muted autoplay='true' loop src="./static/video/v1.mp4"></video>
原创
2413阅读
0评论
0点赞
发布博客于 2 年前

swiper划不动，没力气

observer:true,//修改swiper自己或子元素时，自动初始化swiperobserveParents:true,//修改swiper的父元素时，自动初始化swiper
原创
55阅读
1评论
0点赞
发布博客于 2 年前

获取在url上存的参数

function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null)...
原创
86阅读
2评论
0点赞
发布博客于 2 年前

css隐藏滚动条，保留滚动效果

.element::-webkit-scrollbar { display:none }
原创
147阅读
0评论
0点赞
发布博客于 2 年前

元素点击出现蓝色边框swiper的按钮点击出现蓝色边框

span:focus { outline: none;}
原创
3711阅读
6评论
5点赞
发布博客于 2 年前

gif只播放一次

并不是代码的问题，我感觉是ui故意刁难我只需要在ps中重新保存一次，可以选择一次或者循环播放
原创
1094阅读
1评论
0点赞
发布博客于 2 年前

css自定义光标样式，将鼠标替换为图片

cursor: url('../'), auto;
原创
1007阅读
0评论
0点赞
发布博客于 2 年前

绘制canvas时图片跨域造成的Tainted canvases may not be exported.

给img标签加上允许跨域的属性<img crossorigin="anonymous" src="" alt="">
原创
341阅读
2评论
0点赞
发布博客于 2 年前

安卓微信端a标签跳转链接失效 跳转地址与当前地址相同时

微信端默认不会跳转，这时候加一个后缀就可以了生成一个三位随机数 var num = ''; for (var i = 0; i < 3; i++) { num += Math.floor(Math.random() * 10); } console.log(num); $('a').attr('href', 'https://balalal...
原创
130阅读
0评论
0点赞
发布博客于 2 年前

canvas文字自动换行方法

function drawText(context, t, x, y, w) { var chr = t.split(""); var temp = ""; var row = []; context.font = "26px Microsoft YaHei"; context.fillStyle = "...
转载
480阅读
0评论
1点赞
发布博客于 2 年前

将canvas高宽调整为100%

function resize_canvas(){ canvas = document.getElementById("canvas"); if (canvas.width < window.innerWidth) { canvas.width = window.innerWidth;...
转载
1842阅读
0评论
0点赞
发布博客于 2 年前

页面底部莫名多出一段高度，一个白条

给html加上font-size:0;
原创
2856阅读
0评论
0点赞
发布博客于 2 年前

将时间转换为时间戳

timestampLogin = new Date('2019-08-08 16:51:07').getTime();//1565254267000
原创
8383阅读
0评论
2点赞
发布博客于 2 年前

js时间戳相减获取天数

var nTime = timestampNow - timestampLogin; day = Math.floor(nTime / 86400000);
原创
4536阅读
3评论
0点赞
发布博客于 2 年前

a 锚点跳转滑动效果

<a href="#my">我是跳转到div</a><div id="my"></div><script>$(function(){ //锚点跳转滑动效果 $('a[href*=#],area[href*=#]').click(function() { console.log(this.pat...
转载
908阅读
0评论
2点赞
发布博客于 2 年前

swiper触碰后自动切换也不会停止

https://www.swiper.com.cn/api/autoplay/19.htmlvar mySwiper = new Swiper('.swiper-container',{ autoplay: { disableOnInteraction: false, },})此属性需要放到autoplay里面
原创
1201阅读
0评论
2点赞
发布博客于 2 年前

数组去同，数组相减？

function array_diff(a, b) { for (var i = 0; i < b.length; i++) { for (var j = 0; j < a.length; j++) { if (a[j] == b[i]) { a.splice(j, ...
转载
311阅读
0评论
2点赞
发布博客于 2 年前

移动端固定背景

content: ""; background: ; background-size: ; position: fixed; top: 0; left: 0; bottom: 0; right: 0; ...
原创
124阅读
0评论
0点赞
发布博客于 2 年前

解决谷歌浏览器禁止audio自动播放的问题

由于谷歌浏览器最新版本只允许静音的音频有用户行为发生时播放器没有被隐藏时候才能执行autoplay所以只能让播放器显示出来，给audio标签添加controls="controls"然后让高度为0style="height: 0" 只占一行的高度，但并不显示出来了这样autoplay就有作用了...
原创
19526阅读
8评论
1点赞
发布博客于 2 年前

移动端点击按钮链接触发事件时出现高亮和黄色边框

div,img,a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none;}
原创
785阅读
1评论
1点赞
发布博客于 2 年前

六月初八小记

今天发工资啦，一大早老板就微信我要我手机号码，我觉得事情并没有那么简单，不出所料，没过几分钟就收到了银行的短信老板来到公司后又微我了一个 来我就屁颠屁颠去找老板，也有点害怕，因为好久没有加班了，最近都是准点离开公司老板坐下说每个月多补贴我二百块钱，我心里一喜，原来是前一阵跟老板提涨工资，被老板推太极揉走了，不过我也没有不开心，今天是让我很开心，虽然只是二百块哈哈哈今天大哥把猫带公司来了，...
原创
36阅读
0评论
0点赞
发布博客于 2 年前

判断是否为ios系统

var u = navigator.userAgent; var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
原创
453阅读
0评论
1点赞
发布博客于 2 年前

jquery点击相同class标签里的某一个显示出它的index值

$('.className').click(function () { console.log($(this).index('.className'))//index('放各种想要选择的') })
原创
711阅读
0评论
1点赞
发布博客于 2 年前

移动端input输入框上方内阴影去除

input{ -webkit-appearance: none;}
原创
3403阅读
0评论
1点赞
发布博客于 2 年前

解决ios上输入框圆角问题

border-radius: 0;
原创
176阅读
0评论
0点赞
发布博客于 2 年前

移动端点击出现黑影

div { /*关键代码*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
原创
100阅读
0评论
0点赞
发布博客于 2 年前

移动端设置了overflow:hidden和border-radius，子元素超出部分不隐藏

transform: rotate(0deg);
转载
243阅读
0评论
0点赞
发布博客于 2 年前

给threejs增加代码提示

npm install --save @types/three
转载
1450阅读
3评论
0点赞
发布博客于 2 年前

图片旋转

/*定义动画*/@-webkit-keyframes spin { /*兼容性写法。spin是关键帧的动画名称*/ from { /*动画起始状态*/ -webkit-transform: rotate(0deg); } to { /*动画结束状态*/ -webkit-transform: ro...
转载
71阅读
0评论
0点赞
发布博客于 2 年前

html禁止图片拖动打开新页面下载

<body ondragstart="window.event.returnValue=false;return false;" oncontextmenu="window.event.returnValue=false;return false;" onselectstart="event.returnValue=false;return false;">
转载
447阅读
0评论
0点赞
发布博客于 2 年前

IE浏览器图片出现蓝色紫色外边框

a img{ border:none;}
原创
421阅读
0评论
0点赞
发布博客于 2 年前

给没法修改样式的select和option居中

padding: 0 15%; text-align-last: center; max-width: 226px; min-width: 226px;
原创
513阅读
0评论
0点赞
发布博客于 2 年前

JavaScript在一个函数中清除另一个函数内的定时器 文本逐行弹出效果

今天在简化代码时遇到的问题，本来就是做的一次性的逐行出现的一段文字，简化后却发现定时器停不下来了怎么都停不下，在哪里清除都清除不掉这个定时器，后来想到设置定时器和清除定时器在两个不同的函数中，应该是够不到于是这样 //文字逐行出现 var t1 = null //先在全局定义定时器 function chuxian() { t1 = setInterval...
原创
2022阅读
0评论
0点赞
发布博客于 2 年前

移动端h5重力感应小球

<!doctype html><html><head> <meta charset="gbk"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=...
转载
1683阅读
0评论
1点赞
发布博客于 2 年前

上面元素遮盖下面元素时无法触发下面元素的点击事件

给遮盖层加一个pointer-events: none
原创
2106阅读
1评论
1点赞
发布博客于 2 年前

CSS3 calc() 会计算的样式

在这里看到的https://codepen.io/pen/?&editable=true就查了下刚见识到的，转过来存一下，应该用勤了挺好的calc()是英文单词calculate(计算)的缩写，是css3的一个新增的功能，你可以使用calc()计算border、margin、pading、font-size和width等属性设置动态值。以前我们可以使用box-sizing:bor...
转载
115阅读
0评论
0点赞
发布博客于 2 年前

手机端html5触屏事件(touch事件)3

touchstart：触摸开始的时候触发touchmove：手指在屏幕上滑动的时候触发touchend：触摸结束的时候触发而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：touches：当前位于屏幕上的所有手指的列表。targetTouches：位于当前DOM元素上手指的列表。changedTouches：涉及当前事件手指的列表。每个触摸点...
转载
176阅读
0评论
0点赞
发布博客于 2 年前

点击发送验证码的倒计时

借鉴于https://blog.csdn.net/skye_95/article/details/81663957 var InterValObj; //timer变量，控制时间 var count = 60; //间隔函数，1秒执行 var curCount; //当前剩余秒数 //发送短信验证码 function sendMessage() { ...
转载
293阅读
0评论
0点赞
发布博客于 2 年前

改变checkbox点选多选框的样式

第一次遇到要修改checkbox的样式，毕竟太丑了，除了学校答题网站基本没见到过用的怎么搞呢，大概思路就是把input标签的默认样式隐藏，在input后面加label标签，因为点label也能触发input的默认时间，就直接改label的点击样式就好了放下代码 .check_input { /*去掉input原有样式*/ width: 4.3vw; ...
原创
1751阅读
0评论
0点赞
发布博客于 2 年前

点击盒子改变checkbox状态以及在盒子和checkbox嵌套时阻止默认事件冒泡还有将多选框的值转化为0和1

需求是一个多选题 大概是这样li里包着的checkbox因为我觉得移动端就应该点这一大行 就是选中，就给添加了点击这个盒子，checkbox就被选中页面是这样的 <li> <input id="game1" type="checkbox" name="game" class="check_input"> <label for="...
原创
343阅读
0评论
0点赞
发布博客于 2 年前

iPhone移动端按钮圆角样式被改变

加一句这个-webkit-appearance:none !important;
原创
198阅读
0评论
0点赞
发布博客于 2 年前

自适应背景图片问题

有空研究大概是三部分 头 中 尾
原创
155阅读
0评论
0点赞
发布博客于 2 年前

第一天上班学到的

昨天是上班第一天页面搭建时候应该注意的几个点，和以前不知道的东西每个pc端页面都要考虑到不同页面大小时的情况 响应式布局手机端页面参照设计图制作时，参考的尺寸是比例，才能适应各种不同页面，图片宽度用vw，高度他会自己适应每个页面都要加一串防止页面缩放的代码 防止出现各类问题如这段 <meta name="viewport" content="width=device-widt...
原创
134阅读
0评论
0点赞
发布博客于 2 年前

移动端页面宽度100%时右侧留白边的问题

改好之后再退回去也出不来白边了，下次遇到再截图吧加了这句 <meta name="viewport" content="width=device-width,initial-scale=1.0" />白边就不见了，原因大概是 html 手机默认的100%宽度是980px。...
原创
6401阅读
2评论
2点赞
发布博客于 2 年前

Vue运行报错：missing script:dev

终端执行 vue init webpack
原创
1597阅读
0评论
0点赞
发布博客于 2 年前

来上海的第五天，阿里巴巴前端实习生电话面试整理

流水账，没有干货一下子过去这么多天了，昨天面试了两家公司，今天两个电话面试，下午又去了一家公司，也算是面试过五次了前几天晚上突然接到阿里的内推连接，就点进去做了套题，因为当时实在太晚了，很困题还很烧脑，没有前端技术的问题，还有时间限制，就硬给做完了，也没想到会有后续今早接到了杭州阿里巴巴的固定电话和我约了中午电话面试，因为下午还有个很远的地方需要去面试，就商量着提前了半小时。恰好昨晚接到...
原创
158阅读
0评论
0点赞
发布博客于 2 年前

Web前端面试准备（四）原型和原型链——JS三座大山之一

这部分有点难度，之前学的时候好像涉及的比较少，以至于除了原型链这三个字一点印象都没有从题目入手从题目总结知识点，再解答题目如何准确判断一个变量是数组类型(typeof)写一个原型链继承的例子描述new一个对象的过程（知道原理）zepto（或其他框架）源码中如何使用原型链（zepto是啥 查一下 可参照https://blog.csdn.net/melody_day/article/...
原创
675阅读
2评论
1点赞
发布博客于 2 年前

Web前端面试准备（三）还是变量类型和计算

JS中使用typeof能得到的类型typeof undefined //undefinedtypeof 'abc' //string typeof 123 //numbertypeof true //booleantypeof {} //object 引用类型typeof [] //object 引用类型typeof null //object 引用类型typeof console...
原创
75阅读
0评论
0点赞
发布博客于 2 年前

Web前端面试准备（二）变量类型和计算

题目搭眼一看能答上来几个看能延伸出哪些知识，哪些其他的题目变量类型值类型 vs 引用类型typeof运算符详解 值类型var a = 100var b = aa = 200console.log(b) //100每个变量都能存一个值，不会相互影响 引用类型var a = {age:20}var b = ab.age = 21console.lo...
原创
79阅读
0评论
0点赞
发布博客于 2 年前

Web前端面试准备（一）准备方法

马上就要进入求职阶段了，为了应对即将到来的面试，在网上找些材料巩固下自己，做些摘抄。以下图片来自于视频：https://www.bilibili.com/video/av29843858准备方法题目的知识扩展发现题目的考点题目的考点作用域这一部分比较模糊JS模块化不熟悉 需要加强...
原创
1141阅读
0评论
0点赞
发布博客于 2 年前

箭头函数和普通函数的区别

今天开始学习微信小程序了，昨晚提前看了一些，感觉相比Vue好理解许多，可能是因为学了Vue的缘故吧。今天上课突然被问到箭头函数和普通函数的区别，突然发现脑子里没有这个概念，只能想出好像不用写this就能调用数据还是什么，也不知道该怎么说，趁午休时间来查一下。箭头函数引入箭头函数的作用更简短的函数并且不绑定this。这也是肉眼可见的区别//普通函数function funcName...
原创
118阅读
0评论
1点赞
发布博客于 2 年前

Vue批量图片显示时遇到的路径被解析问题

最近在学Vue，感觉很难理解，学不懂。昨天晚上开始第一个页面的搭建，脑子感觉通了一点，大概知道该怎么做了。在放置轮播图时，要调用很多图片，图片路径在data的一个数组里，用v-for循环（因为还不会做轮播图，从网上找的代码）图片路径是对的，但是不显示，就用普通img标签放了个图片看了一下，这样网页上却变成了这样于是我把每个图片都放了一次，把每个解析后的地址都粘贴在数组里，成了但是这...
原创
1906阅读
4评论
4点赞
发布博客于 2 年前

js点击页面其他地方隐藏div元素菜单

今天是做李维斯项目的最后一天了，我的两个组员还是没有回来，今天打算做完登录注册后做一些细节的东西，再做一下他们没有完成的地方。想要把登录注册弹出的模块点击其他地方隐藏掉，以前查过这个功能的实现功能，联系到了阻止事件冒泡等等，不知为何不了了之也没有实现过，今天又百度了一下。查到这么一串代码&lt;script&gt; document.onclick = function(e) {　　　　...
原创
2483阅读
0评论
0点赞
发布博客于 2 年前

node中__dirname、__filename、process.cwd()、process.chdir()表示的路径

直接上结论：__dirname 表示当前文件所在的目录的绝对路径__filename 表示当前文件的绝对路径module.filename ==== __filename 等价process.cwd() 返回运行当前脚本的工作目录的路径process.chdir() 改变工作目录例子，文件路径有如下结构：newapp &gt; demo &gt; hello.js在hello....
转载
887阅读
0评论
0点赞
发布博客于 2 年前

a标签实现表单提交功能

HTML &lt;form action="" id="myForm"&gt; &lt;input type="text" name="name"/&gt; &lt;input type="text" name="pwd"/&gt; &
原创
2877阅读
1评论
1点赞
发布博客于 2 年前

js中事件委托详解

那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰当，我就不去想别的例子来解释了，借花献佛，我摘过来，大家认真领会一下事件委托到底是一个什么原理：有三个...
转载
66阅读
0评论
0点赞
发布博客于 2 年前

GET和POST两种基本请求方法的区别

GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而POST不可以。GET请求会被浏览器主动cache，而POST不会，除非手动设置。GET请求只能进行url编码，而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。GET请求在URL中传送的参数是有长度限制的，而POST么有。对参数...
转载
58阅读
0评论
0点赞
发布博客于 2 年前

js中const,var,let区别

今天第一次遇到const定义的变量，查阅了相关资料整理了这篇文章。主要内容是：js中三种定义变量的方式const， var， let的区别。1.const定义的变量不可以修改，而且必须初始化。1 const b = 2;//正确2 // const b;//错误，必须初始化 3 console.log('函数外const定义b：' + b);//有输出值4 // b = 5;5 // ...
转载
429阅读
0评论
1点赞
发布博客于 2 年前