marloues-CSDN博客

原创项目中遇到的问题与解决方案

项目中遇到的问题与相应的解决方案感谢:小鹿线-WEB前端课程一.ios如何取消input的首字母默认大写解决方式: 给input设置属性autocapitalize="off"<input type="text" autocapitalize="off">二.移动端input键盘右下角回车换行变为搜索解决方式: 给input框外面添加一个form元素经行包裹<form> <input type="search"></form>扩展

2021-04-19 09:31:54 436

原创 js统计字符出现的次数

js常考题-统计字符次数给定一个字符串,返回字符串中各字符出现的次数例任意字符串:str=“aasfdlaskdjflaskjffasqwerpmncoqwegmga”;function strfun(str){ var obj = {}; for(var i =0;i<str.length;i++){ var key = str[i]; //获取每个字符 if(!obj[key]){ //如果该字符不在对象obj中,则添加到obj内 obj[key]=1; }else{

2021-04-14 18:08:53 1109 2

原创 js函数防抖节流

JS防抖和节流什么是防抖和节流,作用是什么?防抖: 通过setTimeout 的方式,在一定时间间隔内,将多次触发变成一次触发节流: 减少一段时间的触发频率一句话概括: 防抖是控制请求的次数，节流是控制请求的频率**作用:**前端性能优化利器,应用场景[按钮防重复提交,秒杀活动用户大量点击]防抖的实现方式:方式一:多次点击时最后一次的点击事件生效<!DOCTYPE html><html lang="en"><head> <meta char

2021-04-14 09:55:28 163

原创移动端300ms延迟解决方案

移动端300ms延迟解决方案产生300ms延迟的原因个人理解浏览器是没有所谓的双击事件的,双击事件的本质其实是判断在300ms内是否产生了两次单机事件,故有300ms的延迟产生解决300ms延迟的方案1.禁止双击缩放加入meta:user-scalable=no<meta name="viewport" content="user-scalable=no">2.使用插件fastclick.jsJavaScript中使用//先在script标签中引入fastclick.

2021-04-12 17:09:42 220

原创 Vuex学习使用

Vuex1.什么是Vuex?Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享没有Vuex和有Vuex的区别,Vuex可以全局管理所有组件的公共数据,并保持数据的一致性[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8mQ2hT1W-1616581012820)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20210324105748498.png)]2

2021-03-24 18:17:24 120

原创 js中的for循环

JS中的for循环易错第一种for循环,常用且易错,var 定义的变量i 属于全局变量,执行setTimeout之前,i已被修改为了5for (var i = 0; i < 5; i++) { setTimeout(() => { console.log(i); }, 1000)}//5首先让我们重新理解下for循环的本质,即满足循环条件的情况下多次执行相同的循环体,然后我们将上面的循环拆解为以下的方式,再来看看变量 i 是全局变量 , 大括号内

2021-03-19 15:25:04 357

原创 js中的 json和eval函数

JSON 和 eval 函数感谢:尚硅谷李立超老师的讲解JSON 是什么?JSON就是一个特殊格式的字符串 ,这个字符串可以被任意语言识别,并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互JSON和js对象的格式一样,只不过JSON字符串中的属性名必须加双引号,其他的和js的语法一致//js对象var obj = { name:"孙悟空", age:28, gender:"男"}//js的属性类型都是string类型的,同时去掉空格和换行,所以改写为v

2021-03-18 17:30:33 2448

原创 js事件对象

JS事件感谢:尚硅谷李立超老师的讲解事件对象当事件的响应函数被触发时,浏览器每次都会将一个事件对象实参传递进响应函数,可以通过arguments[0]获取,也可以定义一个形参在事件中对象中封装了当前事件相关的一切信息,比如,鼠标的坐标,键盘哪个按键被按下,鼠标滚轮滚动的方向在ie8中,响应函数被触发时,浏览器不会传递事件对象,在ie8及以下的浏览器中,是将事件对象作为window对象的属性保存的所以为解决事件对象的兼容性通常写做 :event = event||window.e

2021-03-18 10:21:17 132

原创 js函数的实参对象arguments

JS函数的实参对象arguments感谢:尚硅谷李立超老师的讲解在调用函数时,浏览器每次都会传递两个隐含的参数函数的上下文对象this封装函数实参的对象argumentsargument 是一个类数组(像数组但实际并不是数组)对象可以通过索引来操作数据,也可以获取长度在调用函数时,我们所传递的实参都会封装到arguments中arguments.length 可以用来获取实参的长度即使不定义形参,也可以通过arguments来使用实参arguments[0] :表示第一个实参ar

2021-03-16 15:47:32 279

原创 js函数对象的方法call apply笔记

