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