<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[diewan6825的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/diewan6825</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; diewan6825]]></copyright><item><title><![CDATA[纯css实现翻书效果]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072655</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072655</guid><author>diewan6825</author><pubDate>Mon, 29 Apr 2019 16:27:00 +0800</pubDate><description><![CDATA[前言
最近研究了一下css3的3D效果，写了几个demo，写篇博客总结一下实现的经过。PS:如果对transform-origin/perspective/transform-style这些概念还不了解，可以先看看张鑫旭大神写的这篇通俗易懂的文章：好吧，CSS3 3D transform变换，不过如此！。不过就是里面大神配的图片有点污，不适合在办公室看（手动捂脸）。
效果图
先来看看实际...]]></description><category></category></item><item><title><![CDATA[从vue源码看props]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072646</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072646</guid><author>diewan6825</author><pubDate>Tue, 08 Jan 2019 23:55:00 +0800</pubDate><description><![CDATA[前言
平时写vue的时候知道props有很多种用法，今天我们来看看vue内部是怎么处理props中那么多的用法的。
vue提供的props的用法
1. 数组形式
props: ['name', 'value']
2. 对象形式
对象形式内部也提供了三种写法：
props: {
    // 基础的类型检查
    name: String,
    // 多个可能的类型
    valu...]]></description><category></category></item><item><title><![CDATA[js循环中使用async/await踩过的坑]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072648</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072648</guid><author>diewan6825</author><pubDate>Thu, 15 Nov 2018 16:46:00 +0800</pubDate><description><![CDATA[最近写koa的时候遇见需要在循环中使用async/await的情况，当然第一反应就是直接上forEach，然后就直接翻车了。。。
直接上代码：
function handleSql(val) {
  return new Promise((resolve) =&gt; {
    setTimeout(() =&gt; {
      console.log(`延时${val}秒触发`)...]]></description><category></category></item><item><title><![CDATA[js实现word转换为html]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072644</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072644</guid><author>diewan6825</author><pubDate>Wed, 17 Oct 2018 16:57:00 +0800</pubDate><description><![CDATA[前言
最近接到一个需求，实现上传一个word文档，然后将该word转换成html丢给服务端存上。进行技术调研后发现有三种方法可以实现这个功能：ActiveXObject、docx2html、mammoth。
IE的 ActiveXObject
    var oWordApp=new   ActiveXObject("Word.Application");      
    var o...]]></description><category></category></item><item><title><![CDATA[从vue源码看Vue.set()和this.$set()]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072642</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072642</guid><author>diewan6825</author><pubDate>Thu, 30 Aug 2018 12:32:00 +0800</pubDate><description><![CDATA[前言
最近死磕了一段时间vue源码，想想觉得还是要输出点东西，我们先来从Vue提供的Vue.set()和this.$set()这两个api看看它内部是怎么实现的。
Vue.set()和this.$set()应用的场景
平时做项目的时候难免不会对数组或者对象进行这样的骚操作操作，结果发现，咦~~，他喵的，怎么页面没有重新渲染。
const vueInstance = new Vue({
 ...]]></description><category></category></item><item><title><![CDATA[微信、qq二次分享]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072645</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072645</guid><author>diewan6825</author><pubDate>Wed, 08 Aug 2018 20:33:00 +0800</pubDate><description><![CDATA[前言
我们平时做微信分享的时候，一般分享出来的页面都是一个简单的html页面，不会加入框架之类的东西。所以当我们在分享出来的页面里面再次进行分享的时候，由于我们没有配置分享的标题、描述这些东西，分享出去的卡片会是默认的样式。很显然对于产品和测试来说，如果我们分享出去的卡片不是定制化的，肯定是不行的，这种情况我们就需要在分享出来的这个页面里面单独配置微信和qq分享。
在分享页引入WxjsS...]]></description><category></category></item><item><title><![CDATA[rematch：当你受不了redux繁琐写法的时候，是时候了解一波rematch了]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072634</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072634</guid><author>diewan6825</author><pubDate>Fri, 27 Jul 2018 10:15:00 +0800</pubDate><description><![CDATA[前言：
前段时间学习完react后，刚好就接到公司一个react项目的迭代，顺便巩固一下前段时间的学习成果。项目使用的是redux+react-router，将所有的数据都放在redux中，异步处理数据使用redux-saga。由于是迭代项目，所以代码风格还是沿用之前项目的写法，将所有的数据都放在redux中。写redux的时候心中默默的吐槽了无数次，特别是每次从服务端异步获取数据的时...]]></description><category></category></item><item><title><![CDATA[react初探（二）之父子组件通信、封装公共组件]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072633</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072633</guid><author>diewan6825</author><pubDate>Mon, 02 Jul 2018 00:08:00 +0800</pubDate><description><![CDATA[一、前言
在组件方面react和Vue一样的，核心思想玩的就是组件，下面举两个组件常用的情景。
场景一：假如我们现在有一个页面包含表格以及多个弹框，这种时候如果将这个页面的业务代码写在一个组件中，那么这一块的代码会看着非常恶心。如果这个时候我们将这个页面的表格以及弹框这些单独的模块分别写成组件的形式，然后再在这个页面中将这些组件引入进来，那样我们的代码会看着非常整洁。这样做会需要使用...]]></description><category></category></item><item><title><![CDATA[react初探（一）之JSX、状态（state）管理、条件渲染、事件处理]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072632</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072632</guid><author>diewan6825</author><pubDate>Tue, 26 Jun 2018 00:07:00 +0800</pubDate><description><![CDATA[前言：
最近收到组长通知我们项目组后面新开的项目准备统一技术栈为react，目前我的情况是三大框架只会angular和Vue。在实际项目中只使用过一次angular5，其余项目都是使用Vue写的。写篇博客记录一下一些项目中经常使用的技巧在Vue和react中不同的实现方法。
使用JSX指定属性值和嵌入表达式：
（1）指定变量作为属性值

&lt;div title={type...]]></description><category></category></item><item><title><![CDATA[图解HTTP学习笔记]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072631</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072631</guid><author>diewan6825</author><pubDate>Wed, 20 Jun 2018 23:37:00 +0800</pubDate><description><![CDATA[前言：
一直觉得自己在HTTP基础方面都是处于知其然，不知其所以然的样子。最近利用空闲时间拜读了一下图解HTTP，写篇博客记录一下读书笔记。
TCP三次握手：
① 发送端首先发送一个带SYN标志的数据包给对方
②接收端收到后，回传一个带有SYN/ACK标志的数据包以示传达确认消息
③发送端再回传一个带ACK标志的数据包，代表“握手结束”
注意：若在握手的过程中某个阶段莫名...]]></description><category></category></item><item><title><![CDATA[使用mpvue开发小程序]]></title><link>https://blog.youkuaiyun.com/diewan6825/article/details/102072630</link><guid>https://blog.youkuaiyun.com/diewan6825/article/details/102072630</guid><author>diewan6825</author><pubDate>Wed, 13 Jun 2018 10:59:00 +0800</pubDate><description><![CDATA[前言：
最近接到小程序的开发需求，由于之前也没开发过小程序，心情还是有点激动。先花15分钟看一遍小程序官方文档，再花10分钟看一遍mpvue官方文档，然后拿着原型图和UI图就开干。踩了不少坑，写篇博客记录一下。PS：小程序官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/，mpvue官方文档：http://mpvue.c...]]></description><category></category></item></channel></rss>