![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 65
Honey-回忆天明
学习使我快乐
展开
-
查找字符串中出现次数最多的字符和次数
<script> var str="aabbbcderrtttt"; var arr=str.split(''); var max=0; var obj={} var s='' arr.map((item,i)=>{ if(!obj[item]){ obj[item]=1; }else{ obj[item]++; } }) for(var key in obj){ if(obj[key]>原创 2020-09-21 16:37:54 · 437 阅读 · 0 评论 -
上一题下一题点击切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> a{display: inline-block;} </style></head><body> <div id="box"> <!-- <原创 2020-07-11 11:08:31 · 2289 阅读 · 0 评论 -
纯前端分页
<style> *{padding: 0;margin: 0;} ul{width: 500px;margin:0 auto;} ul li{list-style: none;text-align:center;} #bottom{ width: 500px; margin:0 auto; text-align:center; } #bottom a{ .原创 2020-07-11 11:03:43 · 272 阅读 · 0 评论 -
前端防抖和节流
<body style="height: 3000px"> <p>hello world</p> <script> window.addEventListener("scroll", () => { thr(); // deb(); }) function ajax() { ...原创 2020-03-21 14:06:22 · 312 阅读 · 0 评论 -
毛玻璃效果
<body> <div class="content"> 毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果 </div></body><style> body { background: url("https://www.dia...原创 2020-03-21 14:02:31 · 288 阅读 · 0 评论 -
css写波浪线
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .dash-line { width: 100%; ...原创 2019-11-04 11:46:22 · 1132 阅读 · 0 评论 -
判断设备是pc端还是移动端
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { window.location='' } else { window.location='' }原创 2019-06-01 16:00:11 · 276 阅读 · 0 评论 -
截取网址链接里的id
var id =window.location.search.substring(window.location.search.indexOf('=')+1)console.log(id);原创 2019-06-01 15:54:46 · 1139 阅读 · 0 评论 -
Ajax请求接口并将数据返回到页面
<script>$(function(){ $.ajax({ type: "post", //接口地址 url: "http://47.92.145.141:8111/index/index/newsList", data: ...原创 2019-05-30 09:24:47 · 9340 阅读 · 0 评论 -
盒子在浏览器中水平和垂直方向居中的两种方式
一,定位<html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 200px; height: 200px; background-colo原创 2018-11-30 11:29:13 · 1580 阅读 · 2 评论 -
自定义播放器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { -webkit-u原创 2018-11-28 22:39:08 · 234 阅读 · 0 评论 -
如何用鼠标点击页面中的任意标签,弹出该标签的名称.
话不多说,看代码<!DOCTYPE> <html> <head><meta charset="UTF-8"><title>鼠标点击页面中的任意标签,alert该标签的名称</title> <style> .box{ height: 100px; background:red;原创 2018-10-26 20:33:19 · 1270 阅读 · 0 评论 -
前端页面的优化问题
html1.减少 HTTP 请求2.减少 DOM 元素数量3.使得 Ajax 可缓存css1.把 CSS 放到代码页上端2.从页面中剥离 JavaScript 与 CSS3.精简 JavaScript 与 CSSjavascript1.脚本放到 HTML 代码页底部2. 从页面中剥离 JavaScript 与 CSS3. 精简 JavaScript 与 CSS4. 移除重复...原创 2018-10-23 22:37:19 · 736 阅读 · 0 评论 -
面试中的闭包问题
闭包就是函数嵌套函数,函数内部可以访问外部的变量,函数内部如果访问外部的变量,则外部的变量不会被垃圾回收机制所回收。我们来看两个小例子 var arr=[]; for(var i=0;i&lt;5;i++){ //数组里面push一个函数 arr.push(function(){ console.log(i) //拿到的是全局...原创 2018-10-23 22:16:33 · 292 阅读 · 0 评论