2018年10月

在微信的开发过程中，小编发现，无论你打几个空格，他都只显示一个空格。
下面下边介绍几种空格的方式：

  1. 一个空格的话，直接敲击一个空格就行了。
  2. 使用\t和自己敲空格是一样的，还是只显示一个空格。

  3. 下面说的是在<text decode="{{true}}"> </text>包裹中的空格方式：

    • &ensp; 空格的距离是半个中文字符。
    • &emsp;空格的距离是一个中文字符。
    • &nbsp;也是空格。

换行可以使用 \n。

最近想整理一下自己的学习笔记，所以就利用hexo+github又搭建自己的一个博客，在这里分享一下自己的搭建过程。
前期准备：

  1. 软件：git, nodejs；
  2. giehub账号（可以立即注册一个）；
  3. 域名（也可以没有）；
    开始搭建：
  4. 先创建一个文件夹（blog）,作为网站的根目录；
  5. 安装：打开命令行，执行命令：npm i -g hexo；

  6. 初始化：在该文件夹内打开命令行，执行命令：npm init;命令执行结束后，你就会发现文件夹内出现了很多文件：
    文件夹及文件的作用

    • node_modules：程序运行所需要的依赖包；
    • public：因为程序生成的是静态页免，所以这里面是存放生成的页面的；
    • scaffolds：这里面存放的是生成文章等的模板，可以通过命令生成模板；
    • source：用命令生成的各种文章存放在这里；
    • themes：这里面存放的就是主题文件；
    • _config.yml：这个是整个网站的配置文件;
    • db.json：source解析所得到的;
    • package.json：项目所需模块项目的配置信息;
    • package-lock.json 项目所需模块项目的配置信息.
      配置github
  7. 配置github：请查看考：[git的使用——git的配置][1]
  8. 打开github，点击右上角的‘+’，再点击‘New repository’
    如图所示：2.png
  9. 创建一个repo，名称为aaaaaaa.github.io, 其中aaaaaaa是你的github名称，一定按照这个规律，
    如图所示：
    3.png

配置hexo

  1. 打开_config.yml这个文件

  2. 修改以下内容：

    deploy:
 type: git
 repo: https://github.com/xiaoningboke/xiaoningboke.github.io
 branch: master

  3. 在项目根目录打来命令行，以此执行以下命令：

    hexo clean
