connie313 - 博客园

2020年10月25日

摘要：离线，截获请求 /serviceworker -/index.html -/index.js -/sw.js index.html == <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp 阅读全文

posted @ 2020-10-25 15:23 connie313 阅读(108) 评论(0) 推荐(0) 编辑

2020年10月24日

Rxjs的多播muticast

摘要： 1. 多播和广播的区别多播和广播类似一个是广播，不确定谁能够收到，一个是微信群，指定的可以收到 EventEmitter就是广播一个可观察对象是可以U盾偶次被订阅的, 但是是冷订阅每次都从头消费 const head$ = Observable.interval(1000).take(3) 阅读全文

posted @ 2020-10-24 23:51 connie313 阅读(212) 评论(0) 推荐(0) 编辑

前端设计模式

摘要：前端设计模式目录 1. 观察者模式 1 2. 策略模式 3 3. 单例模式 4 4. 工厂模式 5 5. 中间人模式 5 6. 代理模式 5 7. 装饰器模式 5 8. 外观模式 7 9. 工厂模式 7 10. 建造者模式 7 11. 享元模式 8 12. 职责链 9 13. 适配器模式 10 1 阅读全文

posted @ 2020-10-24 23:27 connie313 阅读(166) 评论(0) 推荐(0) 编辑

taro

摘要： taro的组件真的是很少阅读全文

posted @ 2020-10-24 17:14 connie313 阅读(48) 评论(0) 推荐(0) 编辑

2020年10月16日

微信原生小程序+云小程序+uni-app unicloud

摘要：小程序性能好是因为webview负责渲染，jsCore/v8负责js 小程序可以调用聊天，通过配置一个属性<button "open-dialog">客服</button> 小程序可以调用定位 wx.openLocation/wx.getLocation 小程序可以发请求。 wx.request 阅读全文

posted @ 2020-10-16 09:08 connie313 阅读(542) 评论(0) 推荐(0) 编辑

2020年10月14日

Shadow dom - web组件

摘要：通过shadow dom，可以将子树渲染到另一颗树里。隔离css, 选择性隔离html显示，实现dom封装。与template不同的是， shadow dom其实渲染了，但是template没有渲染。 <body><div id="foo">hahaha</div></body> documen 阅读全文

posted @ 2020-10-14 23:41 connie313 阅读(369) 评论(0) 推荐(0) 编辑

redux react-redux react-thunk react-saga

摘要： 1. redux是指1. 把经常用到的数据借助store保存， 2. 不同组件共享的数据借助store保存在项目中一些用户信息就可以保存下来，并通过action触发reducer，来改变store中数据，注册了store的组件subscribestore，有变化时会触发组件重新render 阅读全文

posted @ 2020-10-14 09:10 connie313 阅读(125) 评论(0) 推荐(0) 编辑

2020年10月12日

RequestIdleCallback and requestAnimationFrame

摘要： requestAnimationFrame 过去js动画是用setINtervl, setTimeout,改变位置，形状，大小浏览器60Hz, 每秒60次才能保证平滑，流畅，不然就会感到跳，也就是最大17ms 传统的定时器是不够精确的， setInterval(fn,time);不能保证立即阅读全文

posted @ 2020-10-12 08:06 connie313 阅读(114) 评论(0) 推荐(0) 编辑

2020年10月5日

js一些基础细节回顾，特别是css

摘要： FC Formatting context 规范子元素 BFC （块级作用域）隔离的独立容器，做浮动清除触发方式： 1.body根元素划分出来 2. Overflow不为visible，哦VR额佛为= (hidden, auto, scroll) 绝对定位，固定定位（脱离文档刘） 4. disp 阅读全文

posted @ 2020-10-05 22:18 connie313 阅读(107) 评论(0) 推荐(0) 编辑

2020年9月19日

Javascript高级程序设计（四）

摘要： 1. <script> 以及关键字async, defer 默认是放在head里面，逐行阻塞加载，从上而下下载，解析和解释都完成后，才能渲染页面（浏览器解析到body才会开始渲染）。如果有许多行的javascript, 会导致页面渲染有明显延迟，最好把script放入到body里面。 1) 阅读全文

posted @ 2020-09-19 22:56 connie313 阅读(243) 评论(0) 推荐(0) 编辑