- 博客(20)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 js深拷贝的应用及正则替换后台返回的换行符
有一次在操作数据时发现,直接操作原始数据进行赋值,会导致原始数据中的其他项数据也跟着一块改变。排查过后发现是拷贝数据问题,需要深拷贝一份数据,对拷贝的数据进行操作就没问题了,在此记录一下。cloneObj : function(obj){ var str, newobj = obj.constructor === Array ? [] : {}; if(typeof obj ...
2019-12-06 16:24:17
145
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JS实现简单的图片拖拽和缩放功能
工作需要,写了个简单的图片拖拽和缩放功能,有需要的可以参考一下拖拽:(拖拽目标需要做定位,并设置draggable=“false”)popupDrag: function(ev){ var ev = ev || event; var obj = document.getElementById('img_li'); var disX = ev.clientX - obj....
2019-12-06 16:16:20
727
原创 typescript基础
全局安装typescript npm i -g typescriptts的文件后缀是以.ts来结尾的浏览器无法解析ts文...
2020-07-15 09:14:46
728
原创 vue相关配置文件详解及多环境配置
1.package.json作用:package.json 文件其实就是对项目或者模块包的描述,里面包含许多元信息。比如...
2020-07-15 09:04:21
467
原创 实现QQ第三方登录(前端工作)
步骤简介1.首先你要在QQ互联上,注册,登录和成为开发者2.创建一个网站应用3.放置一个QQ登录按钮4.复制JS代码和修改JS代码(添加自己的appID 回调地址)演示1.首先你要在QQ互联上,注册,登录和成为开发者略。。。。2.创建一个网站应用3.放置一个QQ登录按钮(1)先来个干净的页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> .
2020-06-01 15:40:09
2728
1
转载 js执行上下文、执行栈与事件循环
这是可以接触真正实用的东西,毕竟变量也不能代表整个Javascript语言,虽然有些不可思议,但变量的确是Javascript必经之路之一,关于变量的奇特行为数不胜数(真的是这样),不过这些我想高阶Javascript都努力回避这些,新手也不懂,所以我就跳过了。下面的这些概念,无论是执行上下文、 还是执行栈,它在规范中的概念都很抽象,很多内容的理解实际靠的都是想象力,若有错误之处,还请指正。执行上下文简而言之,执行上下文(Execution Context)是正在运行的可执行代码所处环境的抽象,用于追
2020-06-01 15:17:40
282
原创 基础的正则表达式
概念本节讲正则表达式在js中的使用,注意正则对象是一个引用类型。初始化:字面量和对象使用与对象的定义一样,我们可以使用字面量定义正则表达式,也可以使用正则对象来定义正则表达式,他们的区别是使用的转义有一定差别。在使用字面量的时候,使用/ /把正则表达式包起来,后面可以写上匹配模式或者不写,不写默认不是全局匹配,我们在使用的时候,一般都是使用字面量来初始化,因为这样比较简单,转义也不像字符串那么复杂。// 正则表达式 /at/g 表示匹配所有at /g表示全局搜索var pattern1 = /
2020-06-01 15:12:43
106
转载 html+css常见面试问题汇总
对WEB标准以及W3C的理解与认识WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)...
2020-04-29 09:09:22
582
转载 HTML中input输入框禁止复制粘贴剪切自动完成
禁止复制:oncopy="return false"禁止粘贴:onpaste="return false"禁止剪切:oncut="return false"禁止右键弹出:oncontextmenu="return false"关闭自动完成功能(缓存):autocomplete="off"自动获得焦点:autofocus="autofocus"...
2020-04-20 19:05:33
386
原创 禁用滚动事件和取消鼠标右键默认事件
禁用滚动条在需要限制滚动条滚动的dom上绑定onmousewheel 事件,代码如下:scrollFunc(evt){if(this.activeRect){evt = evt || window.event;if(evt.preventDefault) {// Firefoxevt.preventDefault();evt.stopPropagation();} else {...
2020-04-20 14:30:34
339
原创 vue学习笔记之基础篇
本文主要记录学习vue的一些基础内容及常用知识点的记录。1、搭建脚手架vue init webpack vue-demo 初始化一个使用webpack打包的vue项目npm install 安装包的默认依赖npm run dev 启动可以实现热加载npm install vuex --save 安装其他包的命令,例如vuex2、常用参数基本参数vue是...
2020-03-31 08:38:18
111
原创 vuex深入浅出
本文主要记录使用vuex的使用场景、重要组成部分和学习心得。1、说在前面学习vue有两周的时间了,目前已经对vue的基础使用比较熟悉了。但是一直对vuex的使用耿耿于怀,这么说是因为总是不太理解,还好经过实践和深入阅读官网后现在总算有了一定的掌握,这里做一下学习笔记和使用心得。2、什么是vuexvuex是vue的状态管理模式,它集中管理所有组件的共享状态,并且...
2020-03-31 08:36:32
93
原创 ElementUI组件库常见方法及问题汇总
本文主要介绍在使用ElementUI组件库的时候,常遇见的问题及使用到的方法,汇总记录便于查找。1、表单阻止表单的默认提交<!-- @submit.native.prevent --><el-form @submit.native.prevent></el-form>输入框enter提交请求<!-- @keyu...
2020-03-31 08:32:49
374
原创 js-关于数组
关于数组,应该是javaScript的一个很重要的知识点,那什么是数组呢?数组可以说是对象的另外一种表现形式,数组中的特点就是存在于数组中的数据是有顺序的,每一个数据对应一个下标(全靠他了),并且是从0开始逐渐递增,数组的"长度"呢,也就是数组中存放的数据个数,数组中应该说可以放任意类型的数据,包括数字类型、字符串类型、布尔类型、null、undefined、函数类型的等等,这些都可以是数组的成...
2020-03-02 19:31:59
79
原创 this,call,bind,apply的异同点
一、this1.什么是thisthis 关键字在大部分语言中都是一个重要的存在,JS中自然不例外,其表达的意义丰富多样甚至有些复杂,深刻理解this是学习JS、面向对象编程非常重要的一环。2.this 代表什么this代表函数(方法)执行的上下文环境(上下文,类似与你要了解一篇文章,了解文章的上下文你才能清晰的了解各种关系)。但在 JavaScript 中 this 不是固定不变的,它会...
2020-03-02 19:28:31
111
原创 常用数据类型
1.字符串类型。字符串在两个单引号或双引号之间,如果字符串里含有单引号或双引号,可用“\”斜杠转义字符输出。2.数字类型。正数或负数,可以是小数,也可以是整数,带小数的数值在JavaScript中统称为浮点型数值。3.布尔类型。布尔类型只有两种,一种是true,一种是false,这两种类型常用于条件语句中,用来判断条件是否成立。4.null 和 undefined类型。null类型代表为空,...
2020-02-04 15:23:56
946
原创 ajax中的post和get
GET可以通过在请求URL上添加请求参数,而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。get方式请求数据会被浏览器缓存起来,因此其他人就可以从浏览器的历史记录中读取到这些数据,例如账号密码等。在某种情况下,get方式会带来严重的安全问题。而post方式相对来说就可以避免这些问题。Post请求必须设置请求头Content-Type值为application/x-form...
2020-02-04 15:19:22
143
原创 前端常用注释
有时候你需要在脚本中歇一歇仅供自己参考或者提醒自己的信息,你希望JavaScript解释器能直接忽略掉这些信息,这类语句就是注释。例如:如果用两个斜线作为一行的开始,这一行就会被当成一条注释:1.//自我提醒:有注释是好事如果使用这种注释方式,就必须在每个注释行的开头加上两个斜线。1.//自我提醒2.//有注释是好事注释很多行,可以在开头加上一个斜线和一个星号(/),在末尾加一个星号和...
2020-02-04 15:14:55
1792
原创 前端性能优化
前言说到前端性能优化,绝对是对一个前端攻城狮的综合考量 ~ 作为一个前端,在功能ok的前提下,最重要的应该就是体验了,有人说:正常打开一个页面超过3 ~ 5秒等待,还没有打开,我就不会等了这个活动也太low了,体验一点都不好每次新打开同一个页面都好慢还有 x x x … …通过上边的一个简单场景,可以想到,在前端中,性能优化,体验优化是多么重要的一件事儿,大家在日常使用各大产品中一定也...
2019-12-30 13:53:48
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人