今天用了大量时间复习了作用域、预编译等等知识 看了很多博文，翻开了以前看过的书（好像好多书都不会讲预编译） 发现当初觉得自己学的很明白，其实还是存在一些思维误区 （很多博文具有误导性） 今晚就整理了一下凌乱的思路 先整理一下预编译的知识吧，日后有时间再把作用域详细讲解一下大家要明白，这个预编译和传统的编译是不一样的（可以理解js预编译为特殊的编译过程） JavaScript是解释型语言， 既然是解释型语言，就是编译一...
Gulp 是一个自动化工具，前端开发者可以使用它来处理常见任务：1、搭建web服务器2、文件保存时自动重载浏览器3、使用预处理器如Sass、LESS4、优化资源，比如压缩CSS、JavaScript、压缩图片当然Gulp能做的远不止这些。如果你够疯狂，你甚至可以使用它搭建一个静态页面生成器。Gulp真的足够强大，但你必须学会驾驭它。这是这篇文章的主要目的。帮助你了解Gulp的基础用法，助你早日完成一统天下的大业。我们将要做的这篇文章的最后，你...
IE中jscript/javascript的条件编译作者:JavaScript Kit 译者:子乌(Sheneyan) 翻译日期:2006-02-12 英文原文:Conditional Compilation of JScript/ JavaScript in IE 版权:翻译未经过javascript kit同意，我只对我所翻译的中文部分负责。版权归原作者所有。 条件编译概述在IE中，有一个鲜为人知的功能叫做条件编译。自从IE4开始支持这个功能，它由于在一些Ajax相关的javascript脚本中出现而受到一些关注。条件编译作为一种独立...
微软对条件编译的解释是： 条件编译的某些典型用途包括使用 Jscript 中的新特性、在脚本中嵌入调试支持以及跟踪代码的运行。 先看一段代码简单的了解下： var s=0//@cc_on+1 alert(s) 如果你使用的是IE可以看到，浏览器弹出的提示s的值是"1"; var s=0//@cc_on+1 在IE中等同于: var s=0+1 条件编译为在注释中运行代码提供了途径。 一般我们在编写JavaScript代码时很少用到条件编译。不过条件编译由于其本身的特性，对我们检测系统，...
即然该功能如此需要,但为什么js中不提供这样的函数呢? 目前浏览器都是在UI线程解析js,以火狐浏览器为例,我重新编译了js引擎,并且在js引警中添加了sleep方法,该方法调用c语言的线程睡眠函数. 将方法附加到Object上,方法签名为sleep();无参数.默认休眠1秒钟,如果你在js中调用该函数,浏览器UI界面将被阻碍。 另外如果你的js函数存在死循环,浏览器的js解析会检测到js执行超时会提醒你是否终止执行本页面的js. 最后提供新编译的js引擎,将...
只要是写过点JS代码，很简单一个var 就完事了。那对于JS编译器背后它又发生了什么呢？那就一步步通过代码来讲起。 代码如下: x = 1; alert(x); var y = function() { alert(x); var x = 2; alert(x); } y(); 上面的代码也会你答对了它会分别输出：1,undefined,2。对于我来说，第一反应它会输出：1,1,2。为什么第二个会输出undefined？在上面我明确定义了一个全局变量x，为何找不到？ 那是因为：js编译器在执行这个y函数的时候，会...
Egret的编译功能依赖于TypeScript的编译功能。实际上TypeScript的编译过程并非传统的将程序源代码翻译为机器可执行的二级制文件过程。由于浏览器能够识别执行的脚本只有JavaScript，所以TypeScript的编译仅仅是把TypeScript翻译为对应的JavaScript脚本。 我们无需理解里面复杂的过程，我们仅仅可以把编译过程理解为将TypeScript翻译成能够被浏览器执行的JavaScript代码即可。 这个“翻译”的过程也非常简单。我们仅仅需要执行一个简...
原本想尝试一下PHP编写高性能网络服务，需要安装libevent扩展，没想到让人很费了点脑袋 先下载libevent扩展: http://pecl.php.com/package/libevent 解压后，开始编译代码如下: $ cd libevent-version $ /usr/local/php/bin/phpize $ ./configure --with-php-config=/usr/local/php/bin/php-config结果马上报错了，错误显示为re2c版本过低。 re2c，PHP的词法解析器，官网：http://re2c.org/，下载最新的版本，编译完成。 继续编...
Sizzle，是jQuery作者John Resig写的DOM选择器引擎，速度号称业界第一。作为一个独立全新的选择器引擎，出现在jQuery 1.3版本之后，并被John Resig作为一个开源的项目。Sizzle是独立的一部分，不依赖任何库，如果你不想用jQuery，可以只用Sizzle，也可以用于其他框架如：Mool, Dojo，YUI等。 前几天在准备一个关于jQuery的分享PPT，问同事关于jQuery除了使用方法之外还有没有其他特别想了解一下的，有人提到了想了解下它的选择器是...
javascript相对于其它语言来说是一种弱类型的语言，在其它如java语言中，程序的执行需要有编译的阶段，而在javascript中也有类似的“预编译阶段”（javascript的预编译是以代码块为范围，即每遇到一个代码块都会进行 预编译>执行），了解javascript引擎的执行机理，将有助于在写js代码过程中的思路总结首先科普下javascript中的两种声明方式，var和function，前者声明的是变量，后者声明的是方法在预编译中，javascript对这两种声...
背景在 Vue 项目中，引入到工程中的所有 js 文件，编译时都会被打包进 vendor.js，也就导致了 vendor.js 文件体积变得相当臃肿，一定程度上影响着页面的渲染。为了减少编译后的体积，提高页面渲染速度，我们可以通过引入 CDN 链接把库分离，多线程异步 js 库，从而达到加速渲染的目的。那么我们如何做呢？ 步骤1.引入CDN链接在项目的 index.html 中，常规方式引入 CDN 链接，此处以 vue 和 element-ui 为例： <body><div id="app">...
与其说是优化 Vue，不如说主要是在 webpack 打包的配置中做些文章，使得 Vue 编译后的文件尽可能的小。以下介绍自己在项目中进行优化的过程，其中的内容也许并不适合于每个项目，但整体思路是差不多的。 定位问题 要想进行优化，首先我们得清楚问题所在。即：是哪些代码/依赖包导致最后的编译文件过大？ 这里，我们需要使用 webpack-bundle-analyzer 工具。修改 package.json 文件，添加： "analyze": "NODE_ENV=production npm_co...
在正文开始之前，先了解vue基于源码构建的两个版本，一个是 runtime only ，另一个是 runtime加compiler 的版本，两个版本的主要区别在于后者的源码包括了一个编译器。 什么是编译器，百度百科上面的解释是 简单讲，编译器就是将“一种语言（通常为高级语言）”翻译为“另一种语言（通常为低级语言）”的程序。一个现代编译器的主要工作流程：源代码 (source code) → 预处理器 (preprocessor) → 编译器 (compiler) → 目标代码 (...
在项目打包上有两个目标：减少打包代码体积和加快打包速度 1. 减少打包体积： （1）对于用的比较少的库，可以去掉（我去掉了jquery以及lodash），用到的地方，参考源码自己写 （2）非用不可的又比较大的库（我这里用了monaco-edit），使用cdn方式引入 打包体积减少的情况下，自然速度也会有所提升 2. 加快打包速度： 我目前做了这些： （1）vue-cli2升级到vue-cli3，顺便webpack2升级到webpack4，构建速度一下子从3分钟左右提升到不...
好吧，笔者是一个后端开发。以前是做C/S项目出身，毫无Web前端基础，为了更好地理解Web开发，去年开始尝试使用公司使用的前端框架React来搭建团队内部使用的系统。通过这个项目的开发，也让我更好地理解了前端同事的不容易，更加坚定了写好接口文档的决心。 最近在把自己做的这个内部系统迁移到公司的统一平台的时候，遇到了一个小问题，公司要求打包的目录名必须为dist，而我这个项目是使用create-react-app搭建的，所以打包的目录...