在 kbone 中实现小程序 svg 渲染 (www.alloyteam.com)

【简介】

kbone 是微信团队开源的微信小程序同构框架,与基于语法树转换的 Wepy、Taro 等传统框架不同,kbone 的思路是在逻辑层用类似 SSR 的方式模拟出 DOM 和 BOM 结构,让逻辑层的 HTML5 代码正常运行;而 kbone 会负责将逻辑层中的虚拟 DOM 以 setData 的形式传递给视图层,让视图层利用小程序组件递归渲染的能力,产生出真实的 DOM 结构。

使用 kbone 之后,我们可以将小程序页面理解为一个独立的 html 文档(而不是 SPA 中的一个 router page)。在每个页面的 JS 中初始化 kbone,为逻辑层提供虚拟 DOM 和 BOM 的环境,然后就可以像 H5 一样加载各种主流前端框架和业务代码,kbone 会负责逻辑层和视图层之间的 DOM 和事件同步。

点击查看全文 >>

@技术头条 2022-06-19 23:03分享 / 原作者微博:@AlloyTeam / 0个评论
要不要再学学下面的文章?
如何实现页面刷新后不定位到之前的滚动位置? (www.zhangxinxu.com)

原来让页面刷新的时候不定位到刚才的滚动位置是有优雅至极的方法的,学习了!
by @技术头条 2022-06-19 23:27 分享 查看详情
SVG任意基本图形转path路径 (www.zhangxinxu.com)

虽然不属于常用场景,但是对于部分开发者却很需要,所以还是专门分享了出来,希望可以帮到需要的人。
by @技术头条 2022-06-19 23:21 分享 查看详情
小程序同构方案 kbone 分析与适配 (www.alloyteam.com)
在微信小程序的开发的过程中,我们会存在小程序和 H5 页面共存的场景,而让小程序原生和 web h5 独立开发,往往会遇到需要两套人力去维护。对开发者而言,加大了工作量成本,对于产品而言,容易出现展示形态同步不及时问题。在这种情况下,我们急需要找到一个既能平衡性能,也能满足快速迭代的方案。
by @技术头条 2022-06-19 23:04 分享 查看详情
CSS实现滚动高度自动变小的粘滞效果 (www.zhangxinxu.com)

分享一个实用的小布局效果,可以优化粘性定位的效果体验。
by @技术头条 2022-06-19 22:44 分享 查看详情
我的移动开发程序人生 - 写在创业十周年 (blog.devtang.com)
我是移动互联网时代兴起时的第一批开发者,见证了移动互联网将传统的 PC 互联网颠覆的过程。也有幸参与其中,推动移动互联网行业的发展。
本文介绍了我从接触计算机到选择职业开发道路,最后再承担起更多非技术工作的过程。希望我的程序人生能够帮助到大家,在面对新的时代机遇时抓住机会,与时代共舞。
by @技术头条 2022-06-19 22:43 分享 查看详情
使用BPF, 将Go网络程序的吞吐提升8倍 (colobu.com)
经典的bpf(classical Berkeley Packet Filter) 是非常好用的一个技术,在一些特殊的Go底层网络编程的场合,可以很好的提高性能。
by @技术头条 2022-06-19 19:27 分享 查看详情
SpringBoot实现登录拦截器(实战版) (mp.weixin.qq.com)
对于管理系统或其他需要用户登录的系统,登录验证都是必不可少的环节,在 SpringBoot 开发的项目中,通过实现拦截器来实现用户登录拦截并验证。
by @code小生 2022-06-19 13:33 分享 查看详情
服饰3D柔性渲染调研及实践 (fed.taobao.org)
当前全球服装制造的产业链中,我国的中小企业的难以参与到其中利润最高的环节比如产品的设计和研发,主要原因就是服装设计的难度和成本高,因此需要一些创新技术来减少制作成本、降低门槛。
3D服装设计就是解决方案之一,采用3D技术可以直接在虚拟模特上实现打样,并且迭代修改、交付样品也可以通过线上实时完成,相比于传统服装设计方式,大幅减少了服装出品的时间成本,并且也在一定程度上降低了上手难度和学习门槛。
by @技术头条 2022-05-23 00:12 分享 查看详情
密码强度效果最佳实现一定是HTML meter元素 (www.zhangxinxu.com)
配合meter元素,纯CSS也能实现3色状态带强中弱提示的密码强度效果,有基础有深入,本文可以学到的东西挺多。

by @技术头条 2022-05-23 00:04 分享 查看详情
App开放接口api安全:Token签名sign的设计与实现 (mp.weixin.qq.com)
在app开放接口api的设计中,避免不了的就是安全性问题,因为大多数接口涉及到用户的个人信息以及一些敏感的数据,所以对这些 接口需要进行身份的认证,那么这就需要用户提供一些信息,比如用户名密码等,但是为了安全起见让用户暴露的明文密码次数越少越好,我们一般在web项目 中,大多数采用保存的session中,然后在存一份到cookie中,来保持用户的回话有效性。
by @code小生 2022-05-08 23:47 分享 查看详情