Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
lmj01 committed Dec 31, 2023
1 parent 5b50b45 commit adb5e96
Show file tree
Hide file tree
Showing 4 changed files with 23 additions and 9 deletions.
4 changes: 4 additions & 0 deletions cg/canvas.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
7 changes: 7 additions & 0 deletions dev-note/cmake.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down
7 changes: 5 additions & 2 deletions nodejs/frp.md
Original file line number Diff line number Diff line change
Expand Up @@ -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/)
- [OMI-Web Components Framework WebComponents + JSX + Signal + onstructableStyle + OOP/DOP ](https://omi.cdn-go.cn/home/latest/)
14 changes: 7 additions & 7 deletions web/mini.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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,否则报错很多

0 comments on commit adb5e96

Please sign in to comment.