- 博客(32)
- 收藏
- 关注
转载 vue生命周期
vue生命周期每个Vue实例或组件从创建到显示再到废弃的过程就是vue的生命周期。很多时候我们希望能在这个过程中执行一些操作,于是就有了生命周期钩子。生命周期钩子函数允许我们在实例不同阶段执行各种操作,便于我们更好地控制和使用实例。1. 基本生命周期首先看一个示例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta nam
2021-02-24 15:44:16
140
1
原创 JS中的作用域和作用域链
JS中的作用域和作用域链本文原链接:https://cloud.tencent.com/developer/article/1403589前言作用域(Scope)什么是作用域全局作用域和函数作用域块级作用域作用域链什么是自由变量什么是作用域链关于自由变量的取值作用域与执行上下文解释阶段执行阶段前言JavaScript 中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说,作用域的概念并不是很容易理解,本文我会尽我所能用最简单的方式来解释作用域和作用域
2021-02-23 16:29:11
190
原创 Get和Post的区别
get和post的区别总结直观区别get请求参数包含在url中,post通过request body传递参数。get请求参数长度有限制(这是因为不同浏览器对url有限制的愿意),而post传参理论上是没有大小限制的。get请求只能进行url编码,post支持多种编码方式。get比post请求更不安全,因为它的参数直接暴露在url上面,所以不能用get传递敏感信息。本质上但本质上get和post是没有区别的。get和post是HTTP协议中两种发送请求的方法,HTTP的底层是TCP/IP
2021-02-23 13:55:36
4904
3
原创 Ajax请求方式
Ajax请求方式1.getget请求一般应用于从服务器中获取数据,如果get请求想向服务器传递内容,一般使用url后加问号的方式传参。1.原生js写Ajax的get请求//步骤一:创建异步对象var ajax = new XMLHttpRequest();//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端ajax.open('get','detailurl?starName='+name);//步骤三:发送请求aj
2021-02-18 11:19:22
532
原创 ajax请求中的属性
1.urlurl请求的地址,字符串类型:url:'XXX/XXX/XXX'2.typetype是请求的方式,默认get请求,还有post,一些浏览器还支持put,delete请求,字符串类型:type:'post'3.xhrFields—withCredentials一般ajax跨域请求都不会提供凭据(cookie,HTTP认证,客户端SSL证明等),这个属性为true的时候,可以指定某个请求应该发送凭据,Boolean类型:xhrFields:{withCredentials:true}4.t
2020-07-30 17:39:05
1555
原创 Flex布局
Flex----弹性盒布局弹性盒布局又叫伸缩布局,是由于传统布局有一些局限性,对一些特殊的布局十分不方便,所以出现了新的布局方式:flex布局。他更加完整的实现各种页面布局,提供了最大的灵活性。任何盒子都可以成为Flex布局<body> <style> //任何容器都可以成为弹性盒布局 .box{display:flex} //行内元素也可以成为弹性...
2019-11-28 17:04:51
77
原创 ES6(2)
ES6字符串扩展:includes(str),判断是否包含指定的字符串,返回的是布尔值,包含返回true,不包含返回falseinclude(“文件路径”):加载文件,不是字符串扩展require(“文件路径”):加载文件,不是字符串扩展var str='qwerty';console.log(str.includes('t'));//trueconsole.log(str....
2019-11-12 13:41:39
108
原创 ES6
ES6Promise对象概念:代表未来某个将要发生的事件,通常是一个异步操作,一般结合ajax来使用有了Primise对象,可以将异步操作以同步的流程表达出来,避免了层层嵌套的回调函数Promise是一个构造函数,用来生成promise实例1因为是构造函数,需要new实例化promise有三种状态pending 初始化状态fullfilled 成功状态rejected 失败状态...
2019-11-12 13:40:35
123
原创 ECMAScript
ECMAScriptES5回顾—前端: 用户所操作前台: html+css +js后端: 后台程序员进行维护后台: php java nodel.js(交互数据)严格模式语言类型:弱类型语言:声明变量是由后面的值确定声明的变量的数据类型的,eg:js,php强类型语言:必须先声明变量,再赋值,eg:Java,c#,c++严格模式:‘use strict’,进入严格模式1,将‘...
2019-11-12 13:38:50
268
原创 jQuery中的事件和动画
jQuery中的事件和动画事件$('.box').click(function(ev){})//低版本jQuery没有兼容问题ev.which//记录鼠标的键值,1、2、3/左键、滚轮、右键事件绑定on()// 事件绑定,on(事件名,[事件委托时写的子级],函数)// 绑定两个相同的事件// $('.box').on('click',function () {// ...
2019-09-03 19:45:03
128
原创 jQuery的DOM操作
jQuery的DOM操作DOM是document object modle的缩写,意思是文档对象模型属性操作查找属性节点<script> $(function(){ // 获取属性 console.log($('div').attr('id')); // 设置属性 $('div').attr('class'...
2019-09-02 21:58:13
141
原创 闭包和ajax
闭包和ajax匿名函数匿名函数就是没有名字的函数总结一下学习了几种函数普通函数function fun(){}构造函数function Obj(name){ this.name=name}new Obj('123');事件处理函数document.οnclick=function(){}表达式函数var fun=function(){...
2019-08-25 20:39:49
204
原创 面向对象
面向对象(ECMAScript)ECMAScript有两种开发模式:函数化面向对象(OOP)ECMAScript没有对象概念面向对象的三个特征封装:封装以前写好的方法继承:继承一个对象的属性或方法多态对象是由属性和方法组成的:属性对应变量方法对应函数面向对象的创建方法字面量创建适用于单个对象var obj={ "name":"王...
2019-08-25 20:38:18
97
原创 cookie和正则表达式
cookiecookie介绍:cookie指小量信息,存储数据的容量比较小,智能存储4KB,服务器创建的存储在客户端…cookie作业:记录用户身份记录用户历史存储cookie:cookie必须以键值对的形式存储的:document.cookie='username=王帅'一次只可以设置一个,若想存储多个,就多次使用document.cookie=‘’;获...
2019-08-22 21:07:52
661
原创 事件
事件函数当事件被触发时调用的函数1.box.οnclick=function(){}2.box.οnclick=function(){ fun();//fun是事件函数,外面的只是一个普通的函数}3.box.οnclick=fun;事件对象当事件发生的时候,浏览器会将事件相关信息保存在内置全局对象window.event中document.οnclick=function(ev...
2019-08-21 12:35:02
114
原创 BOM和window
BOM和window操作表单获取表单元素form.name<body> <form action="" id="form"> <input type="button" value="登录" name="btn"> <input type="submit"> <input ty...
2019-08-19 20:28:46
417
原创 关于DOM
先说几个例题20-100之间十个不重复的随机数var arr=[];for(var i=0;i<10;i++){ var x=Mati.floor(Manth.randow()*(100-20)+20);//这就是产生20-100的随机整数 if(arr.indexOf(x)==-1){ arr.push(x); }else{ i--; ...
2019-08-19 19:57:04
265
原创 数组&Manth
数组创建数组var arr=[1,2]var arr=new Array()arr[0]='12';var arr=new Array(1,2,'a')添加数组元素从前添加是unshift,从后添加是pushvar arr=[1,2,3,'1','a'];console.log(arr.unshift('ghghg',55,'a'));//返回新数组长度,...
2019-08-16 08:18:55
690
原创 定时器
计时器setInterval:重复定时器,隔某个时间就进行一次setTimeout:延迟定时器,延迟特定时间之后执行,且执行一次语法setInterval(函数,间隔时间)setTimeout(函数,间隔时间)间隔时间单位是毫秒,1秒等于1000毫秒定时器是异步的,解析的时候,因为他有时间上的延迟,所以最后才解析他,不管他的延迟时间是多长时间简单使用:<img s...
2019-08-13 21:32:05
102
原创 预解析和作用域(一)
作用域作用:获取函数或变量域:全局作用域、局部作用域全局变量和局部变量**全局变量:**直接在script下声明的变量,任何地方都可以访问,任何地方都能对其值进行改变**局部变量:**函数内部定义的变量,函数可以访问,出了函数的花括号{}就不能被访问局部变量可以访问修改全局变量全局变量:任何地方都可以被访问和修改-------------------------...
2019-08-12 22:31:54
172
原创 函数
函数函数的分类:匿名函数:function(){}命名函数:function 函数名 (){}函数声明和调用:函数是由事件驱动的代码块、或者被调用时可以重复使用的代码块使用函数有必不可少的两个步骤,函数声明和函数调用函数声明:function 函数名 (){代码块}或var 函数名=function(){}函数调用:函数名();函数在没有调用前是不会执行的两...
2019-08-12 21:35:13
101
原创 自定义属性和索引值
循环结构for-in 循环用来循环对象,因为对象没有长度没有顺序,所以不可以用for循环语句:创建一个对象 for(定义一个变量 变量名 in 对象名){}现总结一下获取对象属性值的方法<script>var json { "name":"lizheng", "sex":"男", "age":8888}console.log(jso...
2019-08-09 19:57:13
411
原创 BFC
BFC(块级格式化上下文)BFC(Block formatting context)直译为"块级格式化上下文"。元素的显示模式我们前面讲过 元素的显示模式 display。分为 块级元素 行内元素 行内块元素 ,其实,它还有很多其他显示模式。那些元素会具有BFC的条件不是所有的元素模式都能产生BFC,w3c 规范:display 属性为 block, list-item, tab...
2019-08-08 21:37:23
166
原创 CSS之定位以及圆角边框
day06定位 position两个大布局:盒模型 浮动 定位定位:可以放到anywhere1、定位类型:静态定位:static 标准流下的默认值 一动不动相对定位:relative绝对定位:absolute固定定位:fixed2、定位方位值:left:当前定位元素距离父元素左侧边界的值top:当前定位元素距离父元素上侧边界的值right:当前定位元素距离父元素右侧边界的...
2019-08-08 21:32:23
680
原创 CSS之浮动
浮动先说一个问题文字图片对不齐解决办法1.文字与图片基线对齐(文字默认与基线对齐,但图片的基线是图片最下面的那条边,图片的底线在它空白的下面)调整文本垂直对齐方式的属性 verticle-align:top顶对齐/middle中线对齐/baseline基线对齐/bottom底线对齐2.给两个盒子加了一个触发规则BFC的属性:overfllow:hidden结论:对块级元素...
2019-08-08 21:30:08
131
原创 CSS的一些基本知识
css的一些基础知识无CSS有CSS1.行内引入<div style="属性名:属性值;属性名:属性值"></div>eg:<div style="color: red; width:20px; height:20px"></div>缺点:1,结构不清晰 后期代码维护困难 2,繁杂 体积大 ...
2019-08-08 21:27:15
149
原创 关于HTML的一些基本知识(2)
day02列表系列无序列表[外链图片转存失败(img-DGsLnIHg-1565270467261)(E:\老师整理\day02\笔记\media\wxlb.png)][外链图片转存失败(img-JS4qrDJe-1565270467262)(E:\老师整理\day02\笔记\media\ul.png)]<!-- 无序列表 复合 有盒子 ul(unorder list) 列...
2019-08-08 21:23:37
414
原创 关于HTML的一些基本知识
day01 HTML 011:HTML标记语言HTML:Hyper Text Markup Language 超文本标记语言超(hyper):不仅仅可以放文字,还可以插入图片、链接、视频、音频 .html标记(Markup):就是浏览器可以识别的文字和符号语言:不是编程语言常用浏览器有哪些?(浏览器分为两部分,外壳【网页中所看到的】和内核【用于解析代码,分两部分,渲染引擎(ht...
2019-08-08 21:20:17
281
原创 JS流程控制语句
流程控制语句分支语句条件选择结构又叫分支语句,主要包括if-else、switch等if语法:if(条件){条件成立执行}var x=10;if(x>0){ console.log("条件成立");}//这里的花括号{}是可以省略的,省略以后就只执行if()后面的第一行语句,如果后面有两条执行语句时,第二条就不会被执行了。var y=1;if(y>10)...
2019-08-08 21:13:57
229
原创 JavaScript的数据类型以及转换,运算符
day02js数据类型数据类型是弱类型,即最开始不知道变量是什么类型,必须通过后面的数值才能知道js数据类型有两大类基本数据类型numberstringBooleannull 空undefined 未定义引用数据类型(复合数据类型)objectobjectarrayfunctionnumber就是数值//整数var a=1;//...
2019-08-07 21:59:11
208
原创 初始JavaScript
JavaScript的特点解释性基于对象事件驱动跨平台JavaScript组成ECMASscript 是JavaScript的语法标准DOM 文档对象BOM 浏览器对象JavaScript引入方式行内引入<div onclick="alert('这是行内引入')"></div>文本内部引入<script> al...
2019-08-07 21:29:35
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人