小编Zal*_*oza的帖子

让我们说我们有一个人体的图像,我想当用户将鼠标悬停在身体​​的一部分(头部,手臂等)上时,这个器官变成绿色,当他点击一个定义的动作时.

它是否可以使用JavaScript？如果是这样的概念是什么？

提问的理由:

目标: 这只是用户输入他的病史的现有项目的一小部分,所以我想要给他一个所有器官的下拉菜单,只显示一个人的模型,他点击并保存他的轨迹等历史.

要做到这一点,我想我需要一个人体图像,并定义在这个图像上表示的每个器官的XY边界,并给它一些属性(名称).

1. 用户悬停:器官显示的边界和bg的颜色例如是绿色
2. 当用户点击它时,调用该对象表单.

在js-jquery中是否存在类似的东西？或者我需要发明轮子？

情况:

在2个站点上运行mysql数据库的Php应用程序

1. online -static ip XXXX
2. localhost(大多数时间不在线和动态ip)

应用流量通常低<10个用户.

我需要的是,每当对在线数据库进行更改时,此更改都会被推送到localhost-如果它在线或者可用时也是如此 - 反之亦然(当在线连接时,本地完成的任何更改都会在线上传到数据库).

可以通过mysql设置这样的复制吗？或者我是否需要编写一个ping主服务器的自定义PHP以及一旦它可用

非常感谢 :).

下面的JavaScript从jQuery-mobile网站上的网络摄像头捕获静态图像.该代码在桌面上完美运行,但在手机(Android和iOS)上,视频播放然后在第一帧停止!

