加载中
rxjs 冷热两种模式

https://www.cnblogs.com/starof/p/10505617.html 冷模式 类似点播模式, B站看番剧, 每次都是从头开始 每一个订阅者都单独对应一个实例, 并且只有在订阅后才会开始传送值 好处是多个订阅者直...

昨天 22:49
14
DLX 求解数独

https://www.cnblogs.com/grenet/p/3145800.html https://blog.csdn.net/xiahn1a/article/details/50858957 https://www.jianshu.com/p/93b52c37cc65 基本上还是有很大提升的, 相比于使用位的...

昨天 00:27
29
cocos 入门拖拽游戏

首先搞这些技术其实学习意义不大, 应用层无法就是组合而已, 大多数是体力活, 但是对这些东西有所了解, 在技术选型上会有一些优势, 比如同样的简单动画, vue实现可能就十几k, 但是cocos打包下...

前天 22:51
17
舞蹈链解精确覆盖问题

dfs解的话会遇到一个问题: 比如答案是前2-10行和第12行, 那么由于第一和第十一行会导致冲突了, 导致dfs必须走完2-10行的排列才能判断出错误, 有太多无效判断了 https://www.cnblogs.com/gren...

前天 00:17
22
数独问题转精确覆盖问题

精确覆盖问题本质是求解行列式 其中每一列都是一个限制条件, 行是含有解集合的全集, 解是一组行的集合 https://www.cnblogs.com/grenet/p/3163550.html http://blog.gssxgss.me/use-dlx-to-...

10/27 23:13
22
dfs 求解精确覆盖问题

对于一个01矩阵, 找到一组行, 使得这些行组成的新矩阵中每列仅含有一个1 用搜索的方式可以求解, 每次对改行和已经有1的列进行搜索, 每次矩阵是只读的, 每次恢复只需要恢复当前状态即可 写的很...

10/26 23:34
0
vue3 跨tab页拖拽同步

vue3绑定属性时不能使用解构, 不然会使得响应式数据失效 在sw中存一个当前最新状态, 然后每次进入时都去取一次, sender发送的时候也保存一下, 这样能够实现退出重进的状态恢复...

10/26 23:29
14
使用fixed将元素放置在视区内

效果如下 注意使用fixed时, 设置属性的元素是以其父元素作为锚点的, 所以配合flex布局时需要包装一层, 不然dom会错乱 图片不设置宽高, 使用外层滚动条查看完整图片 overlay属性用于设置滚动条...

10/24 16:35
0
使用多层div实现同时修改transform不同属性导致的冲突问题

每一个div都对应一个变化讲道理, 应该嵌套六个div对应矩阵中的六个数值 每个变换都加在对应的div上, 这样就能解决同时修改不同属性的问题 但是如果同时修改相同的属性, 也会有问题, 但相比于...

10/23 23:13
9
transform 同时修改多个动画属性的解决办法

https://www.npmjs.com/package/rematrix 最简单粗暴的方式是为每一种变化对应一个包裹的div, 这样每个变换只影响该层div, 不会冲突, 但会导致层级较多以及渲染性能问题(可以忽略不计, 至少比...

10/22 23:56
35
利用 shortid 替代库 nanoid 配合 sharedworker和BroadcastChannel实现指定发送方的通信

shortid 官方建议使用 nanoid生成唯一键 https://github.com/ai/nanoid/ 主要是使用该库生成一个id, 发送消息的时候带上, 接收的时候如果有这个id, 表示相应的promise执行完毕, 传入回调的数...

Broadcast_Channel_API 和worker 实现跨页面通信

https://developer.mozilla.org/zh-CN/docs/Web/API/Broadcast_Channel_API 需要在worker中使用 bc是连接所有页面的, 发送消息是一次发送但是其他的页面都会收到 如果要实现指定接收或者发送...

10/20 23:31
0
webpack inline loader 打包 worker

https://www.webpackjs.com/loaders/url-loader/ https://webpack.js.org/concepts/loaders/#inline 几种常见写法, 可以通过?设置参数 It's possible to specify loaders in an import stat...

vue cli3 设置提交前自动格式化 husky prettierrc

https://www.npmjs.com/package/husky 安装 https://www.npmjs.com/package/husky 如果因为网络等问题安装失败, 导致重新安装不了的话, 需要删除node_modules后再安装 npm install husky --...

10/17 23:38
26
css 常用色值表

参考 http://tool.c7sky.com/webcolor/ https://www.cssportal.com/css3-color-names/ http://www.colors.commutercreative.com/grid/ https://tool.oschina.net/commons?type=3 最终选用css...

10/17 19:23
38
canvas 导出图片的大小计算

最佳做法使用promise封装一下, 比toDataURL会占用更少的内存, 同时大小计算也更加精确 const p = await new Promise((r) => { rawImage.canvas.toBlob( (data) => { co......

10/17 13:28
67
css 使用transform-origin实现绕顶点旋转

通过animejs 设置旋转角度和循环 通过 transform-origin 设置旋转中心点 注意元素的中心是left, top加上宽和高的一半, 不能单单使用left和top定位, 会出现一些问题 <!DOCTYPE html> <html la...

10/13 23:19
22
react 使用recoil 减少不必要的组件渲染

https://recoiljs.org/docs/introduction/getting-started/ 安装 yarn add recoil 这个库目前看来是将状态的set和get分离开, 可以精细化的控制组件对状态的操作, 进而避免重复渲染, 比如一个...

10/12 23:17
28
解决增量矩阵缩放因子相乘时造成的计算错误 导致动画合成时参数不对的问题

之前纯粹是想多了... 以为会很麻烦, 结果就是个映射而已... 线性 let preP = 0; let ss = 1; const size = 100; const list = []; const N = 2; for (let i = 1; i <= size; i++) { const p ...

10/12 22:49
0
区分pc还是移动端

主要目的是区分pc的移动端模式 在这个模式中, chrome会模拟移动端, 注入很多pc端没有的东西, 并且会修改ua, 添加一些touch事件等 根据测试可以使用Window.orientation 在pc端该字段为undefin...

10/12 22:10
16

没有更多内容

加载失败,请刷新页面

返回顶部
顶部