<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[xiamocsdn的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/xiamocsdn</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; xiamocsdn]]></copyright><item><title><![CDATA[运行vue项目时报错opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ],]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/129951951</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/129951951</guid><author>xiamocsdn</author><pubDate>Tue, 04 Apr 2023 14:24:13 +0800</pubDate><description><![CDATA[【代码】运行vue项目时报错opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ],]]></description><category></category></item><item><title><![CDATA[【无标题】]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/129951505</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/129951505</guid><author>xiamocsdn</author><pubDate>Tue, 04 Apr 2023 14:13:47 +0800</pubDate><description><![CDATA[重新下载并安装node。]]></description><category></category></item><item><title><![CDATA[Safari浏览器兼容性问题]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/125221297</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/125221297</guid><author>xiamocsdn</author><pubDate>Fri, 10 Jun 2022 15:15:09 +0800</pubDate><description><![CDATA[解决Safari关于css样式的一些兼容性问题]]></description><category></category></item><item><title><![CDATA[chrome浏览器启动时候的默认网页设置不生效怎么解决]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/123889252</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/123889252</guid><author>xiamocsdn</author><pubDate>Fri, 01 Apr 2022 09:38:44 +0800</pubDate><description><![CDATA[chrome浏览器启动时候的默认网页设置不生效怎么解决

鼠标放在Google chrome图标上，右键点击属性
2.




]]></description><category></category></item><item><title><![CDATA[跨域资源共享（CORS）]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/109285496</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/109285496</guid><author>xiamocsdn</author><pubDate>Mon, 26 Oct 2020 12:14:41 +0800</pubDate><description><![CDATA[浏览器处于安全考虑，请求资源时将基于同源策略进行限制。而我们在实际开发中的大多数请求，都是跨域的。那么什么是同源策略？什么是跨域？我们要如何解决跨域的问题呢？
W3C为克服资源只能同源使用的限制，制定了CORS标准，即为“跨域资源共享”。
一、什么是同源策略
同源策略是由Netscape提出的一种浏览器安全策略，它保证了在没有明确授权的前提下，限制不同源之间的数据交换。所谓同源，指的是协议名、域名、端口号完全相同的源；有一个不同即为跨域。
二、CORS简介
CORS，即跨域资源共享，需要浏览器和服务器同时支]]></description><category></category></item><item><title><![CDATA[手动实现new、深拷贝、防抖、节流等js原生方法]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/107251669</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/107251669</guid><author>xiamocsdn</author><pubDate>Fri, 10 Jul 2020 15:18:17 +0800</pubDate><description><![CDATA[一、手动实现new操作符
new操作符的实现过程包括以下几个步骤：
1、创建一个空对象
2、将空对象的__proto__指向构造函数的 prototype；
3、将空对象的this值绑定到构造函数上；
4、通过new创建的对象，其prototype最终将指向构造函数的prototype
5、如果函数没有显式返回对象类型，那么new会返回这个this
根据new操作符的作用原理，我们可以创建以下函数来实现new：
function New(func){
	let res = {}
	if(func.proto]]></description><category></category></item><item><title><![CDATA[正则表达式的exec方法与字符串match方法的对比]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/90145423</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/90145423</guid><author>xiamocsdn</author><pubDate>Mon, 22 Jun 2020 14:09:55 +0800</pubDate><description><![CDATA[正则表达式的exec()方法
exec()是正则表达式检索字符串的方法，返回一个数组。
数组的第0个元素是与正则表达式相匹配的文本；第1个元素是与正则表达式第1个子表达式匹配的文本；第2个元素是与正则表达式第2个子表达式匹配的文本，以此类推。
示例：
var reg=/([^a-z])([a-z])/;//括号里的是子表达式，([^a-z]）子表达式表示非字母字符；([a-z])子表达式表示字母字...]]></description><category></category></item><item><title><![CDATA[阿里巴巴矢量图标库批量下载图标]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/100988631</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/100988631</guid><author>xiamocsdn</author><pubDate>Wed, 18 Sep 2019 17:00:23 +0800</pubDate><description><![CDATA[阿里巴巴矢量图标库是前端工程师常用到的一个网站。网址：阿里巴巴矢量图标库

但是每次下载图标都要挨个点击一下下载按钮，页面不提供批量下载。



操作起来很不方便。

后来我在网上查询，总算找到批量下载的方法，很简单，跟着操作就可以了：

1. 按F12，或者 右键--&gt;检查元素 打开浏览器的控制台：


	
	
2. 在控制台console处输入以下代码：


var iconList...]]></description><category></category></item><item><title><![CDATA[如何在react中使用mockjs来模拟数据]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/100827950</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/100827950</guid><author>xiamocsdn</author><pubDate>Sat, 14 Sep 2019 14:45:48 +0800</pubDate><description><![CDATA[一、引入mockjs：


sudo cnpm install mockjs


// mock.js
// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock("/mock",{  
  //"/mock"是通过ajax获取数据时填写的地址，可以随意写。但要和ajax请求时填写的地址一致。
	"userinfo|4":[{   		...]]></description><category></category></item><item><title><![CDATA[Redux的三大定律]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/100704774</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/100704774</guid><author>xiamocsdn</author><pubDate>Wed, 11 Sep 2019 15:51:39 +0800</pubDate><description><![CDATA[今天去面试的时候，面试者问了我这个问题：redux的三大定律指的是什么。
回想起来，我用过redux，但还没有做过系统的了解。这应该是一个很基础的问题，我却没有回答上来。
回家之后立刻总结了一下关于redux的资料，做进一步的了解。

Redux是什么？


Redux是JavaScript的状态管理容器，它可以运行在不同环境下。客户端、服务器端、原生应用都可以运行redux。需要注意的是，不...]]></description><category></category></item><item><title><![CDATA[如何将前后端分离的react+node+express+mongodb项目部署上线到阿里云]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/100535519</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/100535519</guid><author>xiamocsdn</author><pubDate>Wed, 04 Sep 2019 17:48:04 +0800</pubDate><description><![CDATA[前期将项目代码写好之后，第一次尝试上线，遇到不少问题。今天索性把过程梳理一下，希望以后的新手遇到跟我一样的问题时，能少走弯路。
这是一个前后端分离的项目。前端使用React➕Antd-Mobile构建用户界面，状态管理使用Redux；服务端是node+express，使用的是mongodb数据库。云服务器和域名在阿里云购买，数据库直接在云服务器上安装的mongodb。
项目地址：
一、购买云服务器...]]></description><category></category></item><item><title><![CDATA[Mac端如何使用Nginx配置多个域名]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/100056376</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/100056376</guid><author>xiamocsdn</author><pubDate>Sat, 24 Aug 2019 19:56:51 +0800</pubDate><description><![CDATA[上次写了如何将本地项目部署到Nginx上，今天正好需要在Nginx上部署两个不同项目，趁着刚刚顺利完成，将步骤写下来，以备将来查询。
一、将项目打包文件复制到Nginx目录下

二、把配置文件nginx.conf拖到编辑器里进行编辑，设置第一个前后端分离的项目

在nginx.conf里的http{}内，找到未被注释掉的server，配置项目路径。第一个文件是前后端分离的app应用，因此前、后端都...]]></description><category></category></item><item><title><![CDATA[引入antd-mobile过程中报错：The "injectBabelPlugin" helper has been deprecated as of v2.0. 【已解决】]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/97648800</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/97648800</guid><author>xiamocsdn</author><pubDate>Wed, 21 Aug 2019 17:04:42 +0800</pubDate><description><![CDATA[报错：The “injectBabelPlugin” helper has been deprecated as of v2.0. You can use customize-cra plugins in replacement - https://github.com/arackaf/customize-cra#available-plugins
原因是新版本的react-app-rewired...]]></description><category></category></item><item><title><![CDATA[Mac端如何将本地的react项目部署到Nginx上？【详细过程】]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/99974930</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/99974930</guid><author>xiamocsdn</author><pubDate>Wed, 21 Aug 2019 17:01:07 +0800</pubDate><description><![CDATA[前几天将项目完成之后，捋了一遍项目代码。这是一个前后端分离的项目，前端采用react全家桶+ES6技术栈、anted-mobile移动端组件库；后端使用node+express+mangodb+socketIO技术栈；数据库使用的是mongdb，并采用能够基于node.js环境下对mongodb进行便捷操作的mongoose对mongodb数据库进行增、删、改、查的操作。

项目完成之后需要打包部...]]></description><category></category></item><item><title><![CDATA[【CSS学习总结】--transition过渡属性]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/99617988</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/99617988</guid><author>xiamocsdn</author><pubDate>Thu, 15 Aug 2019 09:26:24 +0800</pubDate><description><![CDATA[目录

一、transition的定义和语法

1. 定义

2. 语法

transition-property

transition-duration

transition-timing-function

transition-delay

二、transition属性的使用

一、transition的定义和语法

1. 定义

transition是CSS3中新增的一个属性，...]]></description><category></category></item><item><title><![CDATA[【CSS学习总结】边框阴影：box-shadow]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/99584834</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/99584834</guid><author>xiamocsdn</author><pubDate>Wed, 14 Aug 2019 19:10:09 +0800</pubDate><description><![CDATA[今天在写一个点亮灯泡的小项目的时候，用到了box-shadow属性。感觉这个属性挺有意思的，索性专门整理一下。

一.box-shadow的定义和语法

二. box-shadow属性值的详细解析

1. h-shadow【必需】

2. v-shadow【必需】

3. blur【可选】

4. spread【可选】

5. color【可选】

6. inset 【可选】

7. 一些有...]]></description><category></category></item><item><title><![CDATA[git push代码之后，删除node_modules文件夹]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/99324249</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/99324249</guid><author>xiamocsdn</author><pubDate>Mon, 12 Aug 2019 19:06:40 +0800</pubDate><description><![CDATA[使用create-react-app脚手架工具搭建一个项目的时候，官方没有内置.gitignore文件。因此在git提交代码的时候容易忘记忽略node_modules的提交。
如果已经git push了才发现node_modules被提交上去，如何做才能再删除这个文件夹呢？
其实操作很简单，只要cd到项目文件夹下，创建一个.gitignore文件并指定git时要忽略的文件，再执行git rm -r...]]></description><category></category></item><item><title><![CDATA[Warning: Accessing PropTypes via the main React package is deprecated]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/99077736</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/99077736</guid><author>xiamocsdn</author><pubDate>Sat, 10 Aug 2019 15:19:09 +0800</pubDate><description><![CDATA[在使用react过程中，后台给出一个警告：
Warning: Accessing PropTypes via the main React package is deprecated, and will be removed in  React v16.0. Use the latest available v15.* prop-types package from npm instead.

上...]]></description><category></category></item><item><title><![CDATA[在react里实现点击回车键执行事件]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/98972369</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/98972369</guid><author>xiamocsdn</author><pubDate>Fri, 09 Aug 2019 18:15:03 +0800</pubDate><description><![CDATA[在网页应用里，我们搜索、提交账户名密码等等操作的过程中，不太经常会去一个个用鼠标点击提交或者执行某个按钮类型的操作。对于我个人而言，直接用回车键就很顺手了，鼠标还要去定位，很麻烦。
这几天在搭建一个前后端交互应用app的，最后完善项目一些细节的时候想要加上这个小小的便捷操作功能。
项目是用react+antd-mobile搭建的。如果是用JavaScript代码实现的话，直接在body标签里绑定o...]]></description><category></category></item><item><title><![CDATA[Webpack创建react项目的时候babel报错：TypeError: this.setDynamic is not a function]]></title><link>https://blog.youkuaiyun.com/xiamocsdn/article/details/97516573</link><guid>https://blog.youkuaiyun.com/xiamocsdn/article/details/97516573</guid><author>xiamocsdn</author><pubDate>Sat, 27 Jul 2019 15:10:23 +0800</pubDate><description><![CDATA[今天用webpack搭建一个react项目的时候总是报错：
Module build failed (from ./node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js):
TypeError: this.setDynamic is not a function

显示模块构建失败，并且问题出在babel里。

查到网上有人出现过和我...]]></description><category></category></item></channel></rss>