From adb5e96ad1e8caba60f3fe50b6047ec5b2a2d9e7 Mon Sep 17 00:00:00 2001 From: lmj01 Date: Sun, 31 Dec 2023 17:39:28 +0800 Subject: [PATCH] update --- cg/canvas.md | 4 ++++ dev-note/cmake.md | 7 +++++++ nodejs/frp.md | 7 +++++-- web/mini.md | 14 +++++++------- 4 files changed, 23 insertions(+), 9 deletions(-) diff --git a/cg/canvas.md b/cg/canvas.md index 26b2f70..d2c5e10 100644 --- a/cg/canvas.md +++ b/cg/canvas.md @@ -31,6 +31,10 @@ CanvasRenderingContext2D.isPointInPath() 常规的旋转，很少使用矩阵，[利用 ImageData 实现图片左右旋转 90°](https://blog.csdn.net/frgod/article/details/106055830) +### text + +[标准文档中的canvas text style](https://html.spec.whatwg.org/multipage/canvas.html#text-styles) + ## 参考 - [OffscreenCanvas-离屏canvas使用说明](https://zhuanlan.zhihu.com/p/100375855) \ No newline at end of file diff --git a/dev-note/cmake.md b/dev-note/cmake.md index c30fd2b..4c54b02 100644 --- a/dev-note/cmake.md +++ b/dev-note/cmake.md @@ -2,6 +2,13 @@ ## 详解 +### aux_source_directory +查找某个路径下的所有资源文件 + +### add_subdirectory + +添加一个子目录并构建子目录 + ### BUILD_INTERFACE In CMake, BUILD_INTERFACE is a generator expression that can be used with target_include_directories to specify include directories that should only be used when building the target itself, and not when building any other targets that may depend on it. diff --git a/nodejs/frp.md b/nodejs/frp.md index b754c53..e70d585 100644 --- a/nodejs/frp.md +++ b/nodejs/frp.md @@ -20,10 +20,13 @@ fromEvent(el, 'click').piep(throttleTime(3000)).subscribe(()=>{ }) ``` -RxJS最核心概念是stream,相比数组多了一个时间维度的概念. +RxJS最核心概念是stream,相比数组多了一个时间维度的概念，Rxjs通过Observable(可观测对象)来具象化stream, + +### [Marbles](https://rxmarbles.com/) +可视化RxJS的stream，也叫弹珠Marbles，所有的RxJS相关内容和Operators都可以用Marbles来表示 ## 参考 - [rxjs 源码分析1-(fromEvent)](https://juejin.cn/post/6844903730425364494) - [从业务视角来聊一聊为什么我们需要 RxJS？](https://juejin.cn/post/7090422222195523621) -- [OMI-Web Components Framework WebComponents + JSX + Signal + onstructableStyle + OOP/DOP ](https://omi.cdn-go.cn/home/latest/) \ No newline at end of file +- [OMI-Web Components Framework WebComponents + JSX + Signal + onstructableStyle + OOP/DOP ](https://omi.cdn-go.cn/home/latest/) diff --git a/web/mini.md b/web/mini.md index ce7e596..32470db 100644 --- a/web/mini.md +++ b/web/mini.md @@ -11,21 +11,24 @@ 渲染层解析WXML和WXSS并渲染出页面。 [小程序没有 DOM 接口，原因,涉及小程序架构框架思路](https://developers.weixin.qq.com/community/develop/article/doc/000462336ccf080229a9eb37c59413) +- wxml是动态绑定数据，就是先有数据再绑定，比html5要慢一个过程，这也是小程序嵌入的逻辑问题 + ### 同层渲染 - [小程序同层渲染原理剖析](https://developers.weixin.qq.com/community/develop/article/doc/000c4e433707c072c1793e56f5c813) 部分组件没有使用WebView渲染，而是由客户端原生渲染，所谓的native-component。这种就是多个图层叠加出最后的效果，由客户端不同实现也可能不同。 -native-component能提供一些html5不能实现的功能，对用户的体验流畅度非常好，如音频视频等，还减少进程间通信开销。 +[native-component](https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html)能提供一些html5不能实现的功能，对用户的体验流畅度非常好，如音频视频等，还减少进程间通信开销。 ### [wxss](https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html) rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。 +### [Image](https://developers.weixin.qq.com/miniprogram/dev/component/image.html) +为了性能，小程序默认死Image的宽高 -## 注意事项 -- wxml是动态绑定数据，就是先有数据再绑定，比html5要慢一个过程，这也是小程序嵌入的逻辑问题 +## 支付宝小程序 ## OMI框架 ```js @@ -49,8 +52,5 @@ npm omi-cli init-js smile - [小程序海报组件-生成朋友圈分享海报并生成图片](https://github.com/jasondu/wxa-plugin-canvas/tree/master) - [轻松生成小程序分享海报 ](https://juejin.cn/post/6844903663840788493) - [小程序canvas 缩放/拖动/还原/封装和实例--开箱即用](https://blog.csdn.net/iamlujingtao/article/details/128289849) -- - -## 报错异常 +- [优秀实践教程推荐](https://github.com/TencentCloudBase/Good-practice-tutorial-recommended) -- 只能转es6到es5，否则报错很多