注册 / 登录

清河洛

您现在的位置是:首页>网站前端

网站前端

  • vue的常用指令

    文本插值:数据绑定最常见的形式就是使用双大括号的文本插值<span>Name: {{ name }}</span>简单的操作运算:Vue提供了完全的JavaScript表达式支持,可以再插值时进行简单的计算,且每个绑定都只能包含单个表达式,如{{number+1}}{{

    发布时间:2022-03-09 16:56:52
  • vue的使用简介

    Vue.js(读音/vjuː/,类似于view),是一个用于构建用户界面的JavaScript框架,它只关注视图层,通过尽可能简单的API实现响应的数据绑定和组合的视图组件本次学习我们使用在网页中引入js文件的方式,而暂不讨论使用npm或其他的方式通过<script src="https://unpkg.com/vue@next" ></script>的方式在网页

    发布时间:2022-03-09 16:48:52
  • js中变量的解构赋值

    ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构,本质上,这属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。一、数组的解构赋值从数组中提取值,按照对应位置,对变量赋值let [x, , y] = [1, 2, 3]; //x = 1 , y = 3 let [x, ...y] = [1, 2, 3, 4]; //x = 1 , y = [2, 3, 4] let [x, y, ...z] = [''a'']; //x = "a" , y = undefined , z = [] let [x, y] = [y, x] //变量交换 二、对象的解构赋值数组的解构赋值一个重要的不同是数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值,而不需要按照一定的顺序。let {x, y, z} = {z:''iamz'', x:''iamx''} //x =

    发布时间:2021-07-13 16:05:10
  • Fetch入门介绍

    fetch是一种在JavaScript脚本里面发出HTTP请求的方式,是XMLHttpRequest的一种替代方案。fetch不是ajax的进一步封装,而是原生js,没有使用XMLHttpRequest对象。fetch和XMLHttpRequest的不同点:1、fetch使用了Promise,不使用回调函数,大大简化了写法;2、fetch返回的promise将不会拒绝http的错误状态,即使响应是一个HTTP404或者500;3、在默认情况下fetch不会接受或者发送cookies;4、fetch采用模块化设计,API分散在多个对象上(Response、Request、Headers、ReadableStream等),更合理;5、fetch通过数据流(Stream对象)异步处理数据,可以分块读取,有利于提高网站性能表现,减少内存占用,对于请求大文件或者网速慢的场景相当有用。fetch语法:fetch(url,option_obj)option_obj是一个object对象,HT

    发布时间:2021-04-23 14:00:03
  • javascript中的async和await操作符简介

    async操作符用于创建一个异步函数,await操作符用于等待一个Promise对象async操作符在函数创建语句前添加async操作符可以把函数转化为异步函数,异步函数的特点: 异步函数永远只会返回一个Promise 1、当函数中显示的return一个Promise时返回该Promise 2、如果return的是一个具体的值,会返回一个resolve为该值的Promise 3、如果使用了throw语句那么会返回一个reject为该值的Promise 3、其他情况下会转换为一个resolve为undefined的Promiseawait操作符在异步函数中使用await操作符表示等待一个值的返回 await右侧为Promise对象时返回的是Promise状态为resolve的值,如果Promise状态是reject,则无返回值(undefined)并且抛出异常。 await右侧为其他值,会直接将该值作为await的返回值注意点:1、awa

    发布时间:2021-04-23 10:53:54
  • CSS中的grid网格布局

    Grid布局与Flex布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。既可以设置容器为块元素(display:grid),也可以设置容器为行内元素(display:inline-grid)。设为网格布局以后,容器子元素的float、display: inline-block、display: table-cell、vertical-align和column-*等设置都将失效。设置容器网格的列宽和行高grid-template-columns:定义每一列的列宽grid-template-rows:定义每一行的行高既可以使用绝对单位,也可以使用百分比以下代码指定了一个三行三列的网格,列宽都是33.33%,行高都是100px .box { display: g

    发布时间:2020-10-14 14:19:39
  • CSS中的flex布局

    Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。它即可以设置容器为块元素(display:flex),也可以设置容器为行内元素(display:inline-flex)。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。目前,它已经得到了所有浏览器的支持。定义容器的六个属性flex-direction:容器内元素的排列方向(默认row) row,沿水平主轴从左向右排列 row-reverse,沿水平主轴从右向左排列 column,沿垂直主轴从上到下垂直排列 column-reverse,沿垂直主轴从下到上垂直排列flex-wrap:容器内元素的换行(默认nowrap) nowrap:不换行,如一个div宽度100%,设置此属性,2个div宽度就自动变成各50% wrap:自动换行,向下方

    发布时间:2020-10-13 13:27:45
  • javascript中的var、let和const的异同

    var、let和const都是JavaScript中用来声明变量的关键字,let和const是在ES6中新增的。在ES5之前,只有全局作用域和函数块作用域,没有块级作用域。var声明的变量的作用域只能是全局或者整个函数块(根据声明变量的位置不同);let声明的变量的作用域既可以是全局或者整个函数块,也可以是if、while、switch等用{}(要必须有)限定的代码块的块级作用域;const声明一个只读的常量。一旦声明,值就不能改变,否则会报错,所以,const一旦声明变量,就必须立即初始化。除了值不能更改,const声明常量的作用域和特性及使用方法都和let相同。for循环的特殊作用域:设置循环变量的那部分(括号中的部分)是一个父作用域,而循环体内部是一个单独的子作用域:for (let i = 0; i < 3; i++) { let i = ''demo''; console.log(i); } 上面代码正确运行,输出了3次''demo''。因

    发布时间:2020-07-03 14:54:05
  • JavaScript中call()、apply()、bind()的用法

    call()、apply()、bind() 都是用来重定义方法中this指向的对象,它们的传入参数:这三个方法都是第一个传入需要重定义this指向的对象,不同的是 call()按照函数定义的参数顺序依次传入参数 apply()需要以一个参数数组的形式传入 bind()传参和call()相同,不同的是bing()返回的是一个方法,后面需要在添加一对括号调用该返回的方法 fun.call(new_obj,arg1,arg2...,argn) fun.apply(new_obj,[arg1,arg2...,argn]) fun.bind(new_obj,arg1,arg2...,argn)() 应用实例:var name=''小王'',age=17; var obj={ name:''小张'', fun:function(weight){ console.log(this.name+''年龄''+this.age

    发布时间:2020-07-03 08:55:40
  • JavaScript中的Promise对象

    传统的异步编程解决方案是使用回调函数和事件,Promise是异步编程的一种解决方案。从语法上来讲,Promise是一个对象,从它可以获取异步操作的消息。ECMAscript6原生提供了Promise对象,在这之前,想要使用Promise,一般会借助于第三方库。有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise对象提供统一的API接口,各种异步操作都可以用同样的方法进行处理,更加方便简单。Promise对象有三种状态,分别是pending(进行中)、resolved(已完成)、rejected(已失败),当Promise的状态由pending转变为resolved或rejected时,会执行相应的方法,并且状态一旦改变,就无法再次改变状态,这也是它名字promise(承诺)的由来Promise对象的缺点 无法取消Promise,一旦新建它就会立即执行,无法中途取消。 如果不设置回调函数,Promise内部抛出的错误

    发布时间:2020-07-02 16:57:09
首页 上一页 下一页 尾页
共111条 当前1/12页


网址导航