草庐IT

猿创征文|那些年我们追过的那些技术

全部标签

javascript - 我们如何在 Nuxt?Vuejs 项目中仅包含来自 lodash 的必需模块?

我们已经构建了一个Nuxt/VueJS项目。Nuxt有自己的名为nuxt.config.js的配置文件,我们可以在其中配置webpack和其他build设置。在我们的package.json中,我们包含了lodash包。在我们的代码中,我们一直小心地只加载导入我们需要的内容,例如:importorderByfrom'lodash/orderBy'在nuxt.config.js中,lodash被添加到vendor列表中。然而,当我们创建构建时,webpack总是包含整个lodash库,而不是仅包含我们在代码中使用的内容。我已经阅读了很多教程,但还没有找到答案。如果它只是一个webpack

javascript - 我可以使用哪些技术来使 JS 密集型页面在移动设备上具有高性能?

我的网站涉及大量JS代码(约100K,包括jQuery)。当我在手机或平板电脑上浏览类似网站时,我通常会对它们的缓慢速度感到失望。我希望我的网站在移动设备上表现良好(在页面加载时间和响应能力方面),而无需开发单独的“适合移动设备”的网站版本,或者换出大部分代码。当然,适用于所有环境的性能技术数不胜数。我想听听的是我可能想在移动/蜂窝环境中为提高性能而在桌面/宽带环境中不想做的事情。以下是我正在寻找的几个示例:设置jQuery.fx.off=true以跳过动画禁用密集的CSS效果,例如box-shadow、text-shadow和border-radius还有什么?

javascript - 我们如何在 Angular 2 中编写基本单元测试?

我在官方网站上有以下Angular文档。但是在文档中测试部分已经过时并且不能使用当前的Angular2beta版本。我需要编写一个基本测试来检查if条件是否正常工作。我怎样才能在Angular2中使用jasmine来做到这一点。 最佳答案 设置jasmine以使用angular2(beta.7)运行typescript单元测试:设置Angular项目(参见说明5分钟快速入门https://angular.io/guide/quickstart)根目录是我的项目使用mpm安装jasminenpminstalljasmine-core-

javascript - 帮助理解 javascript 全局消减技术

来自DailyJS"Let'sbuildaJavaScriptFramework"我不太确定以下代码,显然用作全局减排技术。到目前为止,我的理解还停留在(function(){})上。我了解设置turingvar,将global.turing设置为turing,并返回window或this(如果不在浏览器中),但是(function(global){})(thisorwindow)事情让我感到困惑......我见过类似的事情varmything={}并将所有代码设置在神话之下,但这个成语让我有点困惑。我真的很想了解这里的推理而不是记住它“有效”(function(global){var

javascript - ES7 异步函数和 promise 之间的技术区别?

我试图更好地理解JavaScript中的asyncfunction在技术上是什么,即使我基本上知道如何使用它们也是如此。许多对async/await的介绍让人相信async函数基本上只是一个promise,但显然不是这样(至少在Babel6-transpiledcode中不是):asyncfunctionasyncFunc(){//nop}varfooPromise=newPromise(r=>setTimeout(r,1));console.clear();console.log("typeofasyncFuncis",typeofasyncFunc);//functionconso

javascript - AngularJs:从未调用过的指令

我有一个自发停止工作的指令。出于某种原因,它从未被调用并且控制台中没有错误打印出来。这很奇怪,因为其他指令(看起来几乎相同)正在工作(有关工作指令,请参阅帖子的最后)。这是指令:angular.module('popup').directive('popup',['Locator','PopupService',//Thislineofcodeisreachedfunction(Locator,PopupService){return{restrict:'A',scope:{"show":'=',"anchor":'=','direction':'='},link:function($

javascript - 我们应该用什么来代替 Selenium 中的 getInnerHtml() 和 getOutterHtml()?

因此selenium弃用了getInnerHtml()和getOutterHtml()并且在3.0beta中他们计划完全删除这些函数。我已经测试了检查标记。那么我们应该用什么来代替它们呢?为什么要删除它们?我将protractor/webdriver.js与selenium结合使用。 最佳答案 .getInnerHTML()和.getOuterHTML()方法可以替换为.getAttribute("innerHTML")和。getAttribute("outerHTML")分别,我认为,这就是它们被弃用的原因。没有必要为这些情况使用

javascript - 为什么我们不能使用 ES6 箭头函数创建原型(prototype)?

首先,我创建一个ES5函数,然后创建它的原型(prototype):varPerson=function(){};Person.prototype.city=function(){return'NewYork'}我在这里没有错误。但是当我使用ES6粗箭头函数创建相同的对象时,我得到Cannotsetproperty'city'ofundefined:letPerson=()=>{};Person.prototype.city=()=>{return'NewYork'}这是为什么? 最佳答案 因为根据定义,箭头函数没有原型(proto

javascript - 为什么我们不能在没有 new 运算符的情况下调用 Date() 类的方法

这个问题在这里已经有了答案:DifferencebetweenDate(dateString)andnewDate(dateString)(10个答案)关闭8年前。假设我这样定义一个变量vartoday=Date();console.log(today.getMonth());//ThrowError而像Error类这样的其他类在没有new运算符的情况下调用它们的方法。functionfactorial(x){if(x包装器对象(数字、bool值、字符串)也可以在没有new运算符的情况下调用它们的方法。那么,这是唯一一个在调用它们的方法之前需要new运算符或任何对象创建技术的类吗。编辑

javascript - GMail 使用哪种前端技术?

我们在评估javascript框架时,有人指出谷歌虽然促进了Angular的开发,但并未在GMail中使用它。但是,如果使用javascript框架,GMail中实际使用的是什么?它是最好的前端应用程序之一,所以了解它很有趣。客户端逻辑看起来也很丰富。我四处搜索,但没有找到任何东西。 最佳答案 据我所知,驱动GMail的大部分代码是Google的Closure库:http://googlecode.blogspot.com/2009/11/introducing-closure-tools.html