小编Wil*_*iam的帖子

如何使用美元符号/ JQuery与Sublime Text 2 Snippets?

我试图用Sublime Text2创建一些代码"Snippets",一切正常,除非我尝试添加jQuery代码.显然,包含以a开头的行的任何"Snippets"代码$都将无效.我在网上找不到任何答案.

sublimetext2

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

Node.js url.parse()和pathname属性

我正在读一本名为Node.js 的入门书籍,名为The Node Beginner Book,在下面的代码中(书中给出)我不明白路径名属性在parse方法上的重要性.所以我想知道它在做什么.我不清楚这种方法的文档

var pathname = url.parse(request.url)**.pathname;** 

var http = require("http");
var url = require("url");
function start(route, handle) {
function onRequest(request, response) {
    var pathname = url.parse(request.url).pathname;         // I don't understand the pathname property
    console.log("Request for " + pathname + " received.");
    route(handle, pathname);
    response.writeHead(200, {"Content-Type": "text/plain"});
    response.write("Hello World");
    response.end();
}
Run Code Online (Sandbox Code Playgroud)

node.js

29
推荐指数
2
解决办法
6万
查看次数

受保护路由,上下文API和firebase用户身份验证请求的问题

我正在编写一个使用Firebase进行身份验证的基本CRUD React应用程序.目前我正在尝试为名为Dashboard的组件创建受保护的路由.受保护的路由确保除非用户通过身份验证,否则任何封装的路由(例如仪表板)都不会呈现.如果用户未经过身份验证,则路由器会重定向到目标网页.

我完成此任务的方式是以这篇文章为蓝本的:

我已经模仿了上面文章中的模式,它工作正常.当我合并firebase(特别是firebase身份验证)时,即使用户已登录,我的应用也不会呈现仪表板组件.而只是重定向到登陆页面

我知道问题是什么(我认为),但我不确定如何解决它.

问题是对firebase的调用是异步操作,仪表板在解析对firebase的调用之前尝试加载.

我想知道他们是否可以修改我的代码.

每次用户加载受保护的路由(检查身份验证)时,我都可以对firebase进行api调用,但我更愿意在Context状态下设置身份验证并引用该状态,直到用户登录或注销为止.

我在下面放了相关代码.所有文件都在src目录中

谢谢!

App.js

import React, { Component } from 'react';
import { BrowserRouter, Route, Redirect } from "react-router-dom";
import {Switch} from 'react-router';
import Landing from './PageComponents/Landing';
import {Provider} from './PageComponents/Context';
import Dashboard from './PageComponents/Dashboard';
import ProtectedRoute from './PageComponents/ProtectedRoute';

class App extends Component {
  render() {
    return (
      <div className="App">

      <Provider>
        <BrowserRouter>

        <div>
          <Switch>

            <Route exact={true} path="/" component={Landing} />
            <ProtectedRoute exact path="/dashboard" component={Dashboard} /> …
Run Code Online (Sandbox Code Playgroud)

javascript firebase reactjs firebase-authentication react-context

17
推荐指数
1
解决办法
588
查看次数

如何舍入到小数点后两位?

我想要任何圆形的项目如下:

(5.101 * 100).round / 100.0
Run Code Online (Sandbox Code Playgroud)

要像这样输出:

5.10
Run Code Online (Sandbox Code Playgroud)

而不是这个:

5.1
Run Code Online (Sandbox Code Playgroud)

我如何在Ruby中执行此操作?

ruby rounding

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

反应漂亮的 DND - 我得到“无法找到带有 id: 1 的可拖动”

在下面的代码中,UI 呈现两个“Column”组件,每列包含两个称为“Tasks”的可拖动元素。当用户在列之间拖动“任务”时,代码会起作用 -直到某一点。当用户持续拖动任务组件时,最终它们将停止拖动并且用户收到一个错误消息:

无法找到带有 ID 的可拖动对象:X

我不知道为什么会发生这种情况,也不知道如何解决。

注意:我假设库的工作方式是拖动元素时需要重新排序和更新onDragEnd函数中的状态。

这是我的代码:

应用程序.js

import React,{useState} from 'react';
import {DragDropContext} from 'react-beautiful-dnd';
import helper from './helper_functions'

import Column from './Components/Column';

function App() {

  let initialState =   [
    {
      groupName:"Today",
      tasks:[
          {id:"1", title:"Test-1"},
          {id:"2", title:"Test-2"}
        ]
    },
    {
      groupName:"Tomorrow", 
      tasks:[
          {id:"3", title:"Test-3"},
          {id:"4", title:"Test-4"}
        ]
    },
  ]


  const [taskList, setTasks] = useState(initialState)

  function onDragEnd(val){

     let result = helper.reorder(val.source,val.destination,taskList);
     setTasks(result)
  }

  return (
    <DragDropContext onDragEnd={onDragEnd}>
       <Column droppableId="Today" list= {taskList[0].tasks} type="TASK"/>
       <Column …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-beautiful-dnd

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

Jest.js 和 Create-react-app:运行测试时出现“语法错误:无法在模块外使用导入语句”

我的代码

App.test.js

import moment from "moment-timezone";

let result = moment().format();


describe("anything",()=>{
    it("should return a fail..or at least something",()=>{
        expect(result).toBe("wrong")
    })
})
Run Code Online (Sandbox Code Playgroud)

我跑:

npx jestyarn 测试npm 测试

我得到:

npx jest
 FAIL  src/App.test.js
  ? Test suite failed to run

    /home/wktdev/Desktop/thing/workflow_magic_guest_app/src/App.test.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import moment from "moment-timezone";
                                                                                             ^^^^^^

    SyntaxError: Cannot use import statement outside a module

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        0.586s
Ran all test suites.
Run Code Online (Sandbox Code Playgroud)

看起来和这个类似:https : //github.com/facebook/jest/issues/9292 …

javascript jestjs create-react-app

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

创建一个新的meteor.js文件并获得错误100,MongoDB无法写入

我正在玩meteor.js,我收到此错误:

Unexpected mongo exit code 100. Restarting.
Unexpected mongo exit code 100. Restarting.
Unexpected mongo exit code 100. Restarting.
Can't start mongod

MongoDB had an unspecified uncaught exception.
Check to make sure that MongoDB is able to write to its database directory.
Run Code Online (Sandbox Code Playgroud)

我不知道如何解决这个问题,尤其是在Meteor.js的环境中我使用curl在雪豹mac os上安装.

它实际上工作了一段时间,因为我从一本书中做了一些练习,然后它就出现了错误.不知道我做了什么.

mongodb meteor

8
推荐指数
3
解决办法
4076
查看次数

Supervisor节点.js"程序节点应用程序退出,代码为0"错误

当我安装快速脚手架应用程序

express
Run Code Online (Sandbox Code Playgroud)

然后运行npm install

npm install
Run Code Online (Sandbox Code Playgroud)

然后运行主管

supervisor app
Run Code Online (Sandbox Code Playgroud)

我明白了

Starting child process with 'node app'
Program node app exited with code 0
Run Code Online (Sandbox Code Playgroud)

app.js文件是一个基本的默认快速实例.

var express = require('express');
var path = require('path');
var favicon = require('static-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.use(favicon());
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/users', …
Run Code Online (Sandbox Code Playgroud)

node.js express node-supervisor

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

如何在Aurelia中使用JQuery-UI

我使用Aurelia CLI开始了一个新的Aurelia应用程序.

我安装了JQuery并使用Aurelia文档中的说明配置了aurelia.json:

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/the-aurelia-cli/6

我然后npm安装了Jquery-ui.

我现在需要知道如何配置audelia.json来识别jquery-ui.

在Aurelia文档中,给出了如何引用模块的示例:

"dependencies": [
  {
    "name": "library-name",
    "path": "../node_modules/library-name/dist/library-name"
  }
]
Run Code Online (Sandbox Code Playgroud)

问题是,与直接下载jquery-ui时不同,JQuery-ui模块没有实际的Jquery-ui.js文件(如果我找不到它).

谢谢

javascript aurelia

8
推荐指数
1
解决办法
1491
查看次数

设置 Firebase Firestore 安全规则,以便只有用户可以 CRUD 自己的数据,其他所有内容都将被忽略

我有一个应用程序,其设计使通过 Google 进行身份验证的用户只能访问他们自己的数据,而没有“社交”功能。我想知道以下标准的安全规则。

假设我有 5 个集合,其中一个称为“todos”,并且数据反映了其他集合,因为它有一个用于经过身份验证的用户 uid 的字段。典型的文档如下所示:

待办事项

todo:{
  title:"some titled",
  body:"we are the world , we are the children",
  uid:"2378y4c2378rdt2387btyc23r7y"  
}
Run Code Online (Sandbox Code Playgroud)

其他一些收藏

thing:{
  name:"some name",
  content:"Some content",
  whatever:"whu-eva",
  uid:"2378y4c2378rdt2387btyc23r7y"  
}
Run Code Online (Sandbox Code Playgroud)

我希望经过身份验证的 Google 用户能够 CRUD 任何在 uid 字段中表示用户 uid 的数据。我希望登录用户无法访问所有其他数据。

我想知道如何为这个场景创建规则。

我现在正在仔细阅读文档,但我想我可以通过询问来节省一些时间。我没有该应用程序的特定角色。 https://firebase.google.com/docs/firestore/solutions/role-based-access

作为旁注,他们在 Firebase 中是否有一项功能可以将经过身份验证的 Google 用户 uid 自动绑定到他们登录时创建的文档?(我假设答案是否定的,我计划在我的应用程序中手动获取 uid 并在创建文档之前在客户端上设置它)。

谢谢你。

更新

我尝试使用 Klugjo 在下面发布的代码。

当我尝试在模拟器中对其进行测试时,出现错误。

这是我的收藏和错误截图。

在此处输入图片说明

在此处输入图片说明

这是我尝试过的其他事情: 在此处输入图片说明

根据我读过的所有内容,似乎以下代码应该可以工作 - 但事实并非如此。我补充了键“userId”来代替写在本文顶部对象数据中的“uid”。我更改了密钥以将其与 uid 区分开来。

service cloud.firestore {
  match /databases/{database}/documents {
    match /todos/{id} {
    allow read: if request.auth.uid == …
Run Code Online (Sandbox Code Playgroud)

javascript firebase firebase-security

8
推荐指数
2
解决办法
741
查看次数