Promise 是JS中一种处理异步操作的机制,在现在的前端代码中使用频率很高.Promise 这个词可能有点眼生,但你肯定见过 axios.get(...).then(res => {...}):用于异步请求的 axios 返回的就是一个 Promise 对象. 平时一直在代码中 .then() .catch() 地写来写去,终于决定要认真学一学这个 Promise 到底是怎么回事,希望这篇学习笔记也能帮到你. Promise 对象 一个 Promise 对象表示一个异步操作的执行结果,包括状

转载网络资源的文章:来源不详~~ 移动前端中常说的 viewport (视口)就是浏览器显示页面内容的屏幕区域.其中涉及几个重要概念是 dip ( device-independent pixel 设备逻辑像素 )和 CSS 像素之间的关系.这里首先了解以下几个概念. layout viewport(布局视口) 一般移动设备的浏览器都默认设置了一个viewport 元标签,定义一个虚拟的layout viewport(布局视口),用于解决早期的页面在手机上显示的问题.iOS, Android基本

移动前端中常说的 viewport (视口)就是浏览器显示页面内容的屏幕区域.其中涉及几个重要概念是 dpi ( device-independent pixel 设备逻辑像素 )和 CSS 像素之间的关系. (1) layout viewport(布局视口) 一般移动设备的浏览器都默认设置了一个viewport 元标签,定义一个虚拟的layout viewport(布局视口),用于解决早期的页面在手机上显示的问题.iOS, Android基本都将这个视口分辨率设置为 980px,所以pc上的网

前端中的SEO: mate.title META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME). <Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……"> Keywords:为搜索引擎提供的关键字列表 各关键词间用英文逗号“,”隔开.META的通常用处是指定搜索引擎用来提高搜索质量的关键词.当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并

  [导读] 心电图(ECG)学是一门将心脏离子去极(ionic depolarization) 后转换为分析用可测量电信号的科学.模拟电子接口到电极/患者设计中最为常见的难题之一便是优化右腿驱动 (RLD) ,其目的是实现较高的共模性能和稳定性. 心电图 (ECG) 学是一门将心脏离子去极(ionic depolarization) 后转换为分析用可测量电信号的科学.模拟电子接口到电极/患者设计中最为常见的难题之一便是优化右腿驱动 (RLD) ,其目的是实现较高的共模性能和稳定性.利用 SPI

忙里偷闲,打开平时关注的前端相关的网站,浏览最近最新的前端动态.佼佼者,平凡的我做不到,但还是要争取不做落后者. 前端中的IoC理念,看到这个标题就被吸引了.IoC 理念,不认识呢,点击去一看,果然没让我失望,原文结合案例把概念诠释的很清楚.原来 Ioc 是 控制反转 或 依赖倒置. 控制反转.依赖倒置.依赖注入 这三个名词,我倒是很耳熟了,毕竟在大学学 java web 课程的时候接触过,记得当时还很认真的学了并做了笔记.时间真是遗忘的罪魁祸首,现在就只记得名词,而全然忘了概念. 什么是 Io

1.ajax是什么? 面向百度百科一下就知道了,这里就简单提炼一下 Ajax即Asynchronous Javascript And XML(异步JavaScript和XML).当然其实我们学的应该叫:异步JavaScript和ajax 包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest 使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用

单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序. 单页Web应用 单页Web应用(single page web application,SPA),就是只有一张Web页面的应用.单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序.[1]  浏览器一开始会加载必需的HTML.CSS和JavaScript

我们知道 js 是单线程执行的,那么异步的代码 js 是怎么处理的呢?例如下面的代码是如何进行输出的: console.log(1); setTimeout(function() { console.log(2); }, 0); new Promise(function(resolve) { console.log(3); resolve(Date.now()); }).then(function() { console.log(4); }); console.log(5); setTimeou

前语:目前工作在做的项目是前端基于vue的组件式开发,通过api接口调用,后端数据逻辑是一个c#实现的WCF服务 1.总结自己在c# .NET 4.5后的新异步方式  async搭配await来实现  一个重要的类Task(这个和之前的Therad类很相似) 1.1 首先async是一个修饰符,它只能用在方法或者事件处理程序的签名中,对于方法的话可分为有无返回值两种情况,Task<TResult>可以作为返回值类型 举例: private async Task Test_one_async()

