<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[coca_cola_1105的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/coca_cola_1105</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; coca_cola_1105]]></copyright><item><title><![CDATA[第一次安装typescript引出的问题]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/129214010</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/129214010</guid><author>coca_cola_1105</author><pubDate>Sat, 25 Feb 2023 12:03:21 +0800</pubDate><description><![CDATA[sudo npm i typescript
]]></description><category></category></item><item><title><![CDATA[export和export defult的区别]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/128964954</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/128964954</guid><author>coca_cola_1105</author><pubDate>Fri, 10 Feb 2023 10:08:05 +0800</pubDate><description><![CDATA[require和import的区别以及export和export default的区别]]></description><category></category></item><item><title><![CDATA[class类 static]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/128947727</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/128947727</guid><author>coca_cola_1105</author><pubDate>Thu, 09 Feb 2023 10:11:55 +0800</pubDate><description><![CDATA[class 类 static继承实例化规则]]></description><category></category></item><item><title><![CDATA[2023react面试题]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/128865798</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/128865798</guid><author>coca_cola_1105</author><pubDate>Tue, 07 Feb 2023 14:25:42 +0800</pubDate><description><![CDATA[自我react查漏补缺]]></description><category></category></item><item><title><![CDATA[react点击其他地方关闭Modal框]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/127120456</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/127120456</guid><author>coca_cola_1105</author><pubDate>Fri, 30 Sep 2022 11:26:27 +0800</pubDate><description><![CDATA[服务端渲解决点击其他地方关闭Modal框]]></description><category></category></item><item><title><![CDATA[解决Next.js使用Arco design select框 option不显示问题]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/127120008</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/127120008</guid><author>coca_cola_1105</author><pubDate>Fri, 30 Sep 2022 11:14:56 +0800</pubDate><description><![CDATA[Nextjs 踩坑]]></description><category></category></item><item><title><![CDATA[什么是cmd？什么是PowerShell？Terminal？]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/126008379</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/126008379</guid><author>coca_cola_1105</author><pubDate>Wed, 27 Jul 2022 10:24:15 +0800</pubDate><description><![CDATA[什么是cmd？什么是PowerShell？区别是什么？]]></description><category></category></item><item><title><![CDATA[npm安装包原理]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/125426045</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/125426045</guid><author>coca_cola_1105</author><pubDate>Thu, 23 Jun 2022 14:22:32 +0800</pubDate><description><![CDATA[详解npm安装包原理和运行指令原理]]></description><category></category></item><item><title><![CDATA[使用Electron将HTML项目打包为桌面应用exe文件]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/124267869</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/124267869</guid><author>coca_cola_1105</author><pubDate>Tue, 19 Apr 2022 10:51:41 +0800</pubDate><description><![CDATA[后端的java项目好像是前后端不分离的那种，前端基础环境需要node和npm。
① 进入需要打包的项目文件夹中，打开cmd进入该目录。
快捷键 win+r 输入cmd 进入默认在c盘目录 输入 d: 进入d盘 再输入dir查看目录文件 cd文件名进入。
② npm init
项目中会多出一个package.json文件，以下是默认内容：
{
  "name": "needle-server",
  "version": "1.0.0",
  "description": "",
  "main": "ind]]></description><category></category></item><item><title><![CDATA[cross-env]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/124252669</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/124252669</guid><author>coca_cola_1105</author><pubDate>Mon, 18 Apr 2022 16:26:06 +0800</pubDate><description><![CDATA[在react开发中，npm script 脚本中有cross-env那什么是cross-env？

它是运行跨平台设置和使用环境变量的脚本（Node环境变量）

为什么需要cross-env？
我们在自定义配置环境变量的时候，由于在不同环境下，配置方式也是不同的。例如在windows和linux。

cross-env 能够提供一个设置环境变量的scripts，这样我们就能够以unix方式设置环境变量，然而在windows上也能够兼容的。

使用：
npm install --save-dev cross-]]></description><category></category></item><item><title><![CDATA[Docker浅析]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/124146468</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/124146468</guid><author>coca_cola_1105</author><pubDate>Wed, 13 Apr 2022 14:46:10 +0800</pubDate><description><![CDATA[背景
先了解下虚拟机：带环境安装的一种解决方案。它可以在一种操作系统里面运行另外一种操作系统，比如在windows系统运行Linux系统。可以通过虚拟机还原软件的原始环境，但有缺点：
①占用资源多 ②冗余步骤 ③启动慢
所以这里又引入一个概念：Linux容器。Linux容器不是一个完整的操作系统，而是对进程进行隔离。犹豫容器是进程级别的，相比虚拟机有很多优势：
①启动快 ②资源占用少 ③体积小
Docker概念：属于对Linux容器的一种封装，提供简单易用的容器使用接口。是目前最流行的Linuxs容器解决方]]></description><category></category></item><item><title><![CDATA[react路由跳转三种方式]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/123878683</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/123878683</guid><author>coca_cola_1105</author><pubDate>Thu, 31 Mar 2022 17:29:19 +0800</pubDate><description><![CDATA[Link to 跳转
   &lt;Link to='/path'&gt;
         {name}
  &lt;/Link&gt;

编程式跳转
import {history} from 'umi'
 
onClick = ()=&gt;{
	history.push('/path')
}



]]></description><category></category></item><item><title><![CDATA[了解npx]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/123851500</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/123851500</guid><author>coca_cola_1105</author><pubDate>Wed, 30 Mar 2022 17:17:52 +0800</pubDate><description><![CDATA[最近做低代码，用到的都是之前写vue没接触过的东西。今天就遇到一个解决我问题的npx。先来了解下npx是个什么东西。
概念：npm从5.2增加了npx命令。node自带npm模块，所以可以直接使用npx命令。如果不能用就手动安装下。
$ npm install -g npx

那么npx主要是用来解决什么问题的呢？
就是调用项目内部安装的模块。
原理：运行时会到node_modules/bin路径和环境变量PATH里面，检查命令是否存在。由于npx会检查环境变量PATH里面，检查命令是否存在。由于npx会检]]></description><category></category></item><item><title><![CDATA[react引入静态svg]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/123819293</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/123819293</guid><author>coca_cola_1105</author><pubDate>Tue, 29 Mar 2022 13:40:29 +0800</pubDate><description><![CDATA[react 如何引入经验svg 变成列表渲染
  const req = (require as any).context('../../../../public/icons/svg', false, /\.svg$/);
  const requireAll = (requireContext: any) =&gt; requireContext.keys().map(requireContext);
  const iconList = requireAll(req);


...]]></description><category></category></item><item><title><![CDATA[vue和小程序的异同]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/123067824</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/123067824</guid><author>coca_cola_1105</author><pubDate>Tue, 22 Feb 2022 18:10:38 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[小程序弹框后禁止滑动]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/122218883</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/122218883</guid><author>coca_cola_1105</author><pubDate>Tue, 22 Feb 2022 14:37:24 +0800</pubDate><description><![CDATA[&lt;page-meta page-style="{{ isShowCoupon ? 'overflow: hidden;' : '' }}" /&gt;



isShowCoupon :true 弹框出现
]]></description><category></category></item><item><title><![CDATA[关于Vue的一些小记录]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/122317127</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/122317127</guid><author>coca_cola_1105</author><pubDate>Wed, 05 Jan 2022 10:00:41 +0800</pubDate><description><![CDATA[受现代 JavaScript 的限制，Vue不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性遍历执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。
解决办法：
数组
this.$set(Array, index, newValue)

对象
this.$set(Object, key, value)

有时你想向已有对象上添加一些属性，例如使用 Object.assign() 或 _.extend() 方法来添加]]></description><category></category></item><item><title><![CDATA[使用webpack创建项目vue项目和vue-cli3创建项目的区别]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/122252208</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/122252208</guid><author>coca_cola_1105</author><pubDate>Fri, 31 Dec 2021 11:06:27 +0800</pubDate><description><![CDATA[vue-cli 内部封装了 webpack,对外仅仅提供几个依赖。而且做了很多适合 vue 项目的优化，同时你可以用 vue.config.js 来管理项目。package.json 非常清爽
webpack 更符合针有特定需求，毕竟是原生。不过管理起来也更加复杂。不过社区有升级，可以第一时间获取升级优势。前一种只能等待 vue-cli 项目升级
一般来说，vue-cli 够用了，但是 vue-cli 能实现的，webpack 一定能实现，反之，不一定
————————————————
原文链接：https]]></description><category></category></item><item><title><![CDATA[7种方法解决移动端Retina屏幕1px边框问题]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/122124766</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/122124766</guid><author>coca_cola_1105</author><pubDate>Fri, 24 Dec 2021 11:46:32 +0800</pubDate><description><![CDATA[7种方法解决移动端Retina屏幕1px边框问题
参考链接

]]></description><category></category></item><item><title><![CDATA[深入理解Promise]]></title><link>https://blog.youkuaiyun.com/coca_cola_1105/article/details/122087849</link><guid>https://blog.youkuaiyun.com/coca_cola_1105/article/details/122087849</guid><author>coca_cola_1105</author><pubDate>Thu, 23 Dec 2021 14:36:37 +0800</pubDate><description><![CDATA[6个静态方法：

 Promise.resolve()
	 Promise.reject()
	 Promise.all()
	 Promise.allSettled()
	 Promise.any()
	  Promise.race()
实例方法：

  Promise.prototype.catch()
	 Promise.prototype.finally()
	  Promise.protptype.then()
...]]></description><category></category></item></channel></rss>