小编Ant*_*tiz的帖子

为什么要将'null'传递给'apply'或'call'?

根据这个JavaScript参考:

值null是表示null或"空"值的JavaScript文字,即不存在对象值.它是JavaScript的原始值之一.

function getMax(arr){
  return Math.max.apply(null, arr);  
}
Run Code Online (Sandbox Code Playgroud)

不明确传递关键字this更清晰,或至少更具可读性?然后,在这一点上,我可能不明白你为什么要使用null.

javascript

13
推荐指数
2
解决办法
8395
查看次数

错误:[$ injector:unpr]未知提供者:tProvider < - t < - myActiveLinkDirective是什么意思?

基本上我正在测试我的应用程序的PROD版本是如何看的; 我继续通过一些gulp任务(缩小,删除未使用的CSS等)运行它并得到此错误:

 Error: [$injector:unpr] Unknown provider: tProvider <- t <- myActiveLinkDirective
Run Code Online (Sandbox Code Playgroud)

任何人都可以帮助解决这里发生的事情吗?

这是我的角度代码:

  var rustyApp = angular.module('rustyApp', [
    'ngAnimate',
    'ngRoute',
    'viewController',
    'mm.foundation',
    'angular-flexslider',
    'ui.router']).config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
          $routeProvider.when('/', {
        title: 'home',
        templateUrl: '/partials/home.html',
        controller: 'HomeController'
    }).when('/work', {
        title: 'my work',
        templateUrl: '/partials/work.html',
        controller: 'WorkController'
    }).when('/contact', {
        title: 'contact',
        templateUrl: '/partials/contact.html',
        controller: 'ContactController'
    }).otherwise({redirectTo: '/'});
    // configure html5 to get links working

    $locationProvider.html5Mode(true);

    }]);




     rustyApp.controller('BasicSliderCtrl', function($scope) {
        $scope.slides = [
           '../images/sliderContent/1.jpg',
           '../images/sliderContent/2.jpg',
           '../images/sliderContent/3.jpg',
           '../images/sliderContent/4.jpg'
        ];

     });

     rustyApp.run(function() {
        FastClick.attach(document.body);
     }); …
Run Code Online (Sandbox Code Playgroud)

html angularjs gulp

12
推荐指数
2
解决办法
1万
查看次数

browsersync可以在浏览器中注入更新内容而无需刷新吗?

我正在使用browsersync + gulp和一些很酷的浏览器插件,perfectPixel来命名一个.我的问题是每次我保存我的工作,它会强制浏览器重新加载,从而清除浏览器并关闭我的浏览器扩展.这导致我必须重新激活插件并继续这个效率低下的工作流程.有没有人有任何想法?

更新2015年7月7日 在Matthew下面,提供了一些包含websockets的解决方案的链接,但是我无法使用我的gulp设置.

var gulp = require('gulp'),
    open = require('gulp-open'),
    browserSync = require('browser-sync').create();

var WebSocketServer, socket, wss;

WebSocketServer = require('ws').Server;

wss = new WebSocketServer({
    port: 9191
});

var reload = browserSync.reload;

var paths = {
    css: 'app/REPSuite/web/static/css/*.css',
    js: 'app/REPSuite/web/static/js/*.js',
    html: 'app/*.html'
};

