<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Your life needs a sense of ritual!]]></title><description><![CDATA[你的生活需要仪式感！]]></description><link>https://blog.youkuaiyun.com/BeautyBeier</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; BeautyBeier]]></copyright><item><title><![CDATA[Redux的使用]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/82706984</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/82706984</guid><author>BeautyBeier</author><pubDate>Tue, 27 Nov 2018 15:15:34 +0800</pubDate><description><![CDATA[介绍Redux

Redux是一个JavaScript库，用于管理应用的前端状态。Redux并非React应用的必须条件，但是随着网络应用的复杂性越来越高，状态管理不当可能会导致bug。Redux应用中的全局状态存储在单一数据源store中。因为状态的更新受到严格控制，使得Redux非常具有可预测性。



Redux = Reducer + Flux 
Flux:是官方推出的辅助使用的框架！

...]]></description><category></category></item><item><title><![CDATA[G480改装固态硬盘、光驱变机械硬盘以及装系统（下）]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/83900304</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/83900304</guid><author>BeautyBeier</author><pubDate>Fri, 09 Nov 2018 16:57:38 +0800</pubDate><description><![CDATA[装系统需要注意的事项：
1.预装win8机型默认是UEFI+GPT，win7默认是Legacy+MBR，win8改win7需要改BIOS和硬盘分区表，此时需要备份所有硬盘数据
2、如果内存2G及以下，选择安装32位x86系统，内存4G及以上选择安装64位x64系统
一、准备工作
1、lenovo G480笔记本电脑
2、启动U盘：如何制作大白菜u盘启动盘
注意：启动盘制作“模式”要选择带“HDD”...]]></description><category></category></item><item><title><![CDATA[联想G480改装固态硬盘、光驱变机械硬盘以及装系统（上）]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/83898943</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/83898943</guid><author>BeautyBeier</author><pubDate>Fri, 09 Nov 2018 15:53:13 +0800</pubDate><description><![CDATA[一、 准备工作
1.首先，需要购入一块固态硬盘，G480这款电脑最好使用SATA3.0  的固态硬盘，这里我购入的是联想SATA3.0  128G的固态，我选的是JD上的这款，用着还不错
链接固态硬盘
2.如果你还想要保留机械硬盘，那就需要购入光驱托架，我购入的这款就是适合G480的，链接越泰光驱位硬盘托架2.5 寸 SATA3机械SSD固态支架盒 适用联想Y450G450E430G480
3.如...]]></description><category></category></item><item><title><![CDATA[将博客搬至优快云]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/84576631</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/84576631</guid><author>BeautyBeier</author><pubDate>Thu, 01 Nov 2018 15:53:00 +0800</pubDate><description><![CDATA[
  
    
            博客会同步更新到优快云
链接地址：优快云博客

          
  

]]></description><category></category></item><item><title><![CDATA[XAMPP启动apache，mysql报错：This may be due to a blocked port, missing dependencies...]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/84576626</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/84576626</guid><author>BeautyBeier</author><pubDate>Thu, 01 Nov 2018 15:41:00 +0800</pubDate><description><![CDATA[
  
    
            最近在学习微信小程序，需要安装微信小程序的后台，而后台的运行服务器的，so使用到了XAMPP,先是在安装的过程中提示了一个错误：






xampp报错

这个上面的提示大概意思：就是你已经安装过visual C++ 2008了，so 在运行这软件之前先运行setup_xampp.bat这个批处理文件！
最常遇到到就是端口被占用的问题，如下图所示：

...]]></description><category></category></item><item><title><![CDATA[本地DNS服务器无法解析mp.weixin.qq.com]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/83543729</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/83543729</guid><author>BeautyBeier</author><pubDate>Tue, 30 Oct 2018 16:11:12 +0800</pubDate><description><![CDATA[如何解决点击：
本地DNS服务器无法解析解决方法

]]></description><category></category></item><item><title><![CDATA[本地DNS服务器无法解析mp.weixin.qq.com]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/84576621</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/84576621</guid><author>BeautyBeier</author><pubDate>Tue, 30 Oct 2018 14:47:00 +0800</pubDate><description><![CDATA[
  
    
            本地DNS服务器无法解析mp.weixin.qq.com


最近开发一个项目出现了一个问题，不能访问某一个网站，先是ping 了下微信端的服务器mp.weixin.qq.com




提示超时

提示显示数据全部丢失
然后look了下服务器链接信息





提示非权威应答

解决办法
1、DNS换成公网的DNS服务器就可以打开微信网站。
在命令提示行...]]></description><category></category></item><item><title><![CDATA[微信小程序开发介绍和准备(一)]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/82698646</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/82698646</guid><author>BeautyBeier</author><pubDate>Fri, 14 Sep 2018 10:26:53 +0800</pubDate><description><![CDATA[微信小程序的文档地址：微信小程序开发文档 
 
一个小程序页面由四个文件组成，（文件的名字最好是相同的，减少开发 ）]]></description><category></category></item><item><title><![CDATA[React的生命周期函数]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/82661859</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/82661859</guid><author>BeautyBeier</author><pubDate>Wed, 12 Sep 2018 15:08:00 +0800</pubDate><description><![CDATA[



shouldComponentUpdate () {
    return true
    //返回true 或者 false，返回false时，上图shouldComponentUpdate下面的函数都不会被执行！返回true,则继续执行！
}

componentWillReceiveProps() {} 
//一个组件要从父组件接收参数 
//如果这个组件第一次存在于父组件中，不会...]]></description><category></category></item><item><title><![CDATA[使用charles进行接口数据模拟]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/82500731</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/82500731</guid><author>BeautyBeier</author><pubDate>Fri, 07 Sep 2018 18:05:43 +0800</pubDate><description><![CDATA[介绍  charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器·它允许一个开发者查看所有连接互联网的HTTP通信·这些包括request, response和HTTP headers （包含cookies与caching信息）.



1.charles的安装

Charles下载地址：https://pan.baidu.com/s/1mi2YZna（百度网盘这里是V4.1.2版本...]]></description><category></category></item><item><title><![CDATA[react开发——TodoList]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/82461812</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/82461812</guid><author>BeautyBeier</author><pubDate>Thu, 06 Sep 2018 15:19:31 +0800</pubDate><description><![CDATA[React现在很流行的前端开发框架，这次以TodoList 开发来介绍react



一、开发前的准备

1.开发前电脑要安装好NodeJS（nodeJs 官网地址）
2.npm命令行安装； 安装成功后通过`node-v` 和 `npm-v`来查看是否安装成功； 
3.上面两个安装好后，运行命令行 `npm install -g create-react-app` ——安装react脚手架


...]]></description><category></category></item><item><title><![CDATA[开发webApp准备一]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/81485755</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/81485755</guid><author>BeautyBeier</author><pubDate>Wed, 08 Aug 2018 11:32:54 +0800</pubDate><description><![CDATA[如何在原有项目基础上开发整个webApp

前端页面的扩展和开发
NodeJS服务端环境的搭建和服务设施的提供
mock数据的提供和模拟


webApp整体搭建方式

逆向软件工程
用自己熟悉的技术、反推
基于通用过的工程、反推


下面是一个项目的构建目录 
...]]></description><category></category></item><item><title><![CDATA[FlexBox布局上]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/81392511</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/81392511</guid><author>BeautyBeier</author><pubDate>Mon, 06 Aug 2018 17:35:37 +0800</pubDate><description><![CDATA[布局作为前端中重要的部分，对于其的掌握尤为重要，Flex布局是一种全新的针对web和移动开发布局应用而生。它可以 简便、完整、响应式地实现各种页面布局。目前它已经得到了所有浏览器的支持。



一、FlexBox布局



1.1FlexBox是什么意思呢？

Flexible(形容词)能够伸缩或者很容易变化，以适应外界条件的变化。
box(名词)：通用的的矩形容器




1.2什么是FlexB...]]></description><category></category></item><item><title><![CDATA[仿京东手机端地址选择四级地址选择]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/81332886</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/81332886</guid><author>BeautyBeier</author><pubDate>Wed, 01 Aug 2018 16:19:01 +0800</pubDate><description><![CDATA[地址选择器是很多商城开发中必不可少的组件，有三级联动、四级联动等各种地址选择器。所有的地址选择的核心原理都是相同的，下面是仿京东地址选择的效果图： 
 
使用方法： 
install

npm install ajax-picker --save

import



import AjaxPicker from 'ajax-picker'

或者以普通的方式引入



&amp;lt;script sr...]]></description><category></category></item><item><title><![CDATA[vue商城路由配置及组件的使用]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/78962383</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/78962383</guid><author>BeautyBeier</author><pubDate>Wed, 03 Jan 2018 16:09:50 +0800</pubDate><description><![CDATA[1.vue路由的配置1)vue项目import Vue from 'vue' //引入vue
import Router from 'vue-router' //引入路由信息Vue.use(Router) //初始化路由信息const MemberStore = (resolve) => {
  import('components/memberStore/memberStore').then((m]]></description><category></category></item><item><title><![CDATA[vue 开发微商城-项目的构造-1]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/78961162</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/78961162</guid><author>BeautyBeier</author><pubDate>Wed, 03 Jan 2018 14:53:15 +0800</pubDate><description><![CDATA[1.vue是基于MVVM模式的框架，即通过数据来操作DOM结构，最为突出的特点就是双向数据绑定的特点；如下图所示是vue-cli搭的脚手架项目文件的构成 
 
2.主要代码的编写是src文件，一般来说一个大项目的文件结构如下图所示： 
 
这样的项目结构有利于项目的开发和后期的维护。 
3.main.js 项目的基本配置以及挂载



//引入项目所需要的基础组件
import 'babel-po]]></description><category></category></item><item><title><![CDATA[vue 开发项目前的准备]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/78953473</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/78953473</guid><author>BeautyBeier</author><pubDate>Tue, 02 Jan 2018 16:58:10 +0800</pubDate><description><![CDATA[一、vue开发前的准备 1.node.js环境搭建和npm的安装node.js的官网只需要登录官网看到‘install’按钮就可以直接下载安装； 
 
安装完成后运行cmd命令，输入node -v出现下图提示的版本号就表示安装成功了 
 
①npm作为NodeJs的模块管理-npm有一些基础的命令例如：npm init , npm set, npm config等，具体可以看地址：地址链接 2.安装]]></description><category></category></item><item><title><![CDATA[本地localhost换成本地的IP地址后不能访问的原因]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/73644320</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/73644320</guid><author>BeautyBeier</author><pubDate>Fri, 23 Jun 2017 14:09:46 +0800</pubDate><description><![CDATA[首先要明白localhost是本地DNS解析的127.0.0.1的域名；而IP本机IP则指你连到网络上的IP地址，可以是内网地址，当然也可能是公网IP；1.本地的服务器是IIS服务器,需要在程序-功能——打开和关闭windows防火墙中勾选web Http协议； 
 
这样本地测试时localhost就可以换成本机的IP地址了； 
2.如果你相要通过手机来测试web应用的页面，可以通过这个ip地址来]]></description><category></category></item><item><title><![CDATA[vue.js的devtools安装]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/72829877</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/72829877</guid><author>BeautyBeier</author><pubDate>Thu, 01 Jun 2017 11:46:58 +0800</pubDate><description><![CDATA[安装 
1.github下载地址：https://github.com/vuejs/vue-devtools 
2.下载好后进入vue-devtools-master工程  执行npm install —–>npm run build. 
3.修改manifest.json 中的persistent为true 
左侧是mainfest.json所在的文件夹目录vue-devtools-master\]]></description><category></category></item><item><title><![CDATA[解决WampServer图标不变绿的方法]]></title><link>https://blog.youkuaiyun.com/BeautyBeier/article/details/69499706</link><guid>https://blog.youkuaiyun.com/BeautyBeier/article/details/69499706</guid><author>BeautyBeier</author><pubDate>Fri, 07 Apr 2017 09:21:22 +0800</pubDate><description><![CDATA[wampserver运行后图标一直是橙色，无法使用。 
可能的原因：电脑打开——控制面板——管理工具——计算机管理——服务，显示如下图： 
发现只有wampsqld服务项，而没有wampapache服务项。正常情况下这两个服务都应该运行的。需要我们重新安装Apache服务。 
如图 
 
然后会弹出一个命令提示符窗口，按任意键即可。 
如果在“服务”窗口中也没有看到wampsqld服务的话，可以按同]]></description><category></category></item></channel></rss>