qq_36002582的博客

原创 MVVM模式、MVC模式和MVP模式

MVC模式 MVC所有通信都是单向的 View传送指令到Controller（用户也可以直接将指令传到controller） controller完成业务逻辑后要求model改变状态 model将新的数据发送到view，用户得到反馈 MVP模式 MVP模式将Controller改名为Presenter，同时改变了通信方向...

原创 浅谈HTTP

参考文献： http://hpoenixf.com/%E9%9D%A2%E8%AF%95%E5%BF%85%E8%80%83%E4%B9%8Bhttp%E7%8A%B6%E6%80%81%E7%A0%81%E6%9C%89%E5%93%AA%E4%BA%9B.html https://juejin.im/post/5a0ce1d95188253e24708454 htt...

原创 HTTP与HTTPS

参考文档：https://mp.weixin.qq.com/s/geepUXBRFXK6X8Xocp3YPw HTTPS是在HTTP上增加SSL加密层，对传输数据进行加密，是HTTP协议的安全版。HTTP加上加密认证处理和认证以及完整性保护后即是HTTPS。广泛应用于安全敏感的通讯，例如交易支付。HTTPS = HTTP + TLS/SSL ...

原创 三次握手和四次挥手

参考文献： https://mp.weixin.qq.com/s/W94ZUxGQHGDqBwIXHHD6jA https://juejin.im/post/5a2ff1f36fb9a04500030771 https://juejin.im/post/5b7be0b2e51d4538db34a51e#heading-16 三次握手...

原创 Websocket与几种轮询方式

参考文献：https://mp.weixin.qq.com/s/xCO9wQEGkGxiCsU9IYPonQwebsocket与http有交集但是不是包含关系。相对于HTTP这种非持久化协议来说，websocket是一种持久化协议。HTTP还是个无状态协议，一旦断开连接，你的所有信息全部消失，重新建立连接的时候需要再发送一次。HTTP的生命周期通过req...

原创 代码以及性能优化

函数节流&函数防抖 函数节流：规定一个单位时间，在该时间内，只能有一次函数回调，即使多次请求也只有一次生效 引用场景： scroll上下滚动计算某些值时 function handleClick(fn) { let timer = true return () => { ...

原创 webStorage(localStorage和sessionStorage) ，Cookie和Session

参考文献： https://juejin.im/post/5cd9037ee51d456e5c5babca https://juejin.im/post/5aede266f265da0ba266e0ef https://juejin.im/entry/5ac4d661f265da23a049c92a localStorage和sessionStorage...

原创 浏览器页面渲染机制

参考文献： https://mp.weixin.qq.com/s/_NrFbrucJRrA8fS40dCkow http://web.jobbole.com/84826/ 浏览器内核 Trident：IE Gecko：Firefox Webkit：Chrome、Safari Blink（Webkit的分支）/Chromium：Ch...

原创 Vue组件间的通讯

父组件—>子组件传值 1.Props 利用props父组件向子组件传值，为了防止子组件篡改父组件的值导致其他组件受到影响，所以采用了单向数据流的形式，将接收到的值保存在一个局部变量中，然后再使用。 //父组件 <template> <child :msg="message...

原创 个人理解的ES6中新增的Symbol类型的“独一无二”的含义

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值，当时我对“独一无二”这个描述没有理解，后来看了一些帖子，根据自己的理解写了这个文章。Symbol更看重的是他的性质，也就是独一无二绝对不可能有跟他一样的值的这个特性，而并不关心它具体等于什么值，也就是说它更像是一个标签和标记。例子如下，这两个Symbol值仅仅是用来判断m值的一些特性，所以这两个值具体是多少根本不重要，重要的是...

原创 js中的魔术字符串

魔术字符串指的是，在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值。风格良好的代码，应该尽量消除魔术字符串，改由含义清晰的变量代替。function getMonth(month){ if(month == "May"){ return true }else{ return false }}getMonth("M...

原创 const，let，var的特点

（本文参考了该文章https://blog.csdn.net/hot_cool/article/details/78302673）const实际上保证的并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个...

原创 swift 高阶函数Reduce，Filter，Map

Reduce:Swift中reduct在Array类中的定义为reduce(initial: U, combine: (U, T) -> U) -> U接收两个参数，一个为类型U的初始值，另一个为把类型为U的元素和类型为T的元素组合成一个类型为U的值的函数。最终结果整个数组就变成了一个类型为U的值。在事例中U和T是Int，初始值是0，combine函数计算两个Int之和。red

原创 微信小程序:冒泡事件及其阻止

事件的类别分为几种：       点击事件：tap       长按事件：longtap       触摸事件：touchstart； touchend；touchcancel；touchmove       其他：input；submit....其中前三类是冒泡事件，其他的称为非冒泡事件。写一个简单的例子，代码就不一一贴出来了，WXML的文件如下： 红色

原创 微信小程序细节坑(自己刚开始做小程序中遇到的一些细节，如有错误，还请大佬指正,看心情更新。。。。)

1.scrollview里面嵌套标签只能column排列,想要row排列需要在scrollview里面先嵌套一个view,然后在这个view里面设置display：flex；和flex-direction：row。再把需要row排列的标签放到这个view里面去。2.样式优先级：标签里style > 写在wxss里class标签选择器。3.input优先级最高。相对定位的时候会被它挡住...

转载 微信小程序:flex布局

原创 微信小程序采坑(1):富文本的一些问题

   最近几天和同事做小程序，采坑无数，本来是要做一个效果，一串文字，中间有一段文字可点击。像这样     当时他跟我说你要不要看看官方文档的富文本。然后我就用了，结果发现了一个问题，我这种情况用富文本不知道是本身的问题还是我代码写的不好，没写好，如果有大佬知道怎么写请不吝赐教O(∩_∩)O~~。文字没转行的时候还好，是可以无缝衔接的。像这样:     但是一旦文字转行，富文本的问题就出来了，富文...