hexo generate
hexo server

    然后打开：localhost：40000
    你就可以看到你的博客了。
    部署到github服务器

  4. 首先执行命令：npm install hexo-deployer-git --save;

  5. 安装成功后，再以此执行如下命令：(每次上传代码都是这样），在最后一个命令执行的过程中会需要输入github的账号密码：
    弹出如下界面：
    1.png

    hexo clean
hexo generate
hexo deploy

    通过访问：你的github地址就可以访问你的博客了：https://github.com/xiaoningboke/xiaoningboke.github.io

解析到自己域名：
如果是不喜欢github这个域名，可以用自己的域名进行解析，小编就解析到了http://java.sunxiaoning.com了,在解析的时候选择CNAME，填入你的github的这个域名就可以了。

小编用的是phpStudy自带的mysql数据库，但在使用的时候，往往不需要php，只需要mysql数据库，一起启动太麻烦了，直接运行net start mysql显示服务名无效。于是需要将mysql数据库安装到了系统服务。
首先进入mysql的bin目录：
1.png
然后以管理员的身份打开命令窗口，然后执行：mysqld --install
2.png
成功之后会有提示，如果现实Install/Remove of the Service Denied!,就是没有用管理员的身份去运行。
如果想移除这个服务，也是在mysql的bin目录里面，以管理员的身份打开命令窗口，运行mysqld --remove

为什么这么说呢，生活不是过家家，不知道大家什么感受，也不知道大家现在什么样的生活状态，也不知道大家什么样的身份，只知道我自己还只是没有完全踏足社会的一名学生而已。
在之前，一直挺有自信的，觉得自己大学毕业之后应该可以找到自己想要的生活，没有了那么多的束缚，到了毕业的时候才发现自己的天真。已经三年多了，马上毕业，自己也不知道想要什么了，好好就业，自己也能安安稳稳的生活，但是这是自己想要的吗，我也不知道了。之前有过创业的想法，一直也很自信不想给别人打工。到头来才知道自己的能力有多么的不足。
在工作室了两年多了得有，学了半年之后差不多就接手了，成为了工作室的负责人，开始的时候，我们四个（也可以说3个），关系还不错，可是后来他们选择了考研，而我选择了就业，就此工作室的负责人成了我自己，一路走下来了，凭借的真的是自己的热情。但是现在自己也变得很实在了，也在考虑自己的利益了，也开始自己的实习了，也选择了公司，工作室的能力真的是有限了。
在公司差不多一个月了吧，刚刚做东西，用的东西之前也一直没接触过，短暂的学习就直接上手了，说实话，在之前真的没想到自己会在移动开发部。最终还是走了前端，自己不甘心，之前一直想走后端的，可是自己却只会PHP现在公司用的不是很多了，java自己会的不是很多，先在这个部门带一段时间吧，自己再看看java，相信自己可以的。
前不久刚刚接了个活，自己也是因为手头有点紧吧就接下来了，真的是有点亏了，工作量有点超出了自己的预算了，不过自己还可以承受。
回归到自己的正题，生活不是过家家。
。。。。。。

Genymotion是基于X86的，不支持ARM架构。所以有些应用是基于ARM架构编译的就无法安装。但是也有解决的办法，而且不难。但是一定要仔细。只需要一个ARM转化器就可以了。
转换器的下载地址小编就放在这里了，方便大家下载。

链接：https://pan.baidu.com/s/1w5IkZf_bHHulzlRvck-gKw 
提取码：ktxg

Genymotion是支持拖拽安装的，你只要把下载好的压缩包直接拖拽到模拟器就可以了，模拟器就会自动进行安装，但是你需要手动的重启。注意，压缩包在你本地一定要放在纯英文目录里面，否则就不会安装，而是放在了你模拟器的文件夹里面，安装不了。

小编刚刚更换了系统，发现炫龙毁灭者DC Pro不能通过快捷键（Fn+F8/F9）调节屏幕的亮度，然后就更新了自己电脑的驱动，结果还是不可以，然后就去官网下载了官方的核显驱动，然后就好了，下面是下载链接。
http://driver.shinelon.com/drivefile/Clevo/W650KJ_KK/Windows10%201.05.07/02_IntelVGA.zip

使用javascript实现的无缝滚动（跑马灯），小编在这里简单描述一下：内容一直滚动，鼠标经过的时候滚动就会暂停。
效果示例图：

1.png

实现代码如下：

<!DOCTYPE html>
<html lang="en">
 <head> 
  <meta charset="UTF-8" /> 
  <title>无缝滚动</title> 
  <style>
    img{
      width: 100px;
      height: 50px;
    }
    #demo{
      overflow: hidden; 
      width: 735px; 
      height: 165px
    }
    table{

    }
  </style>
 </head> 
 <body> 
  <div id="demo" class="hdo gd_img"> 
   <table cellpadding="0" align="left" border="0" cellspace="0"> 
    <tbody> 
     <tr> 
      <td id="demo1" valign="top"> 
       <table cellspacing="0" cellpadding="4" width="2150" border="0" id="tupian"> 
        <tbody> 
         <tr> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/1.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/2.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/3.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/4.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/1.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/2.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/3.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/4.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/1.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/2.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/3.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/4.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/1.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/2.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/3.jpg" /><br />小宁博客</a></td> 
          <td align="middle"><a class="a1" href="http://www.sunxiaoning.com"><img src="img/4.jpg" /><br />小宁博客</a></td> 
         </tr>
        </tbody>
       </table></td> 
      <td id="demo2" valign="top"></td>
     </tr>
    </tbody>
   </table>
  </div> 
  <script>
      var speed1=25//速度数值越大速度越慢
      document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
      function Marquee1(){
          if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)
            document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth
          else{
            document.getElementById("demo").scrollLeft++
             }
          }
          var MyMar1=setInterval(Marquee1,speed1)
          document.getElementById("demo").onmouseover=function () {clearInterval(MyMar1)}
          document.getElementById("demo").onmouseout=function () {MyMar1=setInterval(Marquee1,speed1)}
  </script>  
 </body>
</html>

小编今天打开编辑器运行RN项目的时候，突然显示module hmrclient is not a registered，刷新之后，出现链接服务器错误类似的提示，好奇怪，小编电脑这边服务明明已经起来了，但是就是不能使用。真奇怪，小编在这时候突然想起来昨天给模拟器试着连上了无线网，会不会是这个原因呢，小编就重新给模拟器连接上无线网，还真的可以了，总结一下，出现这种问题的解决办法之一就是：给模拟器连接上无线网，就是让它能够访问你的服务。

第一步：安装react-native-swiper

npm i react-native-swiper –save

第二步：导入react-native-swiper

import Swiper from ‘react-native-swiper’;

第三步：使用

  <Swiper
       style={styles.swiper}
       height={200}
       horizontal={true}
       paginationStyle={{bottom: 10}}
       autoplay={true}
       autoplayTimeout={3}
       showsButtons={false}>
       <Image source={require('../../images/login_logo1.png')} style={styles.img}/>
       <Image source={require('../../images/login_logo2.png')} style={styles.img}/>
       <Image source={require('../../images/login_logo3.png')} style={styles.img}/>
  </Swiper>

样式：

 img: {
       height: 200,
       width:600,
   },
   swiper:{
       height: 300,
   },

小提示：Swiper外面加一个View。
常见的属性和方法请参考：https://github.com/leecade/react-native-swiper

在进行React native的开发过程中，经常需要用的横线的问题，经常用的方式往往是通过添加一个View的方式来进行绘画一条线。而小编觉得有的时候给View添加一条下边框比较好，所以在这里小编说一下View的下边框怎么做：(主要是针对宽度和颜色）

   borderBottomWidth:1,
   borderBottomColor:'#CCC'
  1. 1
  2. 2