- 博客(36)
- 收藏
- 关注
原创 input的keydown/up/press与blur事件重复触发的解决方法
当触发同一个函数时,可以让键盘事件不触发函数,让键盘事件去使input失去焦点,从而触发失去焦点事件,如<input onBlur={(e) => edit(index, e)} onKeyPress={(e) => { e.target.blur() }}/> ...
2020-10-31 08:59:37
1195
原创 Vue的渲染
Vue的渲染: 指令式渲染:v-html,v-text采用{{}}语法==>插值运算v-html:它可以加标签,它会解析成html你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值,绝不要对用户提供的内容使用插值。v-text:不能加标签,如果加了,它会当作字符串展示出来插值表达式:{{ data中的数据 }}v-text与插值表达式的区别:默认v-text没有闪烁的问题的...
2020-09-06 15:19:52
243
原创 axios最优雅的写法
axios最优雅的写法目前axios最好的写法是使用async/await这样写能让代码更加简洁优美1、await后面接一个会return new promise的函数并执行它2、await只能放在async函数里,也就是在使用await的函数前必须加上async用async/await写axios的post请求示例:其中res为从服务器端获取返回值,info为给服务器端传递的数据(async function(){let res = await axios.post("/customer/
2020-09-06 14:37:14
824
原创 Vue.js子级向父级传递数据
组件之间的数据的传递 - 子传父注意!!!:html对大小写不敏感,事件名字最好用-隔开或全部小写!!步骤:1、在父组件中在子组件上添加事件(自定义)监听代表的含意:事件分两类:浏览器自带的事件 click mouseover mousedown …自定义事件 nihao事件 xxx事件 yyyy事件 … 需要写代码让这个事件发生上面的addmsg是在父组件中收到了子组件发布这个事件后,要做的事情,所以还要定义一个方法:2、在子组件中,某一个时间通过th
2020-09-03 21:12:21
1689
1
原创 Vue.js父级向子级传递信息
父组件把数据传递给子组件:注意!!!:子组件中的data是一个函数,在其中写return { }。返回数据1、在父组件中,正常定义自己的数据。父中有数据了,就意味着在父的视图中就可以得到数据了。2、在父组件的模板中通过属性绑定把数据绑定到子组件上。3、在子组件中定义props属性。用来接收父组件传递的数据。在props中定义的属性,是专门用来从父组件中去获取数据的,定义好了之,就可以像定义在data中的数据项一样,去正常的使用。4、在子组件模板中使用数据父传子有一个核心 子组件中的
2020-09-03 21:02:04
621
原创 axios post、get 请求参数和headers配置
**post传headers时不要和其他数据在一个大括号里!!!!post传headers时要用大括号包住**axios.post("http://xxx.com/xxx/xxx/xxx?", { 'queslistid':this.kemuid }, { headers: {'toke
2020-08-15 20:07:11
878
原创 怎样看待前后端分离开发
前后端分离的起因在软件领域里任何复杂的问题面前,高内聚低耦合这种原则几乎都能见效,所以前后端的事情分开来做我要把前端开发的责任从后端开发工程师身上拿掉,要给前端开发工程师一个单独的岗位和责任领域。要给前端正名,不能让人们总是使用野生的开发模式不能一天到晚去copy html代码段、js代码段、css样式,人肉去试错、去调试等等,前端也需要工程化、项目化的思维来做,所以这才是前后端分离开发模式最开始的来源。所以那个时候这个思想的来源不关vue、react等这种框架的事,他们只是后来的一个具体的实现方式而已
2020-08-08 19:41:54
291
原创 jQuery小结
1.jquery是一份js 提供了方便的dom操作2. 四条规则1.jquery提供了一个对象 叫$2.通过 $(‘选择器’) 可以得到jq对象3.只有jq对象才能使用jq方法4.Jq的方法总会返回调用它的jq对象3.学习各种各样的选择器4.学习jquery提供的各种方法 (动画,dom操作类的,ajax,添加事件的)1.动画类 show() hide() toggle() slideDown() slideUp() slideToggle() fadeIn()
2020-08-01 17:05:52
154
原创 jQuery与原生js的区别
原生JS和jQuery入口函数的加载模式不同原生JS会等到D0M元素加载完毕,并且图片也加载完毕才会执行jQuery会等到D0M元素加载完毕,但不会等到图片也加载完毕就会执行原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的jQuery中编写多个入口函数,后面的不会覆盖前面的...
2020-07-27 20:44:49
205
原创 ES6新特性详解
ES 6 新特性let 关键字let 关键字用来声明变量,使用 let 声明的变量有几个特点:不允许重复声明块儿级作用域不存在变量提升不影响作用域链以后写js声明变量都用letconst 关键字const 关键字用来声明常量,const 声明有以下特点声明必须赋初始值标识符一般为大写(潜规则)不允许重复声明常量值不允许修改块儿级作用域注意: 对象属性修改和数组元素变化不会出发 const 错误声明对象类型使用 const,非对象类型声明选择 let变量的解构
2020-07-25 19:10:21
1007
2
原创 ECMASript 相关介绍
ECMASript 相关介绍什么是 ECMAECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制造商协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该组织改名为 Ecma 国际。什么是 ECMAScriptECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言。什么是 ECMA-262Ecma 国际制定了许多标准,而 ECMA-262 只是其中的一个,所有标准列表查看
2020-07-25 15:11:43
173
原创 js中什么是回调函数
什么是回调函数?1).你定义的2).你没有调3).但最终它执行了2.常见的回调函数?dom事件回调函数定时器回调函数ajax请求回调函数生命周期回调函数
2020-07-23 20:53:01
233
原创 js中的函数提升与变量提升
函数提升优先级比变量提升要高,且不会被变量声明覆盖,但是会被变量赋值覆盖。先声明一个a变量,再定义一个函数a输出为:把变量a赋个值:结果为:说明函数提升优先级高于变量提升,可不要在这掉坑里了哦!!!...
2020-07-23 19:43:02
143
原创 js中的BOM入门
什么是BOM浏览器对象模型BOM可以使我们通过js来操作浏览器在BOM中为我们提供了一组对象,用来完成对浏览器的操作BOM对象Window(窗口):代表的是浏览器的窗口,同时window也是网页中的全局对象Navigato(浏览器的意思):代表当前浏览器的信息,通过该对象可以来识别不同的浏览器Location(地址):代表当前浏览器的地址栏信息,通过Location可以获取地址信息,或者操作浏览器跳转页面History:代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录,由
2020-07-22 21:08:24
160
原创 js鼠标拖拽
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; position: absolute; }
2020-07-22 17:47:22
149
原创 js事件的传播
事件的传播关于事件的传播网景公司和微软公司有不同的理解微软公司认为事件应该是由内向外传播,也就是当事件触发时,应该先触发当前元素上的事件,然后再向当前元素的祖先元素上传播,也就说事件应该在冒泡阶段执行。网景公司认为事件应该是由外向内传播的,也就是当前事件触发时,应该先触发当前元素的最外层的祖先元素的事件,然后在向内传播给后代元素W3C综合了两个公司的方案,将事件传播分成了三个阶段1.捕获阶段在捕获阶段时从最外层的祖先元素,向目标元素进行事件的捕获,但是默认此时不会触发事件2.目标阶段事
2020-07-22 16:05:25
192
原创 js事件的委派
事件的委派指将事件统一绑定给元素的共同的祖先元素,这样当后代元素上的事件触发时,会一直冒泡到祖先元素从而通过祖先元素的响应函数来处理事件。事件委派是利用了冒泡,通过委派可以减少事件绑定的次数,提高程序的性能案例及说明:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javas
2020-07-22 14:57:00
453
1
原创 js事件的冒泡(Bubble)
事件的冒泡(Bubble)所谓事件的冒泡就是指事件的向上传导,当后代元素上的事件触发时,其祖先元素的相同事件也会被触发在开发中冒泡是有用的,如果不希望发生事件冒泡可以通过事件对象来取消冒泡语法 : 对象 . cancelBubble = true...
2020-07-22 14:28:09
253
原创 js中的原型prototype,js中的私有属性与公有属性
原型prototype(公有属性)我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype这个属性对应着一个对象,这个对象就是我们所谓的原型对象如果函数作为普通函数调用prototype没有任何作用当函数以构造函数的形式调用时,他所创建的对象中都会有一个隐含得属性,指向该构造函数的原型对象,我们可以通过______proto__来访问该属性原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象中共有的内容,统一设置到原型对象中当我们访问对象的一
2020-07-21 17:54:32
555
原创 js中的面向对象(类/构造/构造函数)
自定义对象创建对象1、使用new关键字调用的函数,是构造函数constructor,构造函数是专门用来创建对象的函数var obj = new Object();console.log(typeof obj);//返回Object在对象中保存的值称为属性,向对象中添加属性语法:对象.属性名 = 属性值;var obj = new Object();obj.name = "孙悟空";//添加一个name属性obj.gender = "男";//添加一个gender属性obj.age =
2020-07-21 17:48:00
395
原创 js中的数组全部方法及用法
数组(Array)数组也是一个对象他和我们普通的对象功能相似,也是用来存储一些值的不同的是普通对象是使用字符串作为属性名的,而数组是使用数字作为索引来操作对象索引:从零开始的整数就是索引数组的存储性能比普通对象要好,在开发中我们经常使用数组来储存一些数据创建数组对象**语法:**数组[索引] = 值var arr = new Array();console.log(arr);//输出"" 空的,因为里面没有元素arr[0] = 10;arr[1] = 33;
2020-07-21 17:36:14
885
原创 通过DOM修改css的属性
通过JS修改元素的样式:语法:元素.style.样式名 = 样式值注意:如果CSS的样式名中含有-,这种名称在JS中是不合法的比如background-color需要将这种样式名修改为驼峰命名法,去掉-,然后将-后的字母大写我们通过style属性设置的样式都是内联样式,而内联样式有较高的优先级,所以通过JS修改的样式往往会立即显示但是如果在样式中写了!important,则此时样式会有最高的优先级,即使通过JS也不能覆盖该样式,此时将会导致JS修改样式失效所以尽量不要为样式添加!
2020-07-13 13:22:28
635
原创 CSS基础到入门小结
css2总结什么是css?CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一个css语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style attribut
2020-07-10 22:35:28
249
原创 DOM入门及增删查改
什么是DOMDOM全称Document Object Model文档对象模型Js中通过DOM来对HTML文件进行操作,只要理解DOM就可以随心所欲的操作WEB页面文档文档表示的就是整个HTMl网页文档对象对象表示将网页中的每一个部分都转换为了一个对象模型使用模型来表示对象之间的关系,这样方便我们获取对象模型HTML DOM 模型被结构化为对象树:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0nr5Kg2d-15943831242
2020-07-10 20:13:06
452
原创 git基础
—git是什么?git是一个非常优秀的版本控制系统,两个作用:1)版本控制2)协作开发 协作开发也是基于版本控制git是用来管理你写的代码的。之前写代码模式:创建一个文件夹在这个文件夹下开始写代码之前写代码的模式缺点:1)没有版本 开发一个项目 v1 v2 v3 v42)不好管理 不好维护 团队协作开发时-------------------------------------git历史?大家自己百度一下----------------------------------
2020-07-10 20:11:27
111
原创 html小结
一,HTML是什么1,什么是HTML?超文本标签语言什么是超文本?文字,图片,视频,音频,程序,链接…问:html本身是纯文本还是超文本?答:本身是纯文本二,HTML的基本语法1,HTML的基本骨架?<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>标题</title> &
2020-07-10 20:10:20
76
原创 通俗易懂简单自学javascript基础
Javascript基础基本知识:控制浏览器弹出一个警告框alert("帅帅帅")让浏览器在界面中输出一个内容(向body中输出一个内容)document.write("你好!!!")向控制台输出一个内容console.log("控制台你好!!!")可以将js代码写到标签的onclick属性中。不方便维护,不推荐使用。<button onclick="alert('点我干嘛--');">点我点我</button>可以将js代码写在超链接
2020-07-10 20:09:35
393
原创 js函数
函数函数也是一个对象函数中可以装一些功能(代码),在需要时可以执行这些功能(代码)创建函数对象var fun = new Function();console.log(typeof fun);//返回function可以将要封装的代码以字符串的形式传递给构造函数;var fun = new Function("console.log('这是一个函数');");console.log(fun);//返回警告 封装到函数中的代码不会立即执行,函数中的代码会在函数调用时执行在开发中
2020-07-10 20:07:02
97
原创 js基础练习
js基础练习题乘法表打印1-100中所有的质数定义一个函数,判断一个数字是否是偶数,如果是则返回true,否则返回false定义一个函数,可以根据半径计算一个圆的面积,并返回计算结果数组练习,将其中岁数大于18的函数提取出来放入另一个数组中并返回去除数组中重复的数字创建一个正则表达式,用来检测一个字符是否是一个核合法机号用正则表达式检测电子邮件格式//乘法表 var a , b; for(a = 1 ; a <= 9 ; a++){ for(b = 1 ;
2020-07-10 20:04:52
566
原创 js中的对象
js中的对象除了五种基本数据类型外还有一个引用数据类型:Object 对象(以后我们看到的值,只要不是五种基本数据类型的,全都是对象)如果使用基本数据类型的数据,我们所创建的变量都是独立的,不能成为一个整体,例如:var name = "孙悟空";var gender = "男";var age = "18";//这三个数据毫无关联,互相独立Js中的变量都是保存到栈内存中的基本数据类型的值直接在栈内存中存储,值与值之间是独立存在的,修改一个变量不会影响到其他变量[外链图片转存失败,
2020-07-10 20:03:40
258
原创 JS中的作用域(Scope)
作用域作用域指一个变量的作用范围在JS中有两种作用域1.全局作用域2.函数作用域全局作用域直接编写在script标签中的js代码,都在全局作用域全局作用域在页面打开时创建,在页面关闭时销毁在全局作用域中,有一个全局对象window,我们可以直接使用 他代表的是一个浏览器端口,他由浏览器创建,可以直接在浏览器中使用在全局作用域中, 创建的变量都会作为window对象的属性保存 创建的函数都会作为win
2020-07-10 20:01:49
162
原创 js中的this
解析器在调用函数每次都会向函数内部传递一个隐含的参数这个隐含的参数就是this,this指向的是一个对象这个对象我们称为函数执行的上下文对象根据函数的调用方式的不同,this会指向不同的对象 1.以函数的形式调用时,this永远都是window 2.以方法的形式调用时,this就是调用方法的那个对象 3.当以构造函数的形式调用时,this就是新创建的那个对象var name = "全局";function fun(){ console
2020-07-10 19:59:09
61
原创 js中的垃圾回收
垃圾回收就像人生活的时间长了会产生垃圾一样,程序运行过程也会产生垃圾垃圾积攒过多以后,会导致程序运行速度过慢,所以我们需要一个垃圾回收的机制,来处理程序运行过程中产生的垃圾当一个对象没有任何变量或属性对他进行引用时,此时我们将永远无法操作该对象此时这种对象就是一个垃圾,这种对象过多会占用大量的内存空间,导致程序运行变慢;所以这种垃圾必须进行清理在js中拥有自动回收垃圾的机制,会自动将这些垃圾对象从内存中销毁我们不需要也不能进行垃圾回收操作我们需要做的只是将不再使用的对象设置nul
2020-07-10 19:57:49
86
原创 js中的流程控制语句
流程控制语句Js中的程序是从上到下一行行执行的通过流程控制语句可以控制程序执行流程,使程序可以根据一定的条件来选择执行语句的分类:1、条件判断语句2、条件分支语句3、循环语句条件判断语句使条件判断语句可以在执行某个语句之前进行判断,如果条件成立才会执行语句,条件不成立则语句不执行。if语句语法一: if(条件表达式) {
2020-07-10 19:55:54
226
原创 github+hexo博客上传图片无法显示问题
上传博客无法引用本地图片问题## 1.下载插件首先我们需要安装一个图片路径转换的插件,这个插件名字是hexo-asset-imagenpm install https://github.com/CodeFalling/hexo-asset-image --save或npm install hexo-asset-image --save2.要将要引入的图片放入与md文件同名的文件夹中在下载插件完成之后再git bush中输入hexo n "text"可生成一个新的md文件和同名文件夹,将你
2020-07-10 19:53:05
1744
原创 js中的正则表达式
正则表达式正则表达式用于定义一些字符串的规则计算机可以根据正则表达式,来检查一个字符串是否符合规则获取字符串中符合规则的内容提取出来创建正则表达式的对象语法:var 变量 = new RegExp(“正则表达式”,“匹配模式”)test():用于检查一个字符串是否符合正则表达式的规则,符合返回true,不符合返回false这个正则表达式可以来检查一个字符串中是否含有avar reg = new RegExp("a");var str = "a";console.log
2020-07-10 19:46:11
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人