JS函数对象方法call apply感谢:尚硅谷李立超老师的讲解普通的方法调用function fun(){ console.log("我是fun方法");}fun();使用call() 和 apply()这两个方法都是函数对象的方法,需要通过函数对象来调用当对函数调用call()和apply()都会调用函数执行在调用call()和apply()可以将一个对象指定为第一个参数,此时这个对象将会成为函数执行时的thisfunction fun(){ console.log("t

2021-03-16 11:04:57 182 6

原创 js构造函数,原型对象

JS构造函数通过不同方式创建对象,了解为什么要使用构造函数创建对象?使用对象字面量方式创建一个对象优点:直观,清晰缺点:不可复用,都是Object类型的对象var obj = { name:"孙悟空", age:28, gender:"男", sayName:function(){ console.log(this.name); }}console.log(obj);使用工厂方式创建一个对象有点:可复用,更简洁缺点:对象类型都是O

2021-03-15 10:42:17 149

原创 js枚举对象中的属性

JS枚举对象中的属性通过使用for…in 语句,可以获取对象中的所有属性,再通过 "对象[]"可获取属性对应的属性值var obj = { name:"孙悟空", age:28, gender:"男", address:"花果山"}for(o in obj){ console.log("属性:"+o,"属性值:"+obj[o]);}//属性:name 属性值:孙悟空//属性:age 属性值:28//属性:gender 属性值:男//属性:address 属性值:花果山

2021-03-09 15:49:37 351

原创 js中的break,continue,return

JS中的break continue returnbreak :跳出for循环,循环体外的代码依旧执行function fun(){ console.log("fun开始执行了..."); for(var i=0;i<5;i++){ if(i==2){ break; } console.log("i="+i); } console.log("fun结束了...");}fun();//fun

2021-03-09 09:38:47 81

原创 js数据类型学习笔记

JS的数据类型感谢尚硅谷李立超老师在JS中一共有六种数据类型String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象其中String Number Boolean Null Undefined 属于基本数据类型而Object属于引用数据类型JS中的变量都是保存到栈内存中的,值与值之间是独立存在,修改一个变量不会影响其他的变量对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间,而变量保存

2021-03-08 15:36:06 87

原创 css属性之padding和margin

css属性之padding和marginpadding和margin的作用（重要）padding:内边距(影响盒子的大小)padding-top:上内边距 ; padding-right:右内边距;padding-bottom:下内边距 ;padding-left:左内边距简写时: padding:10px 代表上下左右四个内边距相等都为10px padding:10px 20px 代表上下内边距10px,左右内边距20px padding:10px 20px 30px

2020-12-15 14:35:28 2686

原创 css中margin的知识点:margin外边距塌陷

相邻的垂直方向的外边距会发生重叠现象,称为margin外边距塌陷兄弟元素: box1和box2,外边距相同,未出现外边距相加,而是重叠了兄弟元素外边距的几种情况:兄弟元素间的相邻垂直外边距会取两者之间的较大值(两者都是正值,200px)如果相邻的外边距一正一负,则取两者的和(50px)3. 如果相邻的外边距都是负值,则取两者中绝对值较大的(-80px)父子元素:父子元素间相邻上外边距,子元素的上外边距会传递给父元素...

2020-12-14 15:09:34 137

原创 js生成x-y之间随机数的方法及Math的常用方法

javaScript中Math的常用方法及扩展一.Math的常用方法1. 返回一个数的绝对值。[Math.abs(x) ]Math.abs(-1)// 12.返回大于一个数的最小整数，即一个数向上取整后的值。[Math.ceil(x) ]Math.ceil(2.13)//3Math.ceil(-2.99)//-23.返回小于一个数的最大整数，即一个数向下取整后的值。[Math.floor(x)]Math.floor(2.13)//2Math.floor(-2.99)//-3

2020-12-07 10:33:13 1012

原创正向代理,反向代理

百度百科解释:正向代理: 是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端才能使用正向代理。反向代理反向服务器位于用户与目标服务器之间，但是对于用户而言，反向代理服务器就相当于目标服务器，即用户直接访问反向代理服务器就可以获得目标服务器的资源。同时，用户不需要知道目标服务器的地址，也无须在用户端作任何设定。个人理解:正向代理: 买火车票,

2020-12-02 10:51:48 94

码码猿

原创项目中遇到的问题与解决方案

原创 js统计字符出现的次数

原创 js函数防抖节流

原创移动端300ms延迟解决方案

原创 Vuex学习使用

原创 js中的for循环

原创 js中的 json和eval函数

原创 js事件对象

原创 js函数的实参对象arguments

原创 js函数对象的方法call apply笔记

原创 js构造函数,原型对象

原创 js枚举对象中的属性

原创 js中的break,continue,return

原创 js数据类型学习笔记

原创 css属性之padding和margin

原创 css中margin的知识点:margin外边距塌陷

原创 js生成x-y之间随机数的方法及Math的常用方法

原创正向代理,反向代理

原创 vue使用qrcodejs2生成二维码,安卓部分手机生成失败

原创 vue cli 生成不带.git文件的vue项目

原创 vue学习笔记(跟着代码学)

原创前端使用RSA(jsencrypt.js)加密数据传递到后端解密失败

原创记原生键盘弹起,H5页面被压缩的两种解决方案

原创 ES6学习笔记

原创执行脚本报:ORA-24344: success with compilation error

原创将本地的jar包安装到本地的mvn库中统一管理

原创 linux环境安装telnet,rz,sz命令(笔记)

原创关于日期格式你必须知道的坑( yyyy-MM-dd HH:mm:ss),码着提醒自己

原创使用navicat报错, 87,193错误的解决

空空如也

空空如也