<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[阵雨的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yuyuking</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yuyuking]]></copyright><item><title><![CDATA[鼠标右键cmd here]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/143215328</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/143215328</guid><author>yuyuking</author><pubDate>Thu, 24 Oct 2024 17:43:12 +0800</pubDate><description><![CDATA[·····]]></description><category></category></item><item><title><![CDATA[读《人月神话》的一些感受]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/128900878</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/128900878</guid><author>yuyuking</author><pubDate>Mon, 06 Feb 2023 14:21:32 +0800</pubDate><description><![CDATA[最近在读《人月神话》，这是一本成书于 1975 年的关于软件工程的书，考虑到计算机领域的飞速发展，这本书真的可以算是计算机历史上洪荒时代的作品了，然而虽然时代久远，但是这本书仍然被无数人推荐必读，可谓畅销数十年。既然如此，作为半路出家的软件开发工程师，我当然要拜读一下了。]]></description><category></category></item><item><title><![CDATA[js四舍五入和计算精度问题]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/125335773</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/125335773</guid><author>yuyuking</author><pubDate>Mon, 27 Jun 2022 13:46:50 +0800</pubDate><description><![CDATA[在电商网站中经常有金额的计算，但是在js中加减乘除的计算并不准确，比如：0.1+0.2 = 0.3000000000000004。那么势必会造成线上的事故，毕竟关于钱的事都是大事。
我们可以通过引入 mathjs 解决这个问题安装：引入和使用：
常用方法：具体使用方法可以直接查看文档：https://mathjs.org/docs/index.html解决了计算精度问题之后，计算得出的金额往往是多位小数，在实际业务中，我们需要把多位小数保留小数点后两位，且进行四舍五入。在网上查阅了资料并进行了多次实践之后，]]></description><category></category></item><item><title><![CDATA[webpack5从零搭建一个项目]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/121750435</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/121750435</guid><author>yuyuking</author><pubDate>Mon, 06 Dec 2021 16:52:13 +0800</pubDate><description><![CDATA[目录一、初始化项目1. 新建webpackdemo目录，初始化npm2. 安装webpack包3. 创建配置webpack.config.js和入口main.js4. 安装插件html-webpack-plugin5.引用css6.为css添加浏览器前缀7.把css样式从js文件中提取到单独的css文件中8. babel转义js文件9. 图片、音频、字体文件处理10.完整配置代码二、区分开发环境和生产环境1.热更新配置2.区分开发环境与生产环境的关系。3.定义环境变量三、持续优化1.打包文件分析工具webp]]></description><category></category></item><item><title><![CDATA[vue3学习笔记（二）]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/120287994</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/120287994</guid><author>yuyuking</author><pubDate>Tue, 14 Sep 2021 15:29:11 +0800</pubDate><description><![CDATA[目录vue3.2.0更新和3.0对比示例props父子传参emitnextTickrefCSS变量注入
vue3.2.0更新
在2021年7月7号，vue更新了3.2.0版本。相比于最初的3.0版本，优化了一些功能，使开发更加简单。
和3.0对比
起初 Vue3.0 暴露变量必须 return 出来，template中才能使用；
Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 setup() 函数中，无需return，template可直接使用]]></description><category></category></item><item><title><![CDATA[vue3学习笔记（一）]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/119002572</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/119002572</guid><author>yuyuking</author><pubDate>Fri, 23 Jul 2021 10:47:11 +0800</pubDate><description><![CDATA[目录前言vue3.0对比vue2.x改变了什么Hellow World &amp; setup响应性APIrefreactive把响应式对象展示在页面上生命周期组件和组件传参Provide / Inject
前言
vue在20年9月发布了正式版本，一转眼一年过去了，终于有时间来学习3.0了，接下来做一些自己的学习笔记。
vue3.0对比vue2.x改变了什么

响应式采用Proxy，不同于2.X的Object.defineProperty
composition API
新的生命周期-LifeCycle H]]></description><category></category></item><item><title><![CDATA[indexDB的使用]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/118762576</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/118762576</guid><author>yuyuking</author><pubDate>Fri, 16 Jul 2021 16:17:48 +0800</pubDate><description><![CDATA[目录简介无法开启indexDb的情况开始使用打开数据库为该数据库创建一个对象仓库新增数据查找数据使用索引查询使用游标查询修改数据删除数据
简介
IndexedDB 是一种可以让你在用户的浏览器内持久化存储数据的方法。IndexedDB 为生成 Web Application 提供了丰富的查询能力，使我们的应用在在线和离线时都可以正常工作。
无法开启indexDb的情况

浏览器不希望允许某些广告网络或恶意网站来污染你的计算机，所以浏览器会在任意给定的 web app 首次尝试打开一个 IndexedDB 存]]></description><category></category></item><item><title><![CDATA[使用gitbook编写电子书、文档、博客]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/118335033</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/118335033</guid><author>yuyuking</author><pubDate>Tue, 29 Jun 2021 15:29:03 +0800</pubDate><description><![CDATA[目录一、检查node版本一、下载安装GitBook1、下载2、变更gitbook版本二、初始化gitbook三、其他命令
一、检查node版本
node -v	查看node版本，gitbook停止更新好久了，高版本的node可能不兼容，我使用的node版本是 10.12.0，推荐使用nvm下载多版本的node
一、下载安装GitBook
1、下载
已经安装过的先删除老版本的gitbook
npm uninstall -g gitbook
npm uninstall -g gitbook-cli

之后下载安]]></description><category></category></item><item><title><![CDATA[服务器部署easymock]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/111640318</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/111640318</guid><author>yuyuking</author><pubDate>Thu, 24 Dec 2020 17:20:38 +0800</pubDate><description><![CDATA[easymock的在线服务经常挂，于是就想在自己的服务器上搭建一个。
前置条件是你的服务器上要安装node、mongodb、redis，还没有安装的小伙伴可以参考这篇博客：
linux安装node、mongodb、redis
值得注意的是node版本只能是8.x版本，高版本不行。同时mongodb和redis也不要用太高版本
开始搭建
首先去easymock的github去下载下来
cd /usr/local/
git clone https://github.com/easy-mock/easy-mock]]></description><category></category></item><item><title><![CDATA[linux安装node、mongodb、redis]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/111470796</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/111470796</guid><author>yuyuking</author><pubDate>Wed, 23 Dec 2020 14:58:08 +0800</pubDate><description><![CDATA[node
一会儿再写
mongodb
官网下载地址：https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-4.0.13.tgz
首先 cd /usr/local
tar -zxvf mongodb-linux-x86_64-4.0.13.tgz
mv mongodb-linux-x86_64-4.0.13 mongodb
配置系统环境变量：
vi /etc/profile
键盘按下“i”进入编辑模式即可。在文件的最后加上：
#mongodb
export]]></description><category></category></item><item><title><![CDATA[前端自动化—使用Jenkins+GitHub自动化部署前端项目]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/108205204</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/108205204</guid><author>yuyuking</author><pubDate>Tue, 25 Aug 2020 15:04:32 +0800</pubDate><description><![CDATA[这里写目录标题前言前置条件docker安装和java安装的对比开始，安装java环境第一步，下载安装包第二步，配置环境变量第三步，测试安装成功下载Jenkins并启动第一步，下载Jenkins的war包第二步，使用java运行war包
前言
公司使用Jenkins自动部署好久了，但是自己一直停留在使用的阶段，没有自己搭建过。趁这几天有时间，买了个服务器把这个搞一搞。身为一个前端工程师，对服务器的一些东西不太熟悉，基本上所有的困难都出现在搞服务器上，踩过不少坑，在这里记录一下。
前置条件

一台服务器（我用的]]></description><category></category></item><item><title><![CDATA[杂记]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/107915431</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/107915431</guid><author>yuyuking</author><pubDate>Mon, 10 Aug 2020 18:15:21 +0800</pubDate><description><![CDATA[仅作为个人记录使用
杂记倒计时转译特殊字符获取屏幕宽度 、浏览器大小发生变化jq清除style样式去掉IE11input后面隐藏的X和眼睛点击缓慢的移动到页面顶部修改滚动条样式vue跳转路由的时候返回顶部vue跳转相同路径报错问题rsa加密vue中px自动生成rem
倒计时
        function countDown(timestamp) {
            var d = Math.floor(timestamp/1000/60/60/24);
            var h= Ma]]></description><category></category></item><item><title><![CDATA[vue实用插件集合]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/107786241</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/107786241</guid><author>yuyuking</author><pubDate>Tue, 04 Aug 2020 15:00:30 +0800</pubDate><description><![CDATA[生产环境去除console
插件：babel-plugin-transform-remove-console 官方地址
安装：
npm install babel-plugin-transform-remove-console —D

在 babel.config.js 中配置(vue cli3使用方式)
// 生产环境去除console
const prodPlugin = []

if (process.env.NODE_ENV === 'production') {
  // 如果是生产环境，则自动清]]></description><category></category></item><item><title><![CDATA[疫情影响下一枚前端的求职之路（面试题）--2020.6]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/106972358</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/106972358</guid><author>yuyuking</author><pubDate>Sat, 18 Jul 2020 19:13:26 +0800</pubDate><description><![CDATA[前言
我在六月初裸辞，准备了一周，离开了青岛，踏上去往杭州的求职之路。之后经历了两周半的面试，终于找到了一家心仪的公司，在这里记录一下面试过程中遇到的面试题，大家仅供参考。
受疫情影响，今年的行情没有往年好，我也是年轻气盛，没有考虑这么多就直接裸辞了，在这里劝大家一定要找好下一家在辞职，不然压力会很大。
面试题
css方面

一个盒子如何做到水平垂直居中？出现频率：高！
css的一些选择器有哪些？
说一下css的盒模型？出现频率：高！
px、em和rem的区别？
你遇到的一些IE8的兼容性问题如何处理？因为]]></description><category></category></item><item><title><![CDATA[vue实现微信网页授权登录]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/103891198</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/103891198</guid><author>yuyuking</author><pubDate>Wed, 08 Jan 2020 15:28:13 +0800</pubDate><description><![CDATA[附：微信官方文档

前言：在用vue做微信公众号网页项目的授权登录中踩过不少坑，在这里记录一下。首先在选择由后端做登陆还是前端传token登录的方式上产生了分歧。两种方式在不同的公司里都用过，后端做登陆无非是前端跳转到jsp或者php页面，后端把登录做了在跳转回页面，这种方式前端方便了，但是中途需要跳转多次，很影响体验，所以最终选择了前端传token的方法进行登录。

不想看过程的可以直接往下拉查...]]></description><category></category></item><item><title><![CDATA[Windows10家庭版安装虚拟机]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/103890195</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/103890195</guid><author>yuyuking</author><pubDate>Wed, 08 Jan 2020 14:05:02 +0800</pubDate><description><![CDATA[在日常开发中经常有需要兼容IE8的需求，win10默认的IE版本是11，而且版本并不能回退。这时候就需要在电脑上安装虚拟机测试IE8兼容性问题。

在个人电脑上常见的虚拟机有VMware Workstation、Virtual Box、Parallels Desktop、Hyper-V等，这里主要介绍的是Hyper-V。

Windows10家庭版是不开启Hyper-V的，除非升级为专业版，但仅仅...]]></description><category></category></item><item><title><![CDATA[在手机端浏览器模拟F12（实用小工具）]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/103298388</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/103298388</guid><author>yuyuking</author><pubDate>Thu, 28 Nov 2019 18:10:35 +0800</pubDate><description><![CDATA[大家可能会遇到一些谷歌浏览器模拟手机端没问题，但是真机上会出现的bug，真机上没有F12，很难定位bug原因。

偶尔找到一款工具，可以方便的在手机端打开F12，记录一下分享给大家。

这款工具就是vconsole，记录一下使用方法：

一、多页面，用script的方式引入

首先引入vconsole


&lt;script src="http://wechatfe.github.io/vcon...]]></description><category></category></item><item><title><![CDATA[vue-cli3：区分开发、测试、生产环境]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/100323068</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/100323068</guid><author>yuyuking</author><pubDate>Mon, 02 Sep 2019 17:20:40 +0800</pubDate><description><![CDATA[vue-cli3相比于2取消了build和config文件夹，需要自己创建.env文件区分不同的环境

官方文档地址：https://cli.vuejs.org/zh/guide/mode-and-env.html

1、在根目录下创建一个.env.development 是开发环境


VUE_APP_URL = 'https://www.easy-mock.com/mock/5d6cbe39f...]]></description><category></category></item><item><title><![CDATA[记录一次redux使用过程]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/100156650</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/100156650</guid><author>yuyuking</author><pubDate>Fri, 30 Aug 2019 14:48:52 +0800</pubDate><description><![CDATA[话说好记性不如烂笔头，记录下redux使用过程，方便下次复制用，哈哈

仅做记录使用，不详细解释redux原理

用到的插件 ：redux、react-redux、redux-persist、redux-thunk

1、redux/actions/counter.js



// action也是函数
export function setPageTitle (data) {
    retur...]]></description><category></category></item><item><title><![CDATA[axios多次相同请求，取消下一次]]></title><link>https://blog.youkuaiyun.com/yuyuking/article/details/99633949</link><guid>https://blog.youkuaiyun.com/yuyuking/article/details/99633949</guid><author>yuyuking</author><pubDate>Thu, 15 Aug 2019 14:16:00 +0800</pubDate><description><![CDATA[使用axios的请求拦截器拦截多次相同请求，在网上看到了一篇博客，但是他是多次相同请求，取消上一次，而我们的需求是取消下一次，所以要改一下。

在这里，两次请求的url和data相同，我们即认为是相同请求。

核心方法是用axios提供的取消函数，在请求发送之前取消掉。话不多说，直接上代码


import axios from 'axios'
import router from '../rou...]]></description><category></category></item></channel></rss>