<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[shidaping的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/shidaping</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; shidaping]]></copyright><item><title><![CDATA[离线安装大全]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/122741051</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/122741051</guid><author>shidaping</author><pubDate>Tue, 08 Feb 2022 09:55:42 +0800</pubDate><description><![CDATA[tar打包解压
打包文件夹 test，命名为test.tar
tar -cvf test.tar test/

解包文件夹
tar -xvf test.tar

离线安装docker
docker下载地址   https://download.docker.com/linux/centos/
离线安装yum包



]]></description><category></category></item><item><title><![CDATA[websocket测试工具wscat的使用]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/114634325</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/114634325</guid><author>shidaping</author><pubDate>Wed, 10 Mar 2021 14:19:15 +0800</pubDate><description><![CDATA[npm全局安装
npm install wscat -g

使用
wscat -c ws://www.test.com/websocket

注意https请使用wss://

]]></description><category></category></item><item><title><![CDATA[git add . 后如何恢复]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/107410264</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/107410264</guid><author>shidaping</author><pubDate>Fri, 17 Jul 2020 15:48:13 +0800</pubDate><description><![CDATA[git add .

执行了上面的操作如何恢复，可利用restore实现
git restore --staged .


]]></description><category></category></item><item><title><![CDATA[mac上显示.开头的文件]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/81109752</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/81109752</guid><author>shidaping</author><pubDate>Thu, 19 Jul 2018 09:44:39 +0800</pubDate><description><![CDATA[第一种方法是在finder中按下command+shift+.键。 
第二种方法是在命令行输入如下命令



defaults write com.apple.Finder AppleShowAllFiles YES]]></description><category></category></item><item><title><![CDATA[iphoneX h5安全区域的问题]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/81016889</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/81016889</guid><author>shidaping</author><pubDate>Thu, 12 Jul 2018 15:36:08 +0800</pubDate><description><![CDATA[因为iphoneX有刘海和虚拟home键，所以便有了安全区的概念。刘海和虚拟home键所在的地方是不安全的，如果上面有内容，可能被遮挡或是不能操作。 我们可以使用viewport-fit来解决这个问题。 
例：

&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1.0,maximum-scale=1.0,user...]]></description><category></category></item><item><title><![CDATA[sublimelinter的排错以及npm peerDependency的处理办法]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/79937516</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/79937516</guid><author>shidaping</author><pubDate>Sat, 14 Apr 2018 10:26:12 +0800</pubDate><description><![CDATA[sublimelinter是sublimeText中用于代码规范提示的重工具，如果代码不符合规范，它会提示出来。但是在一个项目目，经常不能正常工作，这里探讨一下怎么解决这些问题。



打开sublimelinter的debug模式

在sublimeText中找到tools&amp;gt;sublimelinter&amp;gt;debug mode，勾选即可。



打开sublimeText的控制输出台

...]]></description><category></category></item><item><title><![CDATA[html使用position:relative制作引导层]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/79071827</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/79071827</guid><author>shidaping</author><pubDate>Tue, 16 Jan 2018 10:29:15 +0800</pubDate><description><![CDATA[我们经常会遇到这样一种需求，就是在页面上加一个引导层，来告诉用户如何在页面上进行操作。这主需要在一个fixed的蒙层上实现精准定位。如何实现呢？我们就要利用position:relative了。position:relative是相对于自身进行定位，而且支持z-index。看下代码：<!DOCTYPE html>
<html>
<head>
  <title></title>
  <style>]]></description><category></category></item><item><title><![CDATA[canvas中的save和restore方法的作用]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/78707300</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/78707300</guid><author>shidaping</author><pubDate>Mon, 04 Dec 2017 10:44:11 +0800</pubDate><description><![CDATA[save方法可以理解为暂存当前画笔的状态，接下来对画笔的操作都不会被保存下来，直到restore方法被调用。讲得通俗一点，就是说，调用save方法，就是把当前的笔放笔架上，换一支笔，调用restore方法时，再把刚才放到笔架上的笔再拿下来用。我们来看一个例子。<!DOCTYPE html>
<html>
<head>
  <title></title>
  <style>
  #myCanvas{]]></description><category></category></item><item><title><![CDATA[ubuntu上安装最新的docker社区版]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/78603503</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/78603503</guid><author>shidaping</author><pubDate>Wed, 22 Nov 2017 14:40:02 +0800</pubDate><description><![CDATA[如果安装有老的docker先删除老的版本 
sudo apt-get remove docker docker-engine docker.io 
新的社区版本叫docker-ce了 
先更新包信息 
sudo apt-get update 
安装libltdl7 
sudo apt-get install libltdl7 
下载最新版本的安装包（其他版本可以在docker下载地址找到） 
wge]]></description><category></category></item><item><title><![CDATA[ubuntu安装openssh-server开启远程连接]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/78603195</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/78603195</guid><author>shidaping</author><pubDate>Wed, 22 Nov 2017 14:17:47 +0800</pubDate><description><![CDATA[先进行update 
sudo apt-get update 
然后安装openssh-server 
sudo apt-get install openssh-server 
查看是否安装成功 
sudo ps -e | grep sshd]]></description><category></category></item><item><title><![CDATA[高德地图AMap.Map is not a constructor问题解决]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/78537730</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/78537730</guid><author>shidaping</author><pubDate>Wed, 15 Nov 2017 10:06:15 +0800</pubDate><description><![CDATA[这个问题说的是AMap.Map不是一个构造函数。原因就有于有一部分代码没有执行完毕。这是因为amap js里面有一部分是异步加载的，或者是我们在js中手动加载amap js导致的。amap js提供了一个callback回调，把创建地图的代码放在回调里即可。需要先创建一个全局函数，具体代码如下：



    window.init = function(){
        var map =]]></description><category></category></item><item><title><![CDATA[css高度从0到auto的transition动画]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/78422551</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/78422551</guid><author>shidaping</author><pubDate>Thu, 02 Nov 2017 10:59:03 +0800</pubDate><description><![CDATA[如题，想实现css高度从0到auto的transition动画，发现直接写没有效果。查了一下，发现可以用max-height解决，代码如下。



  
  
    .container{
      line-height: 30px;
      text-align: center;
      width: 100px;
      position: relative;
    }
]]></description><category></category></item><item><title><![CDATA[js计算鼠标当前相对于某个元素的位置]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/78229198</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/78229198</guid><author>shidaping</author><pubDate>Fri, 13 Oct 2017 18:21:24 +0800</pubDate><description><![CDATA[先上代码：



  
  
  #mydiv{
    border:1px solid grey;
    width: 400px;
    height: 200px;
  }
  





var bindEvent = function(dom, eventName, listener){
  if(dom.attachEvent) {
    dom.attachEvent('o]]></description><category></category></item><item><title><![CDATA[css3 animation 实现帧动画]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/78182295</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/78182295</guid><author>shidaping</author><pubDate>Mon, 09 Oct 2017 14:32:45 +0800</pubDate><description><![CDATA[先上代码：




  
  
  .ani-container{
    width: 125px;
    height: 275px;
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAHAAcAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUf]]></description><category></category></item><item><title><![CDATA[webpack中postcss-loader不支持行内注释的解决办法]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/78124015</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/78124015</guid><author>shidaping</author><pubDate>Thu, 28 Sep 2017 15:22:22 +0800</pubDate><description><![CDATA[postcss-loader不支持行内注释，写行内注注注释会报unknown word错误。解决办法加上postcss-strip-inline-comments这个parser。
npm install postcss-strip-inline-comments安装，然后在postcss.config.js中加入：
module.exports = {
  parser: 'postcss-]]></description><category></category></item><item><title><![CDATA[利用history.pushState实现前端路由]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/78071465</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/78071465</guid><author>shidaping</author><pubDate>Sat, 23 Sep 2017 16:09:29 +0800</pubDate><description><![CDATA[link1
    link2
  
  

  
  
    var view = document.getElementById('router-view');
    function linkTo(link){
      switch(link) {
        case 1: {
          window.history.pushState({a:1}, 'mylink1]]></description><category></category></item><item><title><![CDATA[cl问题lnk1104 uuid.lib]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/77916030</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/77916030</guid><author>shidaping</author><pubDate>Sat, 09 Sep 2017 16:32:44 +0800</pubDate><description><![CDATA[今天想要将cl命令配置到命令行中使用，在网上找了一下资料，按照http://www.oschina.net/question/234345_42135的方法配置完以后，使用cl命令编译c++代码的时候，总是提示

fatal error LNK1104: cannot open file 'uuid.lib'

然后在网上搜了很多帖子，都是指出这个问题，但是没有成功的解决方案的。
我结合]]></description><category></category></item><item><title><![CDATA[iphone上实现1px的border]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/77848780</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/77848780</guid><author>shidaping</author><pubDate>Tue, 05 Sep 2017 10:55:46 +0800</pubDate><description><![CDATA[最近在做手机网页时，设计师ui review的时候，跟我说我写的边框不对，他要的是1px而我写的是两相素。但是我明明就是写的1px, 后面查了一下资料，发现iphone上是可以写小数的！也是说0.5px才是retina屏幕上的真正1px！（设计师真是相素眼，没事不要惹设计师！）
.test{
  border: 0.5px solid grey;
}]]></description><category></category></item><item><title><![CDATA[js中两个等号和三个等号的区别]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/77506437</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/77506437</guid><author>shidaping</author><pubDate>Wed, 23 Aug 2017 15:35:23 +0800</pubDate><description><![CDATA[js中两个等号会进行类型转換，先转化为同类型的基础数据类型，再比较。而三个等号不会进行类型转换，如果类型不同就会直接返回false,复合类型必须是两个引用的内存是一个，才会返回true。这里我们主要想探讨一下两个等号时这个类型转換是怎么运作的。
首先，如果两边都是基础数据类型，直接转換成同类型进行比较。例如

'' == 0
前面是个string 后面是个number，所以会把string]]></description><category></category></item><item><title><![CDATA[在webpack的less中使用绝对路径import]]></title><link>https://blog.youkuaiyun.com/shidaping/article/details/77197586</link><guid>https://blog.youkuaiyun.com/shidaping/article/details/77197586</guid><author>shidaping</author><pubDate>Tue, 15 Aug 2017 17:28:44 +0800</pubDate><description><![CDATA[假设项目目录结构如下
 

webpack中    
resolve.modulesDirectories= [
    path.join(__dirname, 'node_modules'),
    path.join(__dirname, 'src'),
]
在a.less中写上
@import 'style/b.less';发现会报错，找不到b.less.
正确写法应]]></description><category></category></item></channel></rss>