先容:
实在,free 是一部动漫名,也是我最喜欢的番没有之一,haru 是我儿子!
安装:
yarn add fre -S
使用:
import{ observe, html, mount } from './src' function counter() { const data = observe({ count: 0 }) return html` <div> <h1>${data.count}</h1> <button onclick=${() => {data.count++}}>+</button> <button onclick=${() => {data.count--}}>-</button> </div> ` } mount(html`<${counter} />`, document.body)
Proxy:
const data = observe({ count: 0 })
会天生一个全递归的 Proxy 工具,会自动去observe,data 更新会自动触发 rerender,这个更新是准确
fre 提供 *** X-like 的 tagged template 语法,浏览器原生支持,无需编译
建议凭据场景选择,webpack 下 *** X 对照合适,浏览器环境肯定要 tagged template(如后端语言的模板引擎)
html` <div> <h1>${data.count}</h1> <button onclick=${() => {data.count++}}>+</button> <button onclick=${() => {data.count--}}>-</button> </div> `
和 jsx 一样,最终会被转换成 h 函数,进而天生 vdom tree
性能不会差,可以大略理解为 vue 的 compile 历程,若是使用 jsx ,将直接省略这个历程
hooks API
实在这里应该叫做functionalCompoent对照合适,一种新的组件化方案。如下,fre 和 vue、react 差别,fre 的组件是无自身状态、可复用的符号代码块
只有根组件拥有全局状态,但这不故障你举行多次 render 缔造多个根组件
import{ mount, html, observe } from 'fre' function counter() { const data = observe({ count: 0 }) return html` <div> ${html`<${count} count=${data.count} />`} <button onclick=${() => {data.count++}}>+</button> <button onclick=${() => {data.count--}}>-</button> </div> ` } function count(props){ return html` <h1>${props.count}</h1> ` } mount(html`<${counter} />`, document.body)
*** X
默认也对外暴露了 h 函数,可以选用 *** X
import { h } from 'fre'
webpack 需设置:
{ "plugins": [ ["transform-react-jsx", { "pragma":"Fre.h" }] ] }
1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入
狗狗航空箱 狗狗航空箱有什么用?是不是很想带狗狗去看一下外面的世界,但又怕麻烦,怕狗狗不好上飞机?别急,狗狗上飞机有专门的狗狗航空箱可以给狗狗使用,并且这些航空箱很宽敞,可比一般的狗笼好多啦。一...
黑客要怎么找相关问题 零基础黑客自学需要多久相关问题 京东拉黑客户怎么恢复 通过微博反查手机号(微信号反查手机号)...
东莞市模特预约预约微信:lilidakeai123 <<<<<全国高端外围模特预约微信:lilidakeai123,专注全国外围预约咨询服务,6年经纪人靠谱,为你...
晚上九点到一点是生长素分泌的高峰期,对于生长期的孩子来说,不仅要睡眠充足,还要睡对时间,晚睡觉对于孩子和父母都有不好的影响,那么宝宝晚睡觉影响身高吗?下面友谊长存小编带来介绍。 宝宝晚睡觉影响身高吗...
一、西安哪里怎么找黑客 1、找黑客其他人不太确定。西安哪里贷手机号码采集但是到了今天,黑客这个词已经被用来指那些专门用电脑毁灭或恶作剧的人。黑客接单目的也更加明确。 2、LinusTorvalds于...
2004年年初,IRC后门病毒开始在全球网络大规模出现。一方面有潜在的泄漏本地信息的危险,另一方面病毒出现在局域网中使网络阻塞,影响正常工作,从而造成损失。 同时,由于病毒的源代码是公开的,任...