背景 前端应用在不断壮大的过程中,内部模块间的依赖可能也会随之越来越复杂,模块间的 低复用性 导致应用 难以维护,不过我们可以借助计算机领域的一些优秀的编程理念来一定程度上解决这些问题,接下来要讲述的 IoC 就是其中之一. 什么是 IoC IoC 的全称叫做 Inversion of Control,可翻译为为「控制反转」或「依赖倒置」,它主要包含了三个准则: 高层次的模块不应该依赖于低层次的模块,它们都应该依赖于抽象 抽象不应该依赖于具体实现,具体实现应该依赖于抽象 面向接口编程 而不要面向

MVC是一种设计模式,它将应用划分为3个部分:数据(模型).展现层(视图)和用户交互(控制器).其中: M - MODEL(模型) V - VIEW(视图) C - CONTROLLER(控制器) 一个事件的发生是这样的过程: 1. 用户和应用产生交互. 2. 控制器的事件处理器被触发. 3. 控制器从模型中请求数据,并将其交给视图. 4. 视图将数据呈现给用户.不用类库或框架就可以实现这种MVC架构模式.关键是要将MVC的每部分按照职责进行划分,将代码清晰地分割为若干部分,并保持良好的解耦.这

通过background-position来控制X轴和Y轴,从而实现显示sprite.png中想要的ico或图案. 如下图所示:

一, ajax方式 (一)controller中 1. 定义AjaxResponse类 成员有: status , message, data.  其中 status是成功或失败状态, message是给出的相关信息, data是传递过来的数据 2. 定义返回AjaxResponse对象的controller: 一个实例: @RequestMapping("createOrder") @ResponseBody public AjaxResponse createOrder(Strin

在这里,实现多标签页效果的方法有两个,一个是基于DOM的,另一个是基于jquery的,此次我写的是一个对于一个电话套餐的不同,显示不同的标签页 方法一: 首先,我们要把页面的大体框架和样式写出来,html和css代码如下: <ul id="tab">    <li id="tab1" onclick="show(1)">10元套餐</li>    <li id="tab2" oncli

在最近的开发和之前的的使用中,我们一般面对需要适应多端的项目或者需要移动端多设备的适应,都可能会引入rem,em这样的单位. 如果你要着手一个以上类似的项目,我们也同样建议使用rem或者干脆引入框架,等到你分析框架时, 你会发现,有些成熟的框架也是借助rem来解决不同的屏幕大小带来的适应问题. 接下来我们就简单的阐述一下我最近在项目中如何使用rem: 首先我们要明确,为什么要使用rem,那我们要先从rem开始介绍. 什么是 rem? 我们从css中可以得到对它最精简的介绍翻译: rem是相对长度

<script> if(navigator.cookieEnabled){ document.write("浏览器已启用cookie,请妥善保存个人信息"); }else{ document.write("浏览器已禁用cookie,记住密码功能无法使用") } //设置->显示高级->隐私->内容设置 function checkPlugin(pname){ //遍历navigator的plugins集合 for(var i=0;i&l

css属性 布局常用样式属性: width 设置元素(标签)的宽度,如:width:100px; height 设置元素(标签)的高度,如:height:200px; background 设置元素背景色或者背景图片,如:background:gold; 设置元素背景色为金色 border 设置元素四周的边框,如:border:1px solid black; 设置元素四周边框是1像素宽的黑色实线 以上也可以拆分成四个边的写法,分别设置四个边的: border-top 设置顶边边框,如:bord

this指的是方法下的所有参数 handleDelete(record){ this.XXX.AAA (这个this.XXX指的是handleDelete这个方法的所有参数) (let self = this.XXX;) onOk(){ this.XXX.AAA (这个this.XXX指的是onOk这个方法的所有参数,因此这两个XXX不是同一个XXX,onOk中的AAA会报未定义错误 如果想在onOk中引用handleDelete的AAA,就应该在handleDelete方法中添上一句 let

Jquery的ready()与Javascrpit的load() 1 window.onload() $(document).ready() 加载时机 必须等待网页全部加载完毕(包括图片等),然后再执行JS代码 只需要等待网页中的DOM结构加载完毕,就能执行JS代码 执行次数 只能执行一次,如果第二次,那么第一次的执行会被覆盖 可以执行多次,第N次都不会被上一次覆盖 举例 以下代码无法正确执行: window.onload = function() { alert(“text1”);};   w

这篇文章其实是在了解 viewport 的过程中发现这些概念容易混淆做了个小小的总结.viewport的首要关键是宽度的获取,宽度的计算有下面几个属性和方法: clientWidth offsetWidth innerWidth scrollWidth getBoundingClientRect().width Element.clientWidth 非行内元素的内部宽度(inner width of an element),包括 padding,不包括 margin 和 border.行内元素