查找字符串中出现次数最多的字符和次数 <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]>
上一题下一题点击切换 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> a{display: inline-block;} </style></head><body> <div id="box"> <!-- <
纯前端分页 <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{ .
点击盒子外任意位置关闭当前盒子 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 500px; height: 500px; backgro...
前端防抖和节流 <body style="height: 3000px"> <p>hello world</p> <script> window.addEventListener("scroll", () => { thr(); // deb(); }) function ajax() { ...
毛玻璃效果 <body> <div class="content"> 毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果毛玻璃效果 </div></body><style> body { background: url("https://www.dia...
css写波浪线 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .dash-line { width: 100%; ...
多余文字隐藏用省略号代替 一，多行文字隐藏用省略号代替border:1px solid #ddd;width: 200px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; /** 将对象作为伸缩盒子模型显示 /-webkit-box-orient: vertical; / 设置或检索伸缩盒对象的子元素的排列方式 /-web...
react调用百度api获取地理位置和导航 第一步先引入百度api <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=81wpaEGlBjPM4KBAER0jkpg6QlIMupWu" ></script>第二部挂载到组件componentDidMount() { const _thi...
react处理富文本 渲染富文本 dangerouslySetInnerHTML={{ __html: data.n_message ? data.n_message.replace(/\/ueditor/g, APIHost + '/ueditor') : '' }}去掉富文本里的p标签 (item.n_message).replace(/<\/?p[^>]*>/gi,'')...
react生成二维码 var QRCode = require('qrcode.react'); <QRCode className={styles.ewm} value={'http://47.92.88.214:8685/#/register?tel='+data.us_phone} size={120} />
react输入框的搜索 <input placeholder='请输入您想要的商品' onKeyDown={(v) => this.searchFunc(v)} /> async searchFunc(v) { var evt = window.event || v; if (evt.keyCode == 13) { ...
react头像上传方法 <div className={styles.cf_tx}> <label htmlFor="txsc"> <img src={data?(APIHost+data.us_portrait):tx} /> ...
react使用过滤器解码url地址栏传递过来的参数 componentDidMount(){ var dz = this.filter(this.props.history.location.search) if(dz){ // var tel = dz.substring(dz.indexOf('=')+1) this.setState({p_tel:dz.tel})...
react截取地址栏的id并请求接口 //初始化请求 componentWillMount() { const { location } = this.props; const parse = queryString.parse(location.search.replace('?', '')); this.setState({ id: parseFloat(par...
判断设备是pc端还是移动端 if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { window.location='' } else { window.location='' }
截取网址链接里的id var id =window.location.search.substring(window.location.search.indexOf('=')+1)console.log(id);
Ajax请求接口并将数据返回到页面 <script>$(function(){ $.ajax({ type: "post", //接口地址 url: "http://47.92.145.141:8111/index/index/newsList", data: ...
React实现闪烁效果 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
React实现todolist效果 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
关注
