![](https://img-blog.csdnimg.cn/20190829135834463.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技术
包含JavaScript,JS类库,浏览器,HTML等
绿龙术士
这个作者很懒,什么都没留下…
展开
-
使用ASP.NET MVC和ASP.NET WebForms实现SSE
一种和WebSocket类似的消息推送技术原创 2022-07-14 17:14:17 · 1008 阅读 · 0 评论 -
JavaScript松散耦合
只要应用的某个部分过分依赖与另一部分,代码就是耦合过紧,难于维护。紧密耦合的代码难于维护并且需要经常重写。因为Web应用所涉及的技术,有多种情况会使它变的耦合过紧。必须小心这些情况,并尽可能维护耦合弱的功能。1. 解耦HTML/JavaScript在Web上,HTML和JavaScript各自代表了解决方案中的不同层次:HTML表示数据,JavaScript是行为。有很多种方法可以将它...转载 2018-08-24 15:05:08 · 611 阅读 · 0 评论 -
JavaScript性能优化(一)
性能优化因为JavaScript最初是一面解释型语言,执行速度比编译型语言低得多。Chrome引擎是一款内置优化引擎的浏览器,将JavaScript编译成本地代码。此后主流的浏览器都陆续实现了编译执行。优化作用域随着作用域链的增加,访问当前作用域链以外变量作用域的时间也在增加。而访问全局作用域比局部作用域要慢。所以减少访问作用域链的时间,就能提高性能。1. 避免全局查找我们可以...原创 2018-08-30 15:39:44 · 172 阅读 · 0 评论 -
JavaScript性能优化(二)
4. 最小化语句数JavaScript代码中语句数量也影响所执行的操作的速度。完成多个操作的单个语句要比完成单个操作的多个语句快。我们可以将多个var合并到一个var语句中来声明。它们之间用逗号隔开。 function Fun8() { var a = 0; var b = 1; var c ...原创 2018-08-30 16:08:02 · 117 阅读 · 0 评论 -
Vue数据与Class绑定
兼容性在使用Vue之前先要了解下它能做什么不能做什么。首先,Vue 支持 IE9 及上版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。因为它使用的是对象的getter,setter。这些特性ie9以上才支持,其他非ie系浏览器基本都支持 数据绑定绑定文本:{{绑定键名}}绑定属性:v-bi...转载 2018-09-18 09:08:53 · 834 阅读 · 0 评论 -
Vue列表渲染
v-forVue中我们可以用v-for对一组数组或对象进行遍历。语法格式为item in arr遍历数组时,最大支持两个参数:值和索引。遍历对象时,最大支持三个参数:值,键名,索引。以下是数据源: data: { Student: [ { ID:"1"...转载 2018-09-18 14:44:08 · 362 阅读 · 0 评论 -
Vue中的事件处理
事件处理v-on我们可以用v-on来监听事件,后面跟上 “:事件名称”决定监听哪个事件,在赋值语句中声明可以带上方法名或内联语句。它还有一种缩写格式:@如:方法名<input type="button" value="验证" v-on:click.stop="Valid" />内联语句:<input type="button" value="验证&quo转载 2018-09-26 10:53:22 · 598 阅读 · 0 评论 -
Vue组件基础
组件系统是Vue的重要概念,它允许我们使用小型,独立的可复用组件构造大型应用。在Vue中,一个组件的本质是一个拥有预定义选项的一个Vue实例。例如:最简单的Demo,Basic.html:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>...转载 2018-10-09 15:34:22 · 96 阅读 · 0 评论 -
Script标签为什么要放在body标签的底部?以及无阻塞下载JavaScript的几种方法
脚本位置浏览器在解析到<body>标签之前,不会渲染页面的任何部分。把脚本放到页面顶部会导致明显的延迟,通常表现为显示空白页面,用户无法浏览内容,也无法和页面进行交互。尽管IE8,FX3.5,Safari4和Chrome2+都允许并行下载JavaScript文件。这样<script>标签在下载外部资源时不会阻塞其他<script>标签。遗憾的是,Java...转载 2018-11-29 21:06:38 · 3395 阅读 · 0 评论 -
HTML5新增属性nofollow标签的应用场景
nofollow标签是HTML5新增的一个属性,用于告诉搜索引擎不要追踪特定的网页链接。减少垃圾对搜索引擎的排名影响。网站SEO优化nofollow标签的应用起到一定的作用。 网站Nofollow标签的应用场景:1、nofollow标签通常用于论坛帖子、博客评价,这些地方存在大量的其他网站链接,导致网站上的垃圾链接过多,影响蜘蛛爬取,现在很多博客cms都会带有相关功能自动加上nofol...转载 2019-01-30 16:21:06 · 697 阅读 · 0 评论 -
浏览器缓存详解
·概念:简单来说,浏览器缓存就是把一个已经请求过的Web资源(如html页面,图片,js,数据等)拷贝一份副本储存在浏览器中。缓存会根据进来的请求保存输出内容的副本。当下一个请求来到的时候,如果是相同的URL,缓存会根据缓存机制决定是直接使用副本响应访问请求,还是向源服务器再次发送请求。比较常见的就是浏览器会缓存访问过网站的网页,当再次访问这个URL地址的时候,如果网页没有更新,就不会再次下载网...原创 2018-04-24 15:14:57 · 476 阅读 · 0 评论 -
HTTP协议之媒体类型
摘录自ASP.NET WEB API设计第7页媒体类型是英特网上客户端和服务器之间传递信息消息的格式。媒体类型的两部分标示组成,例如text/html。媒体类型有多种用户。有些媒体类型非常通用,例如,application/json(表示一组值或一组键值)或text/html(主要用户在浏览器中显示文档)。另一些媒体类型的语法限制比较多,例如,application/atom+xml或appl...转载 2018-02-08 10:01:31 · 1045 阅读 · 0 评论 -
JavaScript错误处理
常见错误处理由于JavaScript是松散类型的,而且也不会验证函数的参数,因此错误只会在代码运行期间出现。一般来说,有三种错误:类型转换错误 数据类型错误 通信错误 类型转换错误常常发生在可能会自动转换数据类型的语言结构上。在使用==或!=操作符,或者在if,for,while等流程控制语句使用非布尔值时,最常发生的错误。我们可以使用全等(===)和不全等(!==)操作符,...转载 2018-08-20 10:26:06 · 326 阅读 · 0 评论 -
JavaScript 变量名注释风格
变量名注释风格由于自JavaScript中变量是松散类型的,很容易就忘记变量所表示的数据类型,有三种方式表示数据类型的方式。第一种是初始化时指定变量类型 var num = 0; //int var name = ""; //string var isDelete = false; //Boolean初始化化时指定一个...转载 2018-08-22 16:13:07 · 542 阅读 · 0 评论 -
Script标签解析
HTML4.01为Script定义了以下属性async:表示异步下载脚本。只对外部脚本有效defer:脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效,IE7及更早的版本对齐也支持该属性。src:表示包含的外部脚本文件type:表示编写代码使用的脚本语言类型(Mime类型),默认值为text/javascript这里有几点要注意的:1.带有src属性的scri...转载 2018-03-05 16:01:13 · 2390 阅读 · 0 评论 -
Jquery下判断Id是否存在的代码
一、判断对象对象是否存在 如果是下面的 jQuery 代码判断一个对象是否存在,是不能用的 if($("#id")){ }else{} 因为 $(“#id”) 不管对象是否存在都会返回 object 。 正确使用判断对象是否存在应该用: if($("#id").length>0){//存在该id}else{//不存在该id} 使用 jQuery 对象的属性 length 来判断,如果 >...转载 2017-02-17 16:12:39 · 542 阅读 · 0 评论 -
onload事件和ready方法的区别
部分内容转载自ready和onload的区别 $(document).ready()和window.onload在表面上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document) ready()和window onload还是有区别的。1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(docu...转载 2018-06-10 11:34:40 · 1692 阅读 · 0 评论 -
原型(Prototype)
1.理解原型对象每当代码读取某个对象的某个属性时,都会执行一次搜索,目标是具有给定名字的属性。捜索首先从对象实例本身开始。如果在实例中找到了具有给定名字的属性,则返冋该属性的值;如果没有找到,则继续搜索指针指向的原型对象.在原型对象中査找具有给定名字的属性。如果在原型对象中找到了这个属性,则返回该属性的值。也就足说在我们调用perscml.sayName()的时候.会先后执行两次搜索。首先,解析器...转载 2018-07-11 13:29:32 · 289 阅读 · 0 评论 -
this用法
在函数内部运行时,内部会自动有一个this对象可以使用在不同的场合,this会有不同的值,this就是函数运行时所在的环境情况一:纯粹的函数调用这是函数的最通常用法,属于全局性调用,因此this就代表全局对象。请看下面这段代码,它的运行结果是1。 var x = 1; function Fun1() { console.log(this); ...转载 2018-07-11 13:33:37 · 494 阅读 · 0 评论 -
JavaScript作用域链
JavaScript作用域链当代码在一个环境中执行时,会创建变量的一个作用域链(Scope chain)。作用域链的作用是保持对执行环境有权访问的所有变量和函数的有序访问。它的调用顺序始终是从前端开始,逐级调用,直到全局执行环境。名词解释:环境(执行环境):执行环境定义了变量或函数有权访问的其他数据,每个执行环境都有一个与之关联的变量对象(variable object)。环境中定义的所有变量和函...原创 2018-07-04 16:05:54 · 125 阅读 · 0 评论 -
JavaScript全局对象
Global对象Global对象(全局),可以算是JavaScript中最特别的一个对象了。因为 不管你是从什么角度来看,这个对象都是不存在的。事实上,没有全局函数,或者全局变量;所有在全局定义的属性和函数,都是Global对象的属性。1. URI编码方法encodeURI ()和encodeURIComponent()都可以对URI进行编码,唯一的不同是,encodeURI主要是对整个U...原创 2018-07-06 09:30:37 · 658 阅读 · 0 评论 -
浏览器window对象与JavaScript浏览器检测
Window对象BOM对象的核心是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ESMAScript规定的Global对象。这意味着在网页中定义的任何一个对象,变量,函数,都以window作为其Global对象,因此有权访问parseInt()等方法。 窗口关系及框架(frame)我们在访问...原创 2018-07-26 10:08:43 · 485 阅读 · 0 评论 -
JavaScript常见事件类型
UI (User Interface) 事件,当用户与页面上的元素交互时触发Load事件:当页面完全加载后,就会触发window上的load事件。Unload事件:在文档被完全卸载后触发。只要用户从一个页面切换到另一个页面,就会触发。Resize事件:当浏览器调整到一个新的高度或宽度时,就会触发resize事件。注意不要在这个事件中加入计算逻辑,避免性能问题。 Ev...原创 2018-08-09 14:15:38 · 4585 阅读 · 0 评论 -
JavaScript事件冒泡与处理程序
事件冒泡与事件捕获IE的事件流叫做事件冒泡(event bubbing),即事件开始时由最具体的元素(文档中嵌套最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。所有现代的浏览器都支持事件冒泡,但在具体实现上还是有一定差别的。IE5.5及更早版本的事件冒泡会跳过<html>元素(从body直接到document)。IE9,Firefox,Chrome,Safar...转载 2018-08-03 13:46:28 · 181 阅读 · 0 评论 -
JavaScript事件性能优化
在JavaScript中,添加到页面上的事件处理程序数量将直接关系到页面整体的运行性能。导致这一问题是多方面的。首先,每个函数都是一个对象,都会占用内存;内存中的对象越多,性能就越差。其次,必须指定所有事件处理程序而导致DOM访问次数,会延迟 整个页面交互就绪时间。对于“时间处理程序过多”问题的解决方案就是事件委托。事件委托利用了事件冒泡,只指定一个事件处理程序,就可以管理某一个类型所有的事件...原创 2018-08-13 15:03:11 · 349 阅读 · 0 评论 -
JavaScript数据类型
JavaScript有以下5个简单的数据类型:Undefined,Null,Boolean,Number,String。和一个复杂的数据类型:Object1.Undefined类型Undefined类型只有一个值,就是undefined。在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined。例如:var message;console.log(message); //输出u...转载 2018-03-06 15:02:04 · 120 阅读 · 0 评论