![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
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 · 439 阅读 · 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 · 275 阅读 · 0 评论 -
前端防抖和节流
<body style="height: 3000px"> <p>hello world</p> <script> window.addEventListener("scroll", () => { thr(); // deb(); }) function ajax() { ...原创 2020-03-21 14:06:22 · 318 阅读 · 0 评论 -
Ajax请求接口并将数据返回到页面
<script>$(function(){ $.ajax({ type: "post", //接口地址 url: "http://47.92.145.141:8111/index/index/newsList", data: ...原创 2019-05-30 09:24:47 · 9347 阅读 · 0 评论 -
截取网址链接里的id
var id =window.location.search.substring(window.location.search.indexOf('=')+1)console.log(id);原创 2019-06-01 15:54:46 · 1144 阅读 · 0 评论 -
判断设备是pc端还是移动端
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { window.location='' } else { window.location='' }原创 2019-06-01 16:00:11 · 280 阅读 · 0 评论 -
react截取地址栏的id并请求接口
//初始化请求 componentWillMount() { const { location } = this.props; const parse = queryString.parse(location.search.replace('?', '')); this.setState({ id: parseFloat(par...原创 2019-06-25 18:26:22 · 1175 阅读 · 0 评论 -
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})...原创 2019-06-25 18:29:40 · 1010 阅读 · 0 评论 -
react头像上传方法
<div className={styles.cf_tx}> <label htmlFor="txsc"> <img src={data?(APIHost+data.us_portrait):tx} /> ...原创 2019-06-25 18:32:15 · 922 阅读 · 0 评论 -
react输入框的搜索
<input placeholder='请输入您想要的商品' onKeyDown={(v) => this.searchFunc(v)} /> async searchFunc(v) { var evt = window.event || v; if (evt.keyCode == 13) { ...原创 2019-06-25 18:34:23 · 2118 阅读 · 0 评论 -
react生成二维码
var QRCode = require('qrcode.react'); <QRCode className={styles.ewm} value={'http://47.92.88.214:8685/#/register?tel='+data.us_phone} size={120} />原创 2019-06-25 18:36:49 · 856 阅读 · 0 评论 -
react处理富文本
渲染富文本 dangerouslySetInnerHTML={{ __html: data.n_message ? data.n_message.replace(/\/ueditor/g, APIHost + '/ueditor') : '' }}去掉富文本里的p标签 (item.n_message).replace(/<\/?p[^>]*>/gi,'')...原创 2019-06-25 18:39:03 · 3067 阅读 · 0 评论 -
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...原创 2019-05-25 16:02:36 · 2345 阅读 · 0 评论 -
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...原创 2019-05-25 14:40:49 · 598 阅读 · 0 评论 -
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...原创 2019-05-25 14:03:17 · 164 阅读 · 0 评论 -
简单的几种数组去重方法
<script type="text/javascript"> var arr=[1,2,3,4,5,1,2,3]; var newarr=[ ] ;//定义一个空数组 for(var i=0;i<arr.length;i++){ if(newarr.indexOf(arr[i])==-1){ //判断空数组中是否存在,不...原创 2018-10-23 20:23:52 · 211 阅读 · 0 评论 -
面试中的闭包问题
闭包就是函数嵌套函数,函数内部可以访问外部的变量,函数内部如果访问外部的变量,则外部的变量不会被垃圾回收机制所回收。我们来看两个小例子 var arr=[]; for(var i=0;i&lt;5;i++){ //数组里面push一个函数 arr.push(function(){ console.log(i) //拿到的是全局...原创 2018-10-23 22:16:33 · 295 阅读 · 0 评论 -
微信小程序开发一个简单的摇骰子游戏
页面代码<view class='top'>{{txt}}</view><view class='point1'> <image src='{{one_img}}'></image></view><view class='point2'> <image src='{{two_img}}'&原创 2018-11-16 19:26:22 · 13684 阅读 · 0 评论 -
JS操作数组和字符串常用的几种方法总结
数组的操作方法1.join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。2.push() 向数组的末尾添加一个或更多元素,并返回新的长度。3.pop() 删除并返回数组的最后一项4.shift() 删除并返回数组的第一项5.unshift()在数组前端添加任意个项并返回新数组的长度6.reverse() 颠倒数组中元素的顺序7.sort() 对数组的元素进行排序...原创 2018-09-26 20:36:11 · 314 阅读 · 0 评论 -
JS制作一个倒计时
页面&lt;div id="box1"&gt; &lt;div id="box2"&gt;&lt;/div&gt; &lt;div id="box5"&gt;:&lt;/div&gt; &am原创 2018-11-22 21:42:51 · 532 阅读 · 0 评论 -
选项卡切换
盒子部分<div id="tab"> <button class="active">标题一</button> <button>标题二</button> <button>标题三</button> </div> <div id="content"> ...原创 2019-05-20 20:39:09 · 171 阅读 · 0 评论 -
js中let和var的区别
ES6 新增了let命令,用来声明局部变量。但是所声明的变量,只在let命令所在的代码块内有效,而且有暂时性死区的约束。let非常适合用于 for循环内部的块级作用域。下面有两个例子for (var i = 0; i <10; i++) { setTimeout(function() { // 同步注册回调函数到 异步的 宏任务队列。 console.log(i);...原创 2019-05-21 11:03:04 · 265 阅读 · 0 评论 -
null和undefined的区别
null是一个表示"无"的对象,转为数值时为0;undefined是一个表示"无"的原始值,转为数值时为NaN。 undefined: (1)变量被声明了,但没有赋值时,就等于undefined。 (2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。 (3)对象没有赋值的属性,该属性的值为undefined。 (4)函数没有返回值时,默认返回un...原创 2019-05-21 11:13:44 · 216 阅读 · 0 评论 -
cookie 和session 的区别
(1)cookie数据存放在客户的浏览器上,session数据放在服务器上。(2)cookie不是很安全,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗考虑到安全应当使用session。(3)session会在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能 考虑到减轻服务器性能方面,应当使用COOKIE。(4)单个cookie保存的数据不能超过4K,很多浏...原创 2019-05-21 11:15:44 · 160 阅读 · 0 评论 -
js中的this指向
this指向的具体含义 就是函数的所属关系 就是这个函数属于哪个对象(属于谁)1.全局范围内使用this,指向的就是window2.在函数中使用this,指向的就是这个函数调用的对象3.构造函数中的this 会指向创建出来的实例对象4.如果一个函数中有this,这个函数中包含多个对象,尽管这个函数是被最外层的对象所调用,this指向的也只是它上一级的对象5.对象中的嵌套函数的this指...原创 2019-05-21 11:25:21 · 180 阅读 · 0 评论 -
js 原型链
可以将JS的对象分为三类:用户创建对象,构造函数对象,原型对象。javascript中一切皆对象,每个对象都有一个__proto_ 属性(由浏览器自动创建),该属性指向它原型。当一个对象在查找一个属性的时,自身没有就会根据__proto__ 向它的原型进行查找,如果都没有,直到查到Object.prototype._proto_为nul,这样也就形成了原型链。prototype的作用就是,...原创 2019-05-21 12:11:51 · 177 阅读 · 0 评论 -
常见的面试题,实现一个函数 clone(),可以对 JavaScript 中的5种主要的数据类型进行值复制。
JavaScript 中的5种主要的数据类型包括 Number、String、Object、Array、Boolean,下面一起来看看这个函数function clone(obj) {var o;switch (typeof obj) {case “undefined”:break;case “string”:o = obj + “”;break;case “number”:o...原创 2018-09-25 13:36:29 · 519 阅读 · 0 评论