-
JS高级用法
1、重复定时器setTimeout(function() { // 处理中 setTimeout(arguments.callee, 1000);}, 1000)这种模式链式调用了 setTimeout(), 每次函数执行的时候都会创建一个新的定时器，第二个 setTimeout() 的调用使用了 arguments.callee 来获取对当前执行函数的引用，并为其设置另外一个定时器。这样做的好处是在前一个定时器代码执行完之前，不会向队列插入新的定时器代码，确保不会有任何缺失的...…
-
Form表单提交，Ajax请求，$http请求的区别
做过前端同学想必都避免不了要和后台server打交道。而以下这三种与后台交互的方式想必大家都不陌生。Form表单提交，Ajax请求，Angular的$http请求以前一直搞不清楚什么时候应该用哪种方式请求数据，正好最近在做文件上传相关业务，顺便对这三种方式的使用场景及区别做个简单总结。一，用法以下是三种请求方式的API详细介绍：Form：https://www.w3schools.com/html/html_forms.aspAjax：http://api.jquery.com/jQuer...…
-
Angular国际化方案(ngx-translate)
安装 用法 1、引入TranslateModule模块 2、注入TranslateService 服务 3、翻译文本书写规则 4、使用方法 5、使用HTML标签 本文只针对ngx-translate/core 6.x版本，如果你使用的是5.x或者更低的版本，请参照以下链接。https://github.com/ngx-translate/core/blob/fb02ca5920aae405048ebab50e09db...…
-
语义化版本控制规范（SemVer）
简介在软件管理的领域里存在着被称作“依赖地狱”的死亡之谷，系统规模越大，加入的套件越多，你就越有可能在未来的某一天发现自己已深陷绝望之中。在依赖高的系统中发布新版本套件可能很快会成为恶梦。如果依赖关系过高，可能面临版本控制被锁死的风险（必须对每一个相依套件改版才能完成某次升级）。而如果依赖关系过于松散，又将无法避免版本的混乱（假设兼容于未来的多个版本已超出了合理数量）。当你专案的进展因为版本相依被锁死或版本混乱变得不够简便和可靠，就意味着你正处于依赖地狱之中。作为这个问题的解决方案之一，我...…
-
用户代理字符串(navigator.userAgent)检测方法
最近在看《JavaScript 高级程序设计（第三版）》，发现其中关于用户代理字符串检测技术的一些方法，觉得讲的很详细。用户代理字符串(navigator.userAgent)中包含了大量与浏览器有关的信息，通过对这些信息的解析，能够识别包括呈现引擎、平台、Windows操作系统，移动设备和游戏系统等信息。以下是具体的代码：var client = function () { // 呈现引擎 var engine = { ie: 0, gecko: ...…
-
JS基本类型和引用类型
ECMAScript变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是简单数据类型的值，比如：Undefined, Null, Number, Boolean, String类型。引用类型值指那些可能由多个值构成的对象，比如：Object类型。如何判断一个变量是否为引用类型呢？可以通过instanceof方法：if (variable instanceof Object == true) { // variable是引用类型}下面从三个方面说明基本类型及引用类型的...…
-
encodeURI与decodeURI
Global对象的ecodeURI方法可以对URI进行编码，与其类似的还有一个方法encodeURIComponent方法。相应的对URI的解码方法也有两个：decodeURI、decodeURIComponent, 下面将对这四个方法的用法做个简要介绍。encodeURI：只对URI中的空格进行编码，所以decodeURI()方法主要用于对整个URI进行编码。encodeURIComponent：会对URI中的所有非标准字符进行编码。所以decodeURIComponent()方法主要用...…
-
使用script嵌入代码时的注意事项
在使用<script>嵌入JavaScript代码时，记住不要在代码中的任何地方出现”</script>“字符串。例如浏览器执行下面代码会报错：<script type="text/javascript"> function sayHello() { console.log("</script>"); }</script>浏览器会报以下错误：Uncaught SyntaxError: Invalid or...…
-
什么是Web Worker？
简单点说，Web Worker就是一个运行在后台的JavaScript线程，不会影响页面的响应。我们知道，JavaScript是单线程的脚本语言，即同一时刻只能做一件事情，否则会带来极其复杂的同步问题。比如JavaScript同时有两个线程，一个线程负责给某个DOM节点添加内容，另一个线程删除这个节点，这时，浏览器要以哪个线程为主呢？所以，为了避免同步复杂性的问题，JavaScript从一诞生起就是单线程，这也是这门语言的特征。JavaScript的单线程机制会带来一个问题，当有一些非常复...…
-
七种前端跨域解决方案
同源策略 document.domain JSONP CORS 跨域 hash + iframe postMessage WebSockets nginx反向代理做前端的同学基本都会遇到跨域问题，本文主要是想总结一下目前前端跨域的解决方案。供以后参考。在此之前大家有没有想过，前端为什么会发生跨域问题？同源策略之所以会发生跨域，是因为同源策略的限制。下表给出了相对http://127.0.0.1:3000同源检测的示例: URL 结果 ...…