代码 (抱歉长度):

    window.shutter = document.createElement('audio');
    window.shutter.volume = 1;

    // var v = new uploadZone($('<img data-src="http://link-to-upload/" data-multiple="true"/>"));
    // v.load();
    uploadZone = function(element){
        var object = this,
            mobileInput = $('<input type="file" accept="image/*" multiple="multiple" />'),
            errBack = function(e){console.log('error',e);},
            localstream,
            canvas = document.createElement('canvas'),
            thumb = document.createElement('canvas'),
            ctx = canvas.getContext("2d"),
            ctxsmall = thumb.getContext("2d"),
            videoObj = {"video": true},
            video = document.createElement('video'),
            uz = $('<div id="uploadzone-container">'),
            snap = $('<a href="#" class="uz-snap"><i class="fa fa-camera"></i></a>'),
            confirm = $('<a href="#" class="uz-confirm"><i class="fa fa-check"></i></a>'),
            clear = $('<a href="#" class="uz-clear"><i …

我有一个简单的RESTful API,它已经使用Slim Framework构建.

代码示例:

$app->group('/settings','authenticate','is_admin',function () use($app){
    $app->get('/gear', function () use ($app) {
        ...
    });

    $app->group('/users',function() use($app){
        $app->get('/', function () use ($app) {...});
        $app->post('/', function () use ($app) {...});
        $app->put('/:id', function ($id) use ($app) {...});
        $app->delete('/:id', function () use ($app) {...});
    });
});

现在,我需要构建一个简单的页面,将所有路由组列为"资源",并将路由嵌套在每个组下,以便我可以为每个路由组/方法添加某种文本文档,稍后我将在数据库中保留这些文档或在文件存储中.

总之,我的问题是:

1. 有类似的东西已经存在吗？
2. 如何在Slim Framework中列出所有路由和路由组？

我目前的哈克:

$app->get('/', function () use ($app) {
    $data=[];
    //$router->routes is a protected variable, so i had to change it to public, same for $r->methods and pattern
    foreach($app->router->routes as $r){
        $x = explode('/',$r->pattern); …

redux app就我所知,维护状态树的正确方法是将其标准化,尽可能地展开数据并使用combinereducer创建状态树的切片.

示例包含帖子和用户的应用程序

const rootReducer = combineReducers({
  user:userReducer,
  posts:postsReducer,
});
const store = createStore(rootReducer);

给出的帖子数组保留所有帖子初始化,State.posts可以看起来像

let initialState =   {
    byId:{1:{id:1,title:'post1'}},
    ids:[1],
    meta_data:{unread:1,old:0}
    }

现在,如果我们有大约10,000个帖子,我们最终会这样做,state.post.ids.length === 10000这很好,

问题是.因为我们的reducer 每次需要更新时返回一个新状态,例如我们需要将meta_data.unread更新为等于0,我们将返回一个新的Post对象.

return object.assign({},state,{meta_data:{unread:0,old:1}})

这将重新渲染使用state.post树的任何属性的所有选择器和组件!

这听起来像是一个问题吗？**我们想要的只是更新未读的计数器..为什么要重新计算帖子的所有选择器和组件？

所以我有这个想法可能是state.posts也应该组成使用combineReducers使每个attr.帖子应该有自己的减速器.

将postsReducer分成多个

postsMainReducer, ==> deal with adding or removing posts
postMeta_dataReducer, ==> deal with meta_data of posts
singlePostReducer ==> Now this is dynamic !! how can i create such ??

这是正确的吗？我增加了比需要更多的复杂性？

- >有人可以向我们展示已经运行的企业应用程序状态树的图片吗？所以我们可以从中学习如何组织国家？

我想映射一个对象数组以输出按特定对象键分组的不可变映射。

array looks like
[
 {id:1, time:19072016},
 {id:2, time:19072016},
 {id:3, time:19072015},
]
output im seeking is
[
 byId: {
  1:{id:1, time:19072016},
  2:{id:2, time:19072016},
  3:{id:3, time:19072015},
 },
 byTime: {
  19072016:[1,2],
  19072015:[3],
 }
]

使用immutablejs或Seamless-immutable最有效的方法是什么？

目前我正在使用reduce作为：

array.reduce( (final,row) =>final.setIn(['byId',row.id],row) ,
              Immutable.Map({byId:{},byTime:{}});

这个输出byIds是我想要的，但是问题byTime是我需要合并而不是覆盖。

我尝试了无缝不可变：

Seamless(arr).toObject(i=>[i.id,i]) //this will return byId as i want it
Seamless(arr).toObject(i=>[i.time,[i.id]]) //this will not merge [1,2] :(

我在我的网络应用程序中使用 onesignal 来提供推送通知。

当我开始编写 React-native 应用程序时，我想知道是否有人可以提供一个有用的示例来展示如何使用 React-native 处理推送通知。

目前我所做的是在我的根组件构造函数中注册推送通知。但由于很少有关于具体何时运行的文档，我不确定是否应该将其移至 index.android.js 文件旁边进行AppRegistry.registerComponent调用？或者此时是否不能保证js环境已完全加载？

当前代码”

// index.android.js,index.ios.js
import React from 'react';
import {AppRegistry,Text,View} from 'react-native';

import OneSignal from 'react-native-onesignal';

class App extends Component {
  constructor(props) {
    // config oneSignal push and do startup tasks..
    this.$device = {};
    this.$push = []; // array to hold pending notifications.. just to 
                     // prevent losing them case app ui was not fully loaded when config is called
    OneSignal.configure({
        onIdsAvailable: (device) => {
          console.log('UserId = ', …

我想知道如何在 javascript 中创建模型？

示例对象用户：应该具有这些属性[name,username,password]，并且不应有其他属性。

现在我想发送任何值，它应该返回具有这 3 个属性的对象并忽略任何其他属性。

我尝试使用

var UserFactory = props => ({
  user    :props.user||'',
  username:props.username||'',
  ..etc
})

现在，当我传递用户对象时，我确信所有属性确实存在，并且不会发生未定义的错误。

我想要这个的原因是在获取/发布到服务器时标准化数据。

是否已经有最佳实践来做到这一点？

ps：如果重要的话，我正在一个react-redux学习项目中使用它..

谢谢

使用上面的代码编辑问题：

1. 我无法进行类型检查，因为工厂返回的是一个普通对象而不是模型的实例，userFactory({}) instanceOf UserObject === false那么如何确定变量内部是否包含 userObject？
2. 它很冗长，但如果我使用 Object.assign()，我可能会在我的对象中得到不需要的属性，所以我不确定这是否是最好的方法。

使用react-native.如果我关闭"远程调试js"应用程序崩溃和系统记录我无法理解的错误.

我在ios模拟器中打开系统日志,然后记录下面的日志

ivf[95067]: [] nw_connection_get_connected_socket_block_invoke 44 Connection has no connected handler
com.apple.CoreSimulator.SimDevice.73F03ED5-12AF-41DD-9108-349E09982B56.launchd_sim[76806] (UIKitApplication:com.simplein.ivf[0x8918][76828][95067]): Service exited due to Segmentation fault: 11
SpringBoard[76823]: UNSUserNotificationServerConnectionListener connection invalidated
 backboardd[76824]: [Common] Unable to get short BSD proc info for 95067: No such process
backboardd[76824]: [Common] Unable to get proc info for 95067: Undefined error: 0
SpringBoard[76823]: [KeyboardArbiter] HW kbd: Failed to set (null) as keyboard focus
assertiond[76828]: Deleted job with label: UIKitApplication:com.simplein.ivf[0x8918][76828]

我对ios开发没有任何线索,但是一旦我尝试渲染具有InputText和少数其他视图的屏幕,应用程序就会崩溃.

奇怪的是,如果我启用Debug Js Remotely它将工作得很好,甚至不会记录任何错误.

我正在尝试使用ng-if在我的单页应用页面中包含侧栏并将其隐藏在其他页面中.HTML是:

<body ng-app="simpleapp">
        <div id="wrapper">
            <!-- Navigation -->

            <div ng-include="'./include/sidebar.html'"></div>

            <!-- Page Content -->
            <div id="page-wrapper">
                <div class="container-fluid">
                    <div ng-view class="slide-animation"></div>
                </div>
            </div>
        </div>

在上面的示例中,ng-include加载侧边栏,id page-wrapper用于在侧边栏的容器上添加额外边距,ng-view是我的视图加载的位置.

我需要做的是在一些页面中我不希望侧边栏存在,就像(例如在登录页面中)

angular.module('exampleApp', ['ngRoute', 'ngResource', 'ngCookies'])
    //Routes 
.config(['$routeProvider',
    function($routeProvider) {
        $routeProvider.
        when('/login', {
            templateUrl: 'partials/login.html',
            controller: 'loginCtrl'
        }).
        when('/home', {
            templateUrl: 'partials/home.html',
            controller: 'homeCtrl'
        }).
        otherwise({
            redirectTo: '/login'
        });
    } ]) 
.controller('mainCtrl',function($rootScope,$window){
    $rootScope.show = true;
    if($window.location.hash == '#/login'){
        $rootScope.show = false;
    } });

我编写的最佳解决方案是向页面主体添加另一个ctrl并使用ng-if和condition将id添加到div.

<div ng-if="$root.show" ng-include="'./include/sidebar.html'"></div>
            </sidebar>

            <!-- Page Content -->
            <div id="{{$root.show …