前端内容
文章平均质量分 71
ss洛
这个作者很懒,什么都没留下…
展开
-
H5和css3的新特性
H5和css3的新特性H5的新特性:语义化标签:header、footer、section、nav、aside、article增强型表单:input 的多个 type新增表单元素:datalist、keygen、output新增表单属性:placehoder、required、min 和 max音频视频:audio、videocanvas地理定位拖拽本地存储WebSocket 单个tcp链接上进行全双工通信新事件:onresize、ondrag、onscroll、onmousew原创 2020-10-24 09:59:02 · 479 阅读 · 0 评论 -
javascript 执行顺序
javascript 执行顺序1.同步的任务没有优先级之分,异步的有,先执行微任务,再执行宏任务。一、javascript是一门单线程语言既然js是一门单线程语言,js任务也要一个一个顺序执行,如果一个任务耗时过长,其它任务也必须等着。问题来了,如果再浏览网页的时候加载的超清图片加载的很慢,那岂不是网页一直要卡到图片加载完?所以就出现了同步任务和异步任务。二、同步和异步当我们打开网站时,网页渲染的过程就是一大堆同步任务,但是在加载视频或者其它大型的资源时就是用的异步加载。用图来说明:文字概况原创 2020-10-22 14:03:52 · 209 阅读 · 0 评论 -
foreach和map的用法和区别
foreach和map的用法和区别foreach和map的用法:foreach的用法:var data=[1,3,4] ; var sum=0 ;data.forEach(function(val,index,arr){ console.log(arr[index]==val); // ==> true sum+=val })console.log(sum); // ==> 8map的用法:var data=[1,3,4]原创 2020-10-21 10:10:42 · 579 阅读 · 0 评论 -
Promise简单使用
promise使用1.promise 是什么?promise 是异步编程的一种解决方案,promise是一个对象,可以从他获取异步操作的消息。1.1 promise的特性(1)对象不受外界的影响。promise对象代表一个异步操作,有三种状态。pending(进行中),从pending到fulfilled(成功),从pending到rejected(失败)(2)状态一旦改变就不会再改变,所以只有两种结果。promise基本用法:ES6规定,promise对象是一个构造函数,用来生成promis原创 2020-10-21 09:53:58 · 434 阅读 · 0 评论 -
Vue.js双向数据绑定原理及MVVM
Vue.jsVue.js 可以说是MVVM 架构的最佳实践,专注于 MVVM 中的 ViewModel,不仅做到了数据双向绑定,而且也是一款相对来比较轻量级的JS 库,API 简洁,很容易上手。 Vue的基础知识网上有现成的教程,此处不再赘述, 下面简单了解一下 Vue.js 关于双向绑定的一些实现细节:Vue.js 是采用 Object.defineProperty 的 getter 和 setter,并结合观察者模式来实现数据绑定的。 当把一个普通 Javascript 对象传给 Vu转载 2020-09-25 15:25:43 · 584 阅读 · 0 评论 -
基于前端的框架MVVM的核心内容
基于前端的框架MVVM的核心内容MVVM全称:Model-View-ViewModel其核心内容就是:提供对View 和ViewModel的双向数据绑定。这使得ViewModel中的数据改变View中的数据也会跟着改变,这就是所谓的双向数据绑定。可是为什么不使用mvc模式呢?什么是MVC模式View :UI布局,展示数据Model :管理数据Controller :响应用户操作,并将 Model 更新到 View 上 这种 MVC 架构模式对于简单的应用来看是OK 的,也符合软件架构的原创 2020-09-25 15:19:49 · 350 阅读 · 0 评论 -
JavaScript严格模式下有哪些不同
JavaScript严格模式下有哪些不同1.不允许使用var 关键字定义全局变量2.不允许对变量使用 delete 操作符,抛 ReferenceError3.不可对对象的只读属性赋值,不可对对象的不可配置属性使用 delete 操作符,不可为不可拓展的对象添加属性,均抛 TypeError4.对象属性名必须唯一5.函数中不可有重名参数6.在函数内部对修改参数不会反映到 arguments 中7.淘汰 arguments.callee 和 arguments.caller8.不可在 if 内原创 2020-09-24 15:03:40 · 632 阅读 · 0 评论 -
javascript原型与原型链
javascript原型与原型链一、prototype在js中每一个函数创建时都有一个prototype属性,这个属性就指向函数的原型对象。例如: function Person(age){ this.age=age; } Person.prototype.name = 'hello'; let p1 = new Person(1); let p2 = new Person(2); console.log(p1.name);//hello console.log(p2.name)转载 2020-09-23 17:22:51 · 101 阅读 · 0 评论 -
javascript 字符串最常用方法
javascript 字符串最常用方法1、charAt()方法返回字符串指定位置的字符。2、indexOf()方法该方法可以检索一个字符串里是否有该字符。可以指定第二个元素表示从哪里开始找。如果找到返回该字符的下标。如果没找到返回-1。3、lastIndexOf()方法该方法和indexOf一样,不同的是indexOf是从字符串头开始检索,lastIndexOf从字符串尾开始检索。4、slice()方法用法slice(start,end)。start:开始的下标。end:结束的下标原创 2020-09-22 10:52:02 · 101 阅读 · 0 评论 -
JavaScript 数组最常用方法
JavaScript 数组常用方法1、concat方法用于连接两个或多个方法例子 1在本例中,我们将把 concat() 中的参数连接到数组 a 中:<script type="text/javascript">var a = [1,2,3];document.write(a.concat(4,5));</script>输出:1,2,3,4,52、join方法join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。例原创 2020-09-22 10:07:26 · 72 阅读 · 0 评论