gulp.task('reload', function() {
    var client, i, len, ref, results;
    ref = wss.clients;
    results = [];
    for (i = 0, len = ref.length; i < len; i++) {
        client = ref[i];
        results.push(client.send('reload'));
    } …
Run Code Online (Sandbox Code Playgroud)

javascript browser-extension gulp browser-sync

10
推荐指数
1
解决办法
2674
查看次数

Next.js:FetchError: 无效的 json 响应正文 JSON 中位置 0 处出现意外标记 &lt;

我正在尝试使用getStaticProps来简单地发出请求,然后将该数据从它传递到组件:

但我收到这个错误:

FetchError: https://www.ajmadison.com/product3.0/packages.index.json.php? sku=RF28R7351SR 处的 json 响应正文无效 原因:JSON 中位置 0 处出现意外标记 <

import AppliancePackage from '../components/AppliancePackage.jsx';

function HomePage({ data }) {
  return (
    <>
      <AppliancePackage appliances={data} />
    </>
  );
}

export default HomePage;

// This function gets called at build time on server-side.
// It won't be called on client-side, so you can even do
// direct database queries. See the "Technical details" section.

export async function getStaticProps() {
  // Call an external API endpoint to get …
Run Code Online (Sandbox Code Playgroud)

javascript node.js reactjs next.js

9
推荐指数
1
解决办法
3万
查看次数

javaScript中的词法范围/闭包

我理解'js'中的函数具有词法范围(即函数在定义它们时不创建它们的环境(范围).)

function f1() {
    var a = 1;
    f2();
}

function f2() {
    return a;
}
f1(); // a is not defined
Run Code Online (Sandbox Code Playgroud)

当我只运行'f()'时,它返回内部函数.我得到了,这就是"回归"的作用!

function f() {
    var b = "barb";
    return function() {
        return b;
    }
}
console.log(b); //ReferenceError: b is not defined
Run Code Online (Sandbox Code Playgroud)

为什么会出现'ReferenceError:b未定义?' 但是上面的内部函数是不是可以访问它的空间,f()的空间等.由于'b'被返回到全局空间,console.log()不会工作吗?

但是,当我将'f()'分配给一个新变量并运行它时:

 var x = f(); 
 x();// "barb"
 console.log(b); //ReferenceError: b is not defined
Run Code Online (Sandbox Code Playgroud)

这将返回'b',即"barb",但是当你再次运行console.log()时,你会得到'ReferenceError:'b'没有被定义'; 现在不是'b'在全球范围内,因为它已被退回?为什么'x()'也没有像'f()'那样返回内部函数呢?

javascript closures lexical-closures

7
推荐指数
2
解决办法
6599
查看次数

为什么在运行'bower install'时出现此错误?

我正在使用这个中间人项目并尝试运行bower安装并获得以下内容......

bower not-cached    git://github.com/jquery/jquery.git#~2.0
bower resolve       git://github.com/jquery/jquery.git#~2.0
bower not-cached    git://github.com/appleboy/normalize.scss.git#~2.1
bower resolve       git://github.com/appleboy/normalize.scss.git#~2.1
bower not-cached    git://github.com/Modernizr/Modernizr.git#~2.6.2
bower resolve       git://github.com/Modernizr/Modernizr.git#~2.6.2
bower ECMDERR       Failed to execute "git ls-remote --tags --heads git://github.com/jquery/jquery.git", exit code of #128

Additional error details:
fatal: unable to connect to github.com:
github.com[0: 192.30.252.128]: errno=Connection refused
Run Code Online (Sandbox Code Playgroud)

谢谢!

middleman twitter-bootstrap

7
推荐指数
1
解决办法
1065
查看次数

VS 代码不会使未使用的变量变灰

据我所知,这似乎是您输入的设置,settings.json以启用未使用的未使用变量和导入显示为灰色。

"editor.showUnused": true,
Run Code Online (Sandbox Code Playgroud)

我确实得到了一个下划线,如果你悬停,我会在悬停时得到一个下划线和消息。

我错过了什么?

在此处输入图片说明

unused-variables visual-studio-code

7
推荐指数
2
解决办法
3556
查看次数

Next.JS:警告预期服务器 HTML 在 &lt;div&gt; 中包含匹配的 &lt;a&gt;;如何补水?

我正在使用 Semantic-UI React 和 Next.JS,但它出现在断点 < 768px 处,我的 Home 组件在刷新浏览器时完全中断。我知道因为它是一个 React/next.js 应用程序,所以它们负责路由,但我想我想知道如果用户碰巧这样做了怎么办?

\n\n

它不会发生在我的 /login、/register 或 /profile 路由上

\n\n

所以我已经检查过以解决我的问题 \xe2\x80\x94 Here和在那篇文章中它指向React 文档;为什么会发生这种情况的解释以及解决它的处方似乎不适合我的情况。

\n\n
\n

与 render() 相同,但用于水合其 HTML\n 内容由 ReactDOMServer 渲染的容器。React 将尝试将事件侦听器附加到现有标记。

\n\n

React 期望服务器和客户端之间呈现的内容相同。\n 它可以修补文本内容中的差异,\n但您应该将不匹配视为错误并修复它们。在开发模式下,React 会警告水合过程中的不匹配情况。不保证在不匹配的情况下能够修补属性差异。出于性能原因,这很重要,因为在大多数应用程序中,不匹配的情况很少见,因此验证所有标记的成本将非常昂贵。

\n\n

如果单个元素\xe2\x80\x99s 属性或文本内容在服务器和客户端之间不可避免地\n 有所不同(例如,\n 时间戳),则可以通过添加\n 抑制HydrationWarning={true} 来消除警告元素。它只能工作一层深度,并且旨在作为逃生舱口。不要过度使用它。除非它是文本内容,否则 React 仍然不会尝试修补它,因此在未来更新之前它可能会保持不一致。

\n\n

如果您有意需要在服务器和客户端上渲染不同的内容,则可以进行两次渲染。在客户端呈现不同内容的组件可以读取状态变量,例如 this.state.isClient,您可以在 componentDidMount() 中将其设置为 true。这样,初始渲染通道将渲染与服务器相同的内容,避免不匹配,但附加通道将在水合后同步发生。

\n
\n\n

这是入口点文件:pages/index

\n\n
import React from \'react\'\nimport Head from \'../components/head\'\nimport HomeLayout from \'../components/Home/Home.jsx\'\nimport \'semantic-ui-css/semantic.min.css\'\nimport \'../styles/styles.scss\'\nimport { connect } from \'react-redux\'\n\n// import {bindActionCreators} …
Run Code Online (Sandbox Code Playgroud)

reactjs isomorphic-javascript next.js

7
推荐指数
2
解决办法
1万
查看次数

目的地...没有写,因为src文件是空的?

我正在使用Grunt并收到此特定错误.由于src文件为空,因此未写入目标(_/_ site/assets/js/script.js).

某处有某种其他日志文件吗?

这是我的package.json

{
 "name": "aortizRefresh",
 "author": "antonio ortiz <17antonio.ortiz@gmail.com>",
 "version" : "0.0.2",
 "homepage": "http://mmistakes.github.io/so-simple-theme/",
 "repository": {
 "type": "git",
 "url": "git://github.com/mmistakes/so-simple-theme.git"
 },
 "bugs": {
 "url": "https://github.com/mmistakes/so-simple-theme/issues"
 },
 "engines": {
 "node": ">= 0.10.0"
 },
 "dependencies": {
 "grunt": "~0.4.1",
 "grunt-contrib-watch": "~0.5.3",
 "grunt-contrib-clean": "~0.5.0",
 "grunt-contrib-uglify": "~0.2.2",
 "grunt-contrib-sass": "~0.7.2",
 "grunt-contrib-jshint": "~0.6.3",
 "grunt-recess": "~0.3.5",
 "grunt-contrib-imagemin": "~0.2.0",
 "grunt-svgmin": "~0.2.0"
 }
}
Run Code Online (Sandbox Code Playgroud)

这是我的Gruntfile.js

module.exports = function(grunt) {
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.initConfig({
      uglify:{
        my_target:{
        files: {
      '_/_site/assets/js/script.js' : ['_/assets/js/*.js', '_/assets/js/plugins/*.js', '_/assets/js/vendor/*.js']
      } //files
    } //my_target
  } //uglify
}) //initConfig …
Run Code Online (Sandbox Code Playgroud)

json gruntjs

6
推荐指数
1
解决办法
8715
查看次数

如何在 JavaScript 中将字符串转换为脊柱案例?

我被freeCodeCamp的这个编码挑战Spinal Tap Case困住了。基本上我不知道如何执行最后一次检查。

这是最后一次检查: spinalCase("AllThe-small Things") should return "all-the-small-things"

这是我的代码:

function spinalCase(str) {
    var outputString, 
              newstr,
              pattern1 = new RegExp(/[_\s]/, 'g'),
              pattern2 = new RegExp(/(?=[A-Z])/, 'g'),
              stringTest1 = pattern1.test(str),
              stringTest2 = pattern2.test(str);

         if(stringTest1)  {
                outputString = str.replace(pattern1, '-');
                newstr = outputString.toLowerCase();
          } else if(stringTest2) {
               str.split(/(?=[A-Z])/).join(' ');
                outputString = str.replace(pattern2, '-');
                newstr = outputString.toLowerCase();
          } else if (stringTest1 && stringTest2){
                outputString = str.replace(pattern1, '-');
                outputString = str.replace(pattern2, '-');
                newstr = outputString.toLowerCase();
          }

  return newstr;

}
Run Code Online (Sandbox Code Playgroud)

我确实意识到最后一个else if …

javascript regex str-replace

6
推荐指数
1
解决办法
3847
查看次数