- 博客(49)
- 收藏
- 关注
原创 vue的生命周期
关于vue生命周期,希望你有所收获前言 vue作为目前主流的三大前端框架之一,现在在市场上也很火,笔者从事前端开发以来,接触的项目大多数都是用vue开发的,相较于其他两个框架呢,vue也是简单易上手,虽说简单易上手,但也会踩一些坑,也会遇到不理解的问题。vue官网上写的很清楚,也很详细,作为官网,语言自然是很官方,用了很多专业术语,很多时候不是一下就能看明白的。做技术的要懂得分享,用很直白的话去解释一个技术问题,后来的人也会更容易懂,避免踩一些不必要的坑。 如果你即将用
2021-01-04 11:36:35
282
原创 2020年年度总结
2020年年度总结前言 2020年我们每个人都经历了也见证了许许多多的事情的发生,19年年末爆发的疫情至今为止也没有结束,这一年或多或少有害怕,有恐慌,有无能为力,有激动,有自信,也有发自内心的感动。害怕,恐慌是因为年初的时候看着每天日益增长的新冠病例以及死亡病例。无能为力是因为我们在各大网络媒体上看着军人,医生,公安干警,以及一些志愿者在各个位置上战斗,而我们也只能静静的待在家里,一点忙也帮不上。激动,自信,感动是源于我们所处的这个国家的强大之处,充满着浓浓的民族自豪感。这一年新冠疫情之下没有几个
2020-12-31 23:08:49
1433
4
原创 将el-table表格的数据显示在对话框的表单中,修改表单数据表格的数据也跟着变
将el-table表格的数据显示在对话框的表单中,修改表单数据表格的数据也跟着变问题点击el-table表格一行数据中的编辑按钮,将点击的这一行数据显示在对话框的表单里,表单里的数据只要被修改,无论对话框是点保存还是取消,表格的数据都变了原因是由于将表格那行数据 row 赋值给表单对象 this.editForm 造成的。row是对象,this.editForm 也是对象,这是对象给对象赋值,对象属于引用数据类型。基本数据类型赋值时赋的是‘值’,赋值后的两个变量之间并不会相互影响。而引
2020-12-29 16:18:00
1441
原创 vue中的自定义指令
vue中的自定义指令简述Vue框架给我们提供了许多指令,例如v-if 、v-else、 v-html、v-show、v-text、v-model、v-bind等等,这些指令都是固定的,并不能任意满足我们。Vue除了提供了默认内置的指令外,还允许开发人员根据实际情况自定义指令,称为“自定义指令”,它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作的时候。注册自定义指令Vue自定义指令和组件一样存在着全局注册和局部注册两种方式注册全局指令通过 Vue.directive( id, [
2020-06-04 17:25:05
252
原创 vue指令v-if与v-show与v-else
vue指令中v-if与v-show及v-if与v-else的用法和区别vue指令v-if&v-show在vue中,v-if 和 v-show 会根据接收 true/false 信息使得页面上元素达到显示或隐藏的效果基本语法<标签 v-if="true/false"></标签><标签 v-show="true/false"></标签><!--true:显示 false:隐藏-->原理v-if:通过 创建、销毁 方式达
2020-06-04 15:00:11
701
原创 JavaScript中异步同步编程知识点
JavaScript中异步同步编程知识点前言浏览器最小反应时间即便给定时器的等待时间设置为零,也不是立即执行,浏览器都有一个最小的等待时间。谷歌大概5ms左右,IE浏览器10ms左右获取代码执行所需要的时间<script> console.time("for 循环测试"); for (let i = 0; i < 1000000000; i++) { // 代码部分 } console.timeEnd("for 循环测试");</s
2020-06-04 11:10:00
226
原创 vue中的指令
vue中的指令插值表达式vue中如果需要在html标签的“内容区域”中表现数据,就可以使用**{{}}双花括号**,这个技术称为插值表达式语法:<标签> {{ 表达式 }} </标签>表达式:变量、常量、算术运算符、比较运算符、逻辑运算符、三元运算符等等使用示例:<body> <div id="app"> &l...
2020-04-17 16:40:35
493
原创 Vue简介及简单使用
Vue简介及简单使用Vue基本介绍2012年出现,是中国人 尤雨溪 开发的,2016年3月 加入阿里巴巴公司(该事件助推了Vue的发展)Vue是目前很火的一个前端框架,是前端三大主流框架之一(Vue、React、Angular)。Vue是一套构建用户界面的渐进式框架(用到哪一块就用哪一块,不需要全部用上)。与其他重量级框架不同的是,Vue 采用的是自底向上增量开发的设计。...
2020-01-07 15:52:53
4739
原创 web前端用到的加密处理
web前端用到的加密技术Base64Base64是网络上最常见的用于传输8Bit字节码的编码方式之一,Base64就是一种基于64个可打印字符来表示二进制数据的方法。可查看RFC2045~RFC2049,上面有MIME的详细规范。Base64编码是从二进制到字符的过程,可用于在HTTP环境下传递较长的标识信息。采用Base64编码具有不可读性,需要解码后才能阅读。Base64由于以上优点被...
2019-12-28 15:15:06
917
2
原创 vue实现简易计算器
vue实现简易计算器实现效果源代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-12-28 10:52:16
3426
原创 web前端涉及到的安全问题
web前端涉及到的安全问题跨站脚本攻击—XSS攻击跨站脚本攻击:XSS(Cross Site Scripting 为了区别CSS,所以就叫XSS)XSS是最常见的Web前端攻击方式,所谓的跨站脚本攻击指得是:恶意攻击者在网站页面里注入恶意Script代码,用户浏览这些网页时,就会执行其中的恶意代码,能对用户的cookie信息进行盗取以及会话劫持等各种攻击。我们知道很多登陆界面都有记住用户名...
2019-12-24 18:06:08
755
原创 JavaScript中对栈和堆的理解
堆和栈的理解堆 是堆内存的简称。栈 是栈内存的简称。各种语言在处理堆栈的原理上都大同小异。堆是动态分配内存,内存大小不一,也不会自动释放。栈是自动分配相对固定大小的内存空间,并由系统自动释放。堆和栈都是运行时内存中分配的一个数据区,因此也被称为堆区和栈区,但二者存储的数据类型和处理速度不同。堆(heap)用于复杂数据类型(引用类型)分配空间,例如数组对象、object对象(引用类型的值...
2019-12-23 18:04:13
948
原创 ES6中的解构赋值
解构赋值定义ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。解构:意思是把有结构的数据分解开成为一个一个的值赋值:把解构之后的值保存到变量基本用法在ES6之前,我们给变量赋值是直接指定值。如下代码所示:var a = 1;var b = 2;var c = 3;ES6可以允许我们写成下面这样: var [a, b...
2019-12-22 16:26:03
460
原创 ES6中的let和const命令
let和const命令let命令基本用法ES6新增了let命令,用来声明变量,let的语法和var的语法基本上一样,格式:let 变量名 = 变量值;只不过let声明的变量只能在let命令所处的代码块中有效。// 一个大括号就属于一个代码块(除了字面量定义的对象 var obj = {}){ var num = 10; let sum = 2}console.log(n...
2019-12-20 21:41:18
254
原创 Ajax的相关总结
Ajax相关知识的总结客户端和服务端相关知识的了解上网的本质目的:就是通过互联网的形式获取资源并且消费资源。客户端和服务器(服务端)客户端:客户指的是使用服务的人,客户端指的是使用服务的计算机如果一台计算机希望成为客户端,必须安装浏览器或者其他的应用软件服务端:指的是提供服务的计算机如果一台计算机希望成为服务端,必须安装特定的服务端软件即可URL...
2019-12-16 17:56:22
224
原创 JavaScript中的闭包
闭包变量的作用范围变量根据作用域的不同分为两种:全局变量和局部变量。函数内部可以使用全局变量。函数外部不可以使用局部变量。当函数执行完毕,本作用域内的局部变量会销毁。什么是闭包理解闭包首先要理解JavaScript的垃圾回收机制,也就是当一个函数被执行完后,其作用域会被收回,如果形成了闭包,函数执行完后其作用域不会被回收。如果某个函数被他的父函数之外的一个变量引用,就会形成闭包。...
2019-12-07 18:39:14
101
原创 JavaScript中的严格模式
严格模式JavaScript 除了提供正常模式外,还提供了严格模式(strictmode)。ES5 的严格模式是采用具有限制性JavaScript 变体的一种方式,即在严格的条件下运行JS 代码。严格模式在IE10 以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。严格模式对正常的JavaScript 语义做了一些更改:1.消除了Javascript语法的一些不合理、不严谨之处,减少了一些...
2019-12-07 16:08:34
133
原创 ES6中的类和对象
ES6中的类和对象ES5中没有类,类是在ES6中新加进入的。类:泛指一类对象:类中的具体的某个实例,【属性和方法的集合体】类模拟抽象的,泛指的,对象是具体的面向对象模拟现实世界,更贴近实际生活,生活中分为抽象事物和具体事物比如:手机【两层含义:具体某个手机,和笼统的概念手机】 1、抽取,把对象的属性和行为封装成一个类 2、对类进行实例化, 获取类的对象例如:人有身高,体重等,...
2019-12-07 15:01:12
168
原创 JavaScript中浅拷贝与深拷贝
浅拷贝与深拷贝 我们在实际开发中经常会对一些数据进行操作,但是我们拿来的数据只有一份,如果我们在源数据上进行操作就会造成数据的损失,所以我们就把源数据拷贝一份,然后用这些拷贝的数据做一些测试或者验证之类的操作,这样也就不会对源数据造成损失。我们实际开发中的数据不是单纯的简单数据类型,更多的是复杂数据类型,大多数都是数组中嵌套数组或者数组中嵌套对象,对象中再嵌套数组等等。所以对于复杂数据类...
2019-12-06 21:02:46
145
原创 JavaScript中的this指向问题
this指向改变函数内部this 指向JavaScript 为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部this的指向问题,常用的有bind()、call()、apply() 三种方法。call 方法call() 方法调用一个对象。简单理解为调用函数的方式,但是它可以改变函数的this指向。fun.call(thisArg, arg1, arg2, ...)thisAr...
2019-12-05 20:47:41
245
1
原创 JavaScript中的继承
继承 ES6之前并没有给我们提供extends继承。我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承。call()调用这个函数, 并且修改函数运行时的this 指向fun.call(thisArg, arg1, arg2, ...);call把父类的this指向子类thisArg :当前调用函数this的指向对象arg1,arg2:传递的其他参数利用...
2019-12-05 20:11:18
135
原创 JavaScript中构造函数,原型以及原型链
构造函数在典型的OOP (面向对象编程)的语言中(如Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS 中并没用引入类的概念。ES6,全称ECMAScript6.0 ,2015.06 发版。但是目前浏览器的JavaScript 是ES5 版本,大多数高版本的浏览器也支持ES6,不过只实现了ES6 的部分特性和功能。在ES6之前,对象不是基于类创建的,而是用一...
2019-12-05 19:48:13
210
原创 JavaScript中的事件对象event
事件对象eventDOM节点添加对象的两种方式 在介绍事件对象之前,我们先来了解给DOM节点添加对象的两种方式。方式一:采用on+事件名的方式<body> <input type="button" value="点击" class="btn"> <script> // 获取input节点 va...
2019-12-03 20:57:05
162
原创 JavaScript中的预解析详解
预解析预解析:也叫变量提升,就是在当前作用域下,js运行之前,js的解释器会把带有var和function关键字的事先声明,并在内存中安排好。然后再从上到下执行js语句。预解析只会发生在通过var定义的变量和function上。通过var关键字定义的变量进行预解析的时候:只要是通过var定义的,不管是变量,还是函数,都是先赋值undefined,如果是变量,也不管变量有没有赋值,在预解析阶段...
2019-12-02 20:30:34
427
原创 JavaScript中作用域及作用域链详解
作用域(Scope)作用域概述 任何程序设计语言都有作用域的概念,简单地说,作用域就是变量与函数可访问的范围,即作用域控制着变量与函数的可见性和生命周期。在JavaScript中,变量的作用域分为全局作用域(Global Scope)和局部作用域(Local Scope)(ps:在ES5中没有块级作用域)相应的,变量在全局作用域下称为全局变量,在局部作用域下称为局部变量。全...
2019-12-01 18:47:09
216
原创 JavaScript中字符串的一些操作
字符串的一些操作字符串不可变:旧的字符串赋值在一个变量上,给变量重新赋值新的字符串(完全新的字符串,或者拼接后字符串),旧的字符串不是被覆盖;在内存的游离状态;所以尽量避免大量使用字符串的拼接;这个算性能优化的一点;查找字符:indexOf:// 作用:查询字符所在字符串的位置;// 参数:查询字符// 返回:下标,若没有查询到,返回-1;var str = '相顾无言...
2019-11-25 17:55:14
147
原创 JavaScript中数组的复制
数组的复制以下是数组复制常用的一些方法,特定的场景利用的特定的方法,只是提供一些思路,有更好的方法欢迎补充!<script> // 需求:复制过来的新数据和原来的数据没有任何关系; var arr = ["a", "b", "c", "d"]; var arr_1 = arr; arr_1[0] = "abc"; // ----------------...
2019-11-25 15:46:20
305
原创 JavaScript中关于数组的一些操作
数组的一些方法<script> var arr = [1, 5, 9, 45, 41, 0, 8, 6, 9, "a", "b", "c"]; // ---------------------push------------------------ // 方法名: push // 作用:向数组的最后添加一个或者多个数据 // 参数:添加的数据 // 返回:添加...
2019-11-25 14:40:45
134
原创 移动web开发
H5移动web开发2D转换坐标系在开发过程中,平面中的X轴和Y轴的方向跟平常数学中的方向不一样,一般情况下:X轴正方向:水平向右Y轴正方向:垂直向下移动语法:transform 转换;translate :移动固定的px值或者相对于自身宽度或者高度的百分数;<style> /* 单独使用 */ /* 固定的PX值:正值,向右移动; *...
2019-11-08 23:37:39
1542
原创 CSS基础(四)
1.盒子模型页面布局要学习三大核心, 盒子模型, 浮动 和 定位,学习好盒子模型能非常好的帮助我们布局页面。2.圆角边框3.盒子阴影4.文字阴影...
2019-10-16 16:12:37
137
原创 HTML简介及基础标签(一)
HTML简介什么是网页?网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”,通常是HTML格式的文件,要通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm或.html为后缀结尾的文件,因此也俗称HTML文件。什么是HTML?HTML指的是超文本标记语言(...
2019-10-16 09:50:26
1230
1
原创 EasyUI:combotree(树形下拉框)复选框选中父节点(子节点的状态也全部选中)输入框中只显示父节点的文本值
在开发过程中遇到的小案例效果展示未处理之前的效果:处理之后的效果:需求详情combotree(树形下拉框)复选框选中父节点时输入框只显示父节点的文本值,但是子节点的状态是选中的。当所有子节点都选中时输入框只显示根节点或父节点的文本值当根节点或者父节点下面的子节点没有全部选中时显示各个子节点的文本值做法思路在复选框中点击选中哪个节点就在输入框中显示哪个节点的文本值,因为...
2019-09-02 19:29:38
3203
4
原创 JavaScript实现常见简单排序算法
JavaScript实现常见简单排序算法(冒泡排序,快速排序,直接插入排序,选择排序)冒泡排序排序思想数组相邻两项进行比较,如果前一项比后一项大则交换位置,比较arr.length-1轮,每一轮把最大的一项放最后。对除了最后一项之外的其它项重复第一步,直到只剩一项。动图演示时间复杂度及空间复杂度最好情况下时间复杂度:O(n)最坏情况下时间复杂度:O(n²)平均时间复杂度:O...
2019-08-22 14:15:52
300
原创 JavaScript写LeetCode258题——各位相加
JavaScript写LeetCode258题——各位相加题目第一种思路循环解决代码如下图:结果如下图:第二种思路寻找规律所有的能被9整除的正整数各个位之和都为9。所有的不能被9整除的正整数各个位之和是该数和9的余数。代码如下图:结果如下图:...
2019-08-19 15:24:28
173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人