dozjs / doz Goto Github PK
View Code? Open in Web Editor NEWA JavaScript framework for building UI, almost like writing in VanillaJS. For modern browser.
Home Page: https://doz.js.org
License: MIT License
A JavaScript framework for building UI, almost like writing in VanillaJS. For modern browser.
Home Page: https://doz.js.org
License: MIT License
Taking inspiration from this https://github.com/Heydon/cress it could be an idea to reset the style for each child components prepending this:
[data-uid="1"],
[data-uid="1"] * {
all: initial
}
It might be useful to pass the props object as an argument to the template function.
Like:
template(h, props) {
return h`
<div>${props.name}</div>
`
}
specials attributes d-bind d-ref appear on rendering of html as dbind, dref
Is there a sitemap plugin already?
it is not drawn and the tag is duplicated
If a component has not a scoped style declared the data-uid will be undefined
This is incomplete:
https://github.com/dozjs/doz/blob/master/src/proxy.js#L17
I need to add this too:
.replace(/'/g, ''')
.replace(/`/g, '`')
if you update props before mount on DOM should not calling render method...
propsConvert and propsComputed work only if the property propsConvertOnFly/propsComputedOnFly is set true
if there are spaces characters after the wrapper tag of the loop, the loop fails and it returns a string like this "[object Object],[object Object],[object Object]...".
Sometimes it could be useful.
Like so:
propsToAttributes() {
let out = '';
Object.keys(this.props).forEach(name => {
out += `${name}="${this.decode(this.props[name])}" `;
});
return out;
}
<img ${this.propsToAttributes()}
I need to decode HTML entities
decode(str) {
decoder = decoder || document.createElement('textarea');
decoder.innerHTML = str;
return decoder.value;
}
The component style does not support the short definition like:
<style>
.my-class {
animation: 1s blink ease infinite;
}
</style>
this works:
<style>
.my-class {
animation-name: blink;
animation-duration: 1s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
</style>
When set a props with 0 number, the bind don't work.
Please fix it
When function "drawnDynamic" is called, parent property is set to wrong parent.
The comments are not considered.
This
/*.grid-row img { }*/
is converted to
[data-uid=...] /*.grid-row img { }*/
<a data-router-link="true" datarouterlink="true">home</a>
why?
Update for a select bind to a prop fails with dynamic options.
Maybe it happens with numeric values...
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.