<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[TaoLand]]></title><description><![CDATA[个人博客：www.yangyuetao.cn]]></description><link>https://blog.youkuaiyun.com/qq_37398213</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_37398213]]></copyright><item><title><![CDATA[flutter初探]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/88857635</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/88857635</guid><author>qq_37398213</author><pubDate>Wed, 27 Mar 2019 22:44:18 +0800</pubDate><description><![CDATA[这两天看了下flutter，感觉这两年可能会爆发，所以尝试在mac和win10上面跑了下hello world…

移动技术简介

原生开发
跨平台技术简介

H5+原生（Cordova、Ionic、微信小程序）

通过原生的网页加载控件WebView (Android)或WKWebView（ios）来加载。我们称这种h5+原生的开发模式为混合开发 ，采用混合模式开发的APP我们称之为混合应用或...]]></description><category></category></item><item><title><![CDATA[electron热更新与windows下的安装包]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/86726776</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/86726776</guid><author>qq_37398213</author><pubDate>Thu, 31 Jan 2019 21:41:43 +0800</pubDate><description><![CDATA[
帮朋友公司做了点东西，他说有很多bug，我一看，基本问题都是浏览器兼容引起的，而electron内带Chromium内核，正好一直想尝试下electron,所以研究了一波。这里只是简单的使用electron作为壳，把自己的项目嵌进去，更多深入研究以后再来。

打包自己的项目
这里没啥说的自己的项目打包下来,类似下面

快速开始electron

上手electron，官方提供了一个非常好的快速上...]]></description><category></category></item><item><title><![CDATA[webpack-ts-react-dva脚手架]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/86726749</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/86726749</guid><author>qq_37398213</author><pubDate>Thu, 31 Jan 2019 21:38:31 +0800</pubDate><description><![CDATA[
2019有太多的东西想尝试，ts,GraphQL,SSR,docker,python,electron,小程序云后台,vue3等等,一个个来吧,用两天了解了下typescript,大概做了个webpack-ts-react-dva的脚手架出来,因为接触TS的时间才几天，所以有些地方的代码自己都觉得写的很丑，老司机请多指教



是在半年前 webpack4构建react脚手架 基础上修改的，这样...]]></description><category></category></item><item><title><![CDATA[新玩具，React v16.7.0-alpha Hooks]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/83446562</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/83446562</guid><author>qq_37398213</author><pubDate>Sat, 27 Oct 2018 15:19:07 +0800</pubDate><description><![CDATA[
周五看见React v16.7.0-alpha Hooks，今早起来看见圈里已经刷屏了Hooks，正好周末，正好IG和G2的比赛还没开始，研究下。。。

刚刚接触react时候非常喜欢用函数式组件，因为太简洁了写起来非常快，然后然后。。写到后面发现很多自己以前写的组件需要改。。为什么呢，因为自己当时写的时候考虑的不周到，后期发现很多地方都需要生命周期和状态来进行渲染优化，然后就是大量修改函数式为...]]></description><category></category></item><item><title><![CDATA[antd在线换肤定制功能]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/82695072</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/82695072</guid><author>qq_37398213</author><pubDate>Thu, 13 Sep 2018 21:17:46 +0800</pubDate><description><![CDATA[
  最近react项目，用的antd框架，然后看见他的antdPro例子里面有个定制功能很帅，老大说做，那就做吧，鼓捣了一晚终于实现了。


先看预览效果吧



css换肤

入行前端的时候经常看鱼哥(张鑫旭)的博客，记得看过 这篇 ，当时很惊叹，原理其实很简单，就是我们最能想到的方式，多个css，然后用JS替换从而达到换肤效果。但是这个有局限性，比如我们用的是antdUI库，我们不可能每个颜...]]></description><category></category></item><item><title><![CDATA[webpack创建library及从零开始发布一个npm包]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/82389844</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/82389844</guid><author>qq_37398213</author><pubDate>Tue, 04 Sep 2018 20:30:46 +0800</pubDate><description><![CDATA[
  最近公司有个需求，我们部门开发一个平台项目之后，其他兄弟部门开发出的插件我们可以拿来直接用，并且不需要我们再进行打包，只是做静态的文件引入，研究一波后发现，webpack创建library可以实现。




创建library


完整代码
核心代码为




    output: {
        path: DIST_PATH,
        publicPath: &quot;&quot;,
   ...]]></description><category></category></item><item><title><![CDATA[react性能优化]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/82284244</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/82284244</guid><author>qq_37398213</author><pubDate>Sat, 01 Sep 2018 09:26:16 +0800</pubDate><description><![CDATA[
  刚开始写react可能只是写出来完成业务就完了，后期审查代码发现可能很多地方其实都可以优化，之前可能有些地方似是而非，在此小结一下。




一些概念



Virtual DOM


  react引入了一个叫做虚拟DOM的概念，安插在JavaScript逻辑和实际的DOM之间。这一概念提高了Web性能。在UI渲染过程中，React通过在虚拟DOM中的微操作来实对现实际DOM的局部更新。
...]]></description><category></category></item><item><title><![CDATA[CSS Grid布局入门]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81735569</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81735569</guid><author>qq_37398213</author><pubDate>Thu, 16 Aug 2018 09:29:16 +0800</pubDate><description><![CDATA[
  相信大家都比较熟悉flex布局了，最近有空研究了波grid布局，感觉虽然兼容性还不是太高，应用不是太普遍，但是功能非常强大。未来应该是grid+flex为主流，grid是二维布局，很灵活，适合整体构架，而flex是一维布局，适合处理局部细节。




介绍


CSS 网格布局(Grid Layout) 是CSS中最强大的布局系统。 这是一个二维系统，这意味着它可以同时处理列和行，不像 fl...]]></description><category></category></item><item><title><![CDATA[vue+node+mongoDB前后端分离个人博客(入门向)]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81607142</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81607142</guid><author>qq_37398213</author><pubDate>Sun, 12 Aug 2018 15:51:03 +0800</pubDate><description><![CDATA[
  最近学习了VUE，自己为了学习做了个小小的博客，功能很简单，不过开发过程中也遇到了很多坑，所以记录下来方便以后使用。欢迎大家交流学习。




功能


实现了用户注册、登录、token检测登录、用户留言、个人中心、图片上传、博客管理（文章的修改和删除）、文章编辑（Markdown）、标签分类等功能。
前端使用vue全家桶（cli,router,vuex,axios），框架用的element...]]></description><category></category></item><item><title><![CDATA[map、reduce处理数据结构及常见案例]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81606966</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81606966</guid><author>qq_37398213</author><pubDate>Sun, 12 Aug 2018 15:38:27 +0800</pubDate><description><![CDATA[
  随着三大前端框架和小程序的流行，MVVM大行其道，而其中的核心是 ViewModel 层，它就像是一个中转站（value converter），负责转换 Model 中的数据对象来让数据变得更容易管理和使用，该层向上与视图层进行双向数据绑定，向下与 Model 层通过接口请求进行数据交互，起呈上启下作用，因此处理数据结构就变得非常重要了。


前端发展的历史

在上个世纪的1989年，欧洲核...]]></description><category></category></item><item><title><![CDATA[WIN10下搭建react-native开发Android环境]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81606854</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81606854</guid><author>qq_37398213</author><pubDate>Sun, 12 Aug 2018 15:28:03 +0800</pubDate><description><![CDATA[
  最近公司要求使用react-native进行移动端开发，据说macOS上开发坑会少的多，但我们是windows，莫法，直接抗吧！周末配置环境遇到很多问题，谨以此文做个记录。。。


准备


安装Chocolatey


  Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get
  
  以管理员的身份来运行命令提示符 
  打开C盘里的Wind...]]></description><category></category></item><item><title><![CDATA[node使用JsonWebToken 生成token,完成用户登录、登录检测]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81606824</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81606824</guid><author>qq_37398213</author><pubDate>Sun, 12 Aug 2018 15:25:00 +0800</pubDate><description><![CDATA[
  最近在用node做后台的登录，检测登录功能。在本地使用session可以成功，但是放服务器后发现session失效了，每次请求session都会变化，着了很久原因。原来，自己项目是前后端分离的，前端调用后端api接口，因此使用cors = require('cors')来解决了跨域问题，而跨域对于cookie来说，就是两个不同的网站，因此session会不停的变。


起因

最近在用nod...]]></description><category></category></item><item><title><![CDATA[vue-router和锚点冲突问题]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81606802</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81606802</guid><author>qq_37398213</author><pubDate>Sun, 12 Aug 2018 15:23:16 +0800</pubDate><description><![CDATA[
  传统的锚点定位会与vue-router中的路由设置存在冲突，都是使用’#’进行的，所以这里使用一直方法来模拟锚点跳转，并使用tween.js达到动态的过度效果




不使用原生锚点，使用这种方式解决

import '../static/js/animation.js'
import '../static/js/tween.js'

&amp;lt;a href=&quot;javascript:;&quot; @c...]]></description><category></category></item><item><title><![CDATA[centos7安装MongoDB3.4]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81606767</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81606767</guid><author>qq_37398213</author><pubDate>Sun, 12 Aug 2018 15:20:00 +0800</pubDate><description><![CDATA[1.配置MongoDB的yum源


创建yum源文件： 
vim /etc/yum.repos.d/mongodb-org-3.4.repo
添加以下内容：




[mongodb-org-3.4]  
name=MongoDB Repository  
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/3....]]></description><category></category></item><item><title><![CDATA[小程序https请求，http网站升到https]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81606736</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81606736</guid><author>qq_37398213</author><pubDate>Sun, 12 Aug 2018 15:17:26 +0800</pubDate><description><![CDATA[
  最近开发小程序，因为以前只写过小程序的前端没注意接口，现在才发现原来所有的接口都必须使用https协议了，马上研究了一波，顺便也想给自己的博客升成https的。




申请免费证书


哈哈没办法就是喜欢免费的。。。真是煞费苦心找了很久。。还是找到咯
https://freessl.org/进去有两个选项，一个亚洲诚信的（一年），一个let’s encrypt（3个月）,我选的亚洲诚信的
...]]></description><category></category></item><item><title><![CDATA[react组件的创建]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81606681</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81606681</guid><author>qq_37398213</author><pubDate>Sun, 12 Aug 2018 15:12:07 +0800</pubDate><description><![CDATA[
  最近项目接触react和rn，之前会一些vue和小程序，起初写react是很难受的，尤其是jsx的写法，不过2周过后感觉写起来有点舒服了。。。


目前react的组件一共有3种方式：React.createClass,React.Component,函数式



React.createClass(API已经移除)


  这是早期react组件的创建方式，如果你看的文章是几年之前写的，很...]]></description><category></category></item><item><title><![CDATA[vue打包优化]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81606614</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81606614</guid><author>qq_37398213</author><pubDate>Sun, 12 Aug 2018 15:05:44 +0800</pubDate><description><![CDATA[
  网站首页第一次加载很慢，优化过后从十多二十秒缩短到了几秒，主要是打包的时候按需加载了，然后使用了gzip压缩。



这是优化之前的 

发现vendor特别大，所有引用的第三方库都会打到这个包里面;另外就是之前打包没有做懒加载处理，所有组件都会打包进app.js； 

优化主要考虑3方面

分包

修改router

//这是以前的引入方式
import CommonLayout from...]]></description><category></category></item><item><title><![CDATA[webpack4构建react脚手架]]></title><link>https://blog.youkuaiyun.com/qq_37398213/article/details/81606349</link><guid>https://blog.youkuaiyun.com/qq_37398213/article/details/81606349</guid><author>qq_37398213</author><pubDate>Sun, 12 Aug 2018 14:59:26 +0800</pubDate><description><![CDATA[`create-react-app` 脚手架还没有更新到webpack4，但是猛然间发现webpack4已经到 **v4.12.0** 版本了！！！慌得不行，正好端午有空所以研究了一波，自己搭建了一个简单的react脚手架。实现本地代理,cssModule,css预处理,postCss,文件压缩等常用的功能]]></description><category></category></item></channel></rss>