javascript - Is there a way to debug rendering problems in a famo.us app? -


is there way turn debugging on or command show rendering problems when using famo.us?

log statements helpful or other way of telling going when app being rendered.

edit: here rendering problems have seen far

1- layout inconsistent across browsers (not talking ie yet!!!!).

safari 7.02:

enter image description here

chrome35:

enter image description here

android firefox 29:

enter image description here

2- scrolling famo.us screwed.

i have 3 main sections app (website):

  • header (which scrollcontainer 4 surfaces).
  • footer (which scrollcontainer 1 surface).
  • content (2 scrollcontainers on left side , 2 scrollcontainers inside deck component on right side. each text/paragraph surface in respective scrollcontainer).

now, if go app, notice scrolling screwed , have no idea why! don't know how can debug mess.

p.s: code left un-minified , comments on purpose.

but wait there more. scrolling confusing user the user has no idea view scrollable because no scrollbars visible. you can see on famo.us demo page. go , try scroll :). way can scroll if go left side of page ...

3- deck component seem arrange cards randomly on initial load based on browser! if things aren't screwed enough. see screenshot below:

chrome35 desktop renders green card first: enter image description here

ff29 desktop renders red card first: enter image description here

with above issues. have no idea how fix them or why happening. list of things me developer debug problems famo.us:

  1. enable debug logging when using components.
  2. throw js errors when using components incorrectly.
  3. warn me potential layout problems if using components known issues.
  4. have better documentation. read code base understand how use because famo.us docs not adding value without having examples whereas open source code does.
  5. more articles talking layout , page structure. fundamental thing. if can't right, there no point playing animations on page not viewable correctly!

i have noticed ff29 on desktop lags when interact deck of cards whereas on chrome doesn't. backing 60fps claim across devices start. show performance metrics , comparisons prove claim.

i want use famo.us , contribute fixes if time this how feel famo.us.

yes, great if there gave more info. famoushint or something. use jshint @ least helps common javascript errors.

also, has saved me few times well. http://famo.us/guides/pitfalls

but agree little buggy @ point, i've been having trouble scrollview.


Comments

Post a Comment

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

consider, toml node module can use: // toml.d.ts declare module toml { export function parse(value:string):any; } declare module "toml" { export = toml; } then: /// <reference path="../../../../../defs/toml/toml.d.ts"/> import toml = require('toml'); toml.parse(...); however, node module export single function, such 'glob' ( https://github.com/isaacs/node-glob ). the node usage of module be: var glob = require("glob") glob("*.js", {}, callback(err, files) { ... }); you'd naively expect this: // glob.d.ts declare function globs(paths:string, options:any, callback:{(err:any, files:string[]):void; ...but because typescripts 'import' semantics bit strange, seems can use 'import .. = require()' statement alias modules . trying call: /// <reference path="../../../../../defs/glob/glob.d.ts"/> import blog = require('glob'); results in: error ts2072: mod
Read more

openid - Okta: Failed to get authorization code through API call -

i'm integrating okta own idp server using okta's api. i'm implementing authorization code flow following steps below: in own server, use /api/v1/authn endpoint sessiontoken. use sessiontoken obtain authorization calling endpoint: /oauth2/v1/authorize?client_id=" + clientid + "&sessiontoken=" + sessiontoken + "&response_type=code&response_mode=query&scope=openid&redirect_uri=" + redirecturl + "&state=evanyang&nonce=" it's supposed return response status code 302 , location header containing redirect url code value. however, keep getting response status code 200 , without location header, html body saying "you using unsupported browser." , "javascript disabled on browser." according api documentation: http://developer.okta.com/docs/api/resources/oidc.html#authentication-request , sessiontoken parameter sufficient this: an okta one-time sessiontoken. allows api-based
Read more

thorough guide for profiling racket code -

did googling ("racket profiling", "racket measure performance"), didn't find , there no examples in docs. did google "profile" search on htdp - no luck. (profile (f ...)) output isn't obvious other small snippets. ideally want python's python -m cprofile usage examples. when search "python profiling", both duckduckgo , google give top result: 26.4. python profilers . (although scanned quickly, seems more of reference "thorough usage guide" examples. if had else in mind, perhaps please link that?) the equivalent racket documentation be: profile: statistical profiler . a usage example: #lang racket (require profile) (profile-thunk (thunk (function-to-profile arg0 arg1) )) here (thunk e) convenience (lambda () e) . bigger example: #lang racket (module mod racket (provide f) (define (f) (for/list ([i 10000]) i))) (require (prefix-in mod: 'mod)) (define (f) (for ([i 10000
Read more