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
}
This is incomplete:
https://github.com/dozjs/doz/blob/master/src/proxy.js#L17
I need to add this too:
.replace(/'/g, ''')
.replace(/`/g, '`')
specials attributes d-bind d-ref appear on rendering of html as dbind, dref
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>
Update for a select bind to a prop fails with dynamic options.
Maybe it happens with numeric values...
if you update props before mount on DOM should not calling render method...
<a data-router-link="true" datarouterlink="true">home</a>
why?
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;
}
When set a props with 0 number, the bind don't work.
Please fix it
propsConvert and propsComputed work only if the property propsConvertOnFly/propsComputedOnFly is set true
When function "drawnDynamic" is called, parent property is set to wrong parent.
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>
`
}
If a component has not a scoped style declared the data-uid will be undefined
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]...".
it is not drawn and the tag is duplicated
Is there a sitemap plugin already?
The comments are not considered.
This
/*.grid-row img { }*/
is converted to
[data-uid=...] /*.grid-row img { }*/
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.