<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Msgyvcici]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/msg1254765721</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; msg1254765721]]></copyright><item><title><![CDATA[将博客搬至优快云]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090254</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090254</guid><author>msg1254765721</author><pubDate>Thu, 09 May 2019 16:33:00 +0800</pubDate><description><![CDATA[大部分情况下我都会在简书上更新，当然也会不定时更新到csdn上

          
  

]]></description><category></category></item><item><title><![CDATA[如何实现out-side-click功能]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090252</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090252</guid><author>msg1254765721</author><pubDate>Wed, 08 May 2019 16:24:00 +0800</pubDate><description><![CDATA[$ npm install jh-outside-click --save

在日常开发中，我们常常会遇到这样的需求

点击特定元素外的时候触发某个事件

具体表现为做一个弹窗时，点击弹窗外的任意部分，如遮罩层，则自动关闭弹窗。
特定元素：弹窗内容层
外部元素：除了内容层外的其他一切元素
常规做法是设置遮罩层与内容层不是父子元素，然后专门在遮罩层上注册点击...]]></description><category></category></item><item><title><![CDATA[linux入门-mysql安全防范]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090250</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090250</guid><author>msg1254765721</author><pubDate>Mon, 29 Apr 2019 18:33:00 +0800</pubDate><description><![CDATA[近日服务器收到攻击，数据库被清空并插入了一个表，内容如下：



warning
bitcoin_address
email




To recover your lost Database and avoid leaking it: Send us 0.1 Bitcoin (BTC) to our Bitcoin address 1J6jLduCXbP...]]></description><category></category></item><item><title><![CDATA[手摸手系统：使用原生JS封装时间区间选择器插件]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090246</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090246</guid><author>msg1254765721</author><pubDate>Mon, 15 Apr 2019 14:15:00 +0800</pubDate><description><![CDATA[网上已经有了各种各样的插件，满地的轮子，为什么我们还要自己封装呢？其实道理也很简单，因为不这些插件不是定制的，灵活性和可拓展性自然有所缺陷。就在前几天，产品和设计围过来说希望开发一个时间选择组件，看刚好上一次迭代已经结束了，就试着开发一下。






效果图

最开始打算用vue来封装的，但是项目采用的是amazeui和JQuery，无法直接使用vue，...]]></description><category></category></item><item><title><![CDATA[vue项目封装并发布无限滚动指令优化渲染性能的npm模块]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090244</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090244</guid><author>msg1254765721</author><pubDate>Thu, 11 Apr 2019 10:00:00 +0800</pubDate><description><![CDATA[曾经在前端之巅看过这么一篇文章，标题是《网站性能优化实战——从12.67s到1.06s的故事》，当时我就纳闷了，哪来的网站首屏需要加载12秒，而且怎么做到这么极致的优化的？
果然过了几天，接手了一份祖传代码，运行后发现项目奇卡，渲染也不是一般的慢，除了谷歌和火狐，其他浏览器一律崩溃。

亚马逊的工程师形容说他们的祖传代码:“一座很大的屎山，你见过的最大的山...]]></description><category></category></item><item><title><![CDATA[使用eslint来规范你的项目源码]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090242</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090242</guid><author>msg1254765721</author><pubDate>Wed, 10 Apr 2019 17:10:00 +0800</pubDate><description><![CDATA[在vscode上开发个人项目的时候，代码风格随你定，弄出花也没人说，可是一旦是团队项目，那就得注意代码风格了。举个常见例子来说，A修改了代码，并格式化成2个缩进，B也同时同一份代码，但格式化成4个缩进，这时候代码提交的时候就会存在冲突，需要花费大量的时间在格式上。








那么解决方案有三步

使用Settings Sync拓展同步用户设置
使用e...]]></description><category></category></item><item><title><![CDATA[使用Settings Sync同步你的vscode配置]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090239</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090239</guid><author>msg1254765721</author><pubDate>Wed, 03 Apr 2019 11:45:00 +0800</pubDate><description><![CDATA[不知道你有没有这样的经历，使用vscode开发的好好的时候，突然弹出一个更新提示，手贱点了更新，更新完后shift + alt + f格式化下代码，结果代码排版格式什么的都初始化了，一夜回到解放前；又或者，在公司开发一个紧急项目，下班后回家用git pull最新的代码，修改完后想做提交代码早点睡觉，发现死活提交不上，原来是eslint限制了，代码格式化不一...]]></description><category></category></item><item><title><![CDATA[dataset兼容低版本IE]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090238</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090238</guid><author>msg1254765721</author><pubDate>Mon, 01 Apr 2019 11:29:00 +0800</pubDate><description><![CDATA[请使用
event.target.getAttribute('data-xxx')


          
  

]]></description><category></category></item><item><title><![CDATA[兼容IE下无法forEach NodeList的bug]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090235</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090235</guid><author>msg1254765721</author><pubDate>Mon, 01 Apr 2019 10:57:00 +0800</pubDate><description><![CDATA[NodeList 对象是一个节点的集合，是由 Node.childNodes和 document.querySelectorAll返回的，实则是一个类数组对象。

Although NodeList is not an Array, it is possible to iterate over it with forEach(). It can also ...]]></description><category></category></item><item><title><![CDATA[webpack使用HtmlWebpackPlugin进行cdn配置]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090233</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090233</guid><author>msg1254765721</author><pubDate>Mon, 25 Mar 2019 19:11:00 +0800</pubDate><description><![CDATA[CDN服务商的选择
在前面的文章中我们介绍了cdn的实现原理，现在我们来实现如何在正式开发中使用cdn功能。要使用cdn功能，就需要cdn服务商，我们可以自己搭建，也可以使用一些比较知名的服务商，庆幸的是市面上有不少的免费cdn服务商，如：

BootCDN
unpkg

其中BootCDN 是 Bootstrap 中文网支持并维护的前端开源项目免费 CD...]]></description><category></category></item><item><title><![CDATA[linux上利用pm2和nginx部署项目]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090230</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090230</guid><author>msg1254765721</author><pubDate>Thu, 14 Mar 2019 18:31:00 +0800</pubDate><description><![CDATA[Introduce
在开发模式的时候，我们常用nodemon和webpack热更新nodejs项目（如express）和前端项目（如vue），但需要部署的时候我们就不能再用开发环境的配置了，需要改成生产环境配置。为了使得项目可以稳健的运行在服务端，node可以使用nohup启动，前端项目可以使用nginx代理。
但是为了更加规范管理，我们应该使用pm2来管...]]></description><category></category></item><item><title><![CDATA[Nginx配置多个服务共用80端口]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090228</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090228</guid><author>msg1254765721</author><pubDate>Thu, 14 Mar 2019 12:00:00 +0800</pubDate><description><![CDATA[对于Web而已，80端口和443端口是十分重要的，原则上需要输入http://domain.com:80才可以浏览网页的，但由于默认端口是80，所以‘:80’可以忽略。同理对于https的443端口也一样。
随着服务器性能的提升和业务的需求，一台服务器上往往会同时有多个服务，这些服务都希望监听80端口，比如有vue.msg.com和react.msg.co...]]></description><category></category></item><item><title><![CDATA[vue使用prerender-spa-plugin预渲染进行seo优化]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090225</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090225</guid><author>msg1254765721</author><pubDate>Wed, 13 Mar 2019 14:18:00 +0800</pubDate><description><![CDATA[前言
单页应用（SPA）是最近流行的一种应用模式，它支持在同一页面下通过哈希（hash）或html5的history api实现不刷新式切换视图，既实现了动态路由的变化，也实现了历史记录的保持，然而，相比于静态页面和动态页面（ASP/PHP/JSP）而言，缺点也是显而易见的，那就是对SEO不友好。
不管是Vue、React还是angular等实现路由的框架...]]></description><category></category></item><item><title><![CDATA[Vue下是如何实现CSS私有作用域的]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090222</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090222</guid><author>msg1254765721</author><pubDate>Thu, 31 Jan 2019 18:24:00 +0800</pubDate><description><![CDATA[在web开发中，css是一个利器，它可以使得我们的页面更加炫酷华丽，但是在好用的前提下它也给迭代开发带来了一定的麻烦，比如样式相互覆盖或者样式影响到了未考虑的元素等，所以css的私有化就显得很有必要了。但从严格意义上来说，css样式都是全局的，并不存在私有作用域这一说法，所以我们会通过各种各样的方式来模拟实现css的私有化。其中大部分都说基于BEM思想来实...]]></description><category></category></item><item><title><![CDATA[linux入门-mysql的安装与使用]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090219</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090219</guid><author>msg1254765721</author><pubDate>Tue, 25 Dec 2018 22:08:00 +0800</pubDate><description><![CDATA[对于网站或其他应用来说，数据是最重要，而数据既可以存在文本文件中，也可以存在内存中，为了方便管理，一般都会数据库来存储数据。其中mysql就相当流行一款关系型数据库，而且还支持在linux和window等操作系统是运行，这里我介绍如何在linux服务器上安装mysql。




mysql
1、选择安装方式不像window上一键安装mysql，在linux...]]></description><category></category></item><item><title><![CDATA[linux入门-远程工具的使用]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/84955562</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/84955562</guid><author>msg1254765721</author><pubDate>Tue, 11 Dec 2018 15:17:29 +0800</pubDate><description><![CDATA[

  
    
    
    linux入门-远程工具的使用
      
  
    
      
        linux入门-远程工具的使用
        
          之前一直是在window服务器上折腾，也都能满足日常的开发需求，所以并没有怎么去触及linux，但是随着学习的深入，发现应该以进步的眼光去看事物，要时刻要求自己接触不同的东西。最近入手了一台linux...]]></description><category></category></item><item><title><![CDATA[linux入门-nodejs的安装及配置]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090217</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090217</guid><author>msg1254765721</author><pubDate>Wed, 14 Nov 2018 00:00:00 +0800</pubDate><description><![CDATA[nodejs.
简单的说Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。（其实就是一个后台语言，用js...]]></description><category></category></item><item><title><![CDATA[linux入门-映射网络驱动器]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090215</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090215</guid><author>msg1254765721</author><pubDate>Tue, 13 Nov 2018 23:22:00 +0800</pubDate><description><![CDATA[在日常中，我们不会时时刻刻远程着linux服务器，那么有没有办法可以让我们在window电脑上映射linux的磁盘呢？这是可以实现的，这里我们就要介绍samba了。




samba
Samba是在Linux和UNIX系统上实现SMB协议的一个免费软件，由服务器及客户端程序构成。SMB（Server Messages Block，信息服务块）是一种在局域...]]></description><category></category></item><item><title><![CDATA[linux入门-nginx的安装与配置]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090213</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090213</guid><author>msg1254765721</author><pubDate>Tue, 13 Nov 2018 00:11:00 +0800</pubDate><description><![CDATA[在linux下有比较多的web代理软件，如nginx、squid等，比较流行的是nginx，相比于window下的iis，或者java专用的tomcat，nginx更叫小巧易用。




nginx
nginx除了可以在linux上运行外，还有window的移植版，下面主要是介绍如何在linux下安装配置nginx代理服务器。说到安装软件，我们习惯了在wi...]]></description><category></category></item><item><title><![CDATA[linux入门-常用命令的使用]]></title><link>https://blog.youkuaiyun.com/msg1254765721/article/details/90090210</link><guid>https://blog.youkuaiyun.com/msg1254765721/article/details/90090210</guid><author>msg1254765721</author><pubDate>Sun, 11 Nov 2018 23:18:00 +0800</pubDate><description><![CDATA[对于命令行的接触，最开始是window下的cmd，比如查看电脑ip地址、进入某一个文件夹、下载npm模块等等




window cmd





window ipconfig
对于习惯了window桌面操作系统的用户来说，其实是比较少接触到命令行的，而在linux下，命令操作是常态。linux命令不少，不过不用担心，常用的其实不多，而且有一些还...]]></description><category></category></item></channel></rss>