一些好看的插图

发表于 2017-10-22 | 分类于闲话

发现一些漂亮的插画

Vue常用系统指令

发表于 2017-10-21 | 分类于前端学习

Vue常用系统指令

- 插值表达式：

数据绑定最常见的形式就是使用 “Mustache” 语法（双大括号）的文本插值        
例如：<span>Message: {{ msg }}</span>
Mustache 标签将会被替代为对应数据对象上 msg 属性（msg定义在data对象中）的值。
无论何时，绑定的数据对象上 msg 属性发生了改变，插值处的内容都会更新。
    
{{}}对JavaScript 表达式支持，例如：
{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
但是有个限制就是，每个绑定都只能包含单个表达式，如下表达式无效：
<!-- 这是语句，不是表达式 -->
{{ var a = 1 }}
<!-- 流控制也不会生效，请使用三元表达式 -->
{{ if (ok) { return message } }}

v-text

1
2
3
4
5
6
7
8
9
10 v-text可以将一个变量的值渲染到指定的元素中,例如：
<div v-text="msg"></div>
new Vue({
    data:{
        msg:'hello ivan'                                            
       }
});
输出结果：
<div>hello ivan</div>

v-html

1
2
3
4
5
6
7
8
9
10
11
12   双大括号和v-text会将数据解释为纯文本，而非 HTML 。
  为了输出真正的 HTML ，你需要使用 v-html 指令：
  例如：<div v-html="rawHtml"></div>
      new Vue({
          data:{
              rawHtml:'<h1>hello ivan</h1>'
            }
      })
      
    被插入的内容都会被当做 HTML,但是对于没有HTML标签的数据绑定时作用同v-text和{{}}
    
注意：使用v-html渲染数据可能会非常危险，因为它很容易导致 XSS（跨站脚本） 攻击，使用的时候请谨慎，能够使用{{}}或者v-text实现的不要使用v-html

v-cloak

阅读全文 »

解决Hexo博客向谷歌提交站点地图报错问题

发表于 2017-10-19 | 分类于前端学习， web

昨天需要向Google提交站点地图，目的是为了让Google收录我的博客，方便被搜索到。在经过注册，验证网站等一番努力结束之后就差提交sitemap.xml了，这时候出了问题。

Google Search Console 在我提交了站点地图之后报了10多个网站错误，提示信息显示 “不允许的网址”，然后我看了Google的官方解决方法如下图：

欢迎交流~指正~

我多次反复确认我的网站提交信息没有错误之后在网上也找了很多资料，但是始终报错。

我开始担心hexo 在编译的过程中会不会把验证文件或者sitemap文件修改了导致错误，后来在GitHub上比较了提交前

后的代码发现并没有变化。

后来参考了一篇博文 Hexo博客提交搜索引擎

修改了node_modules/hexo-generator-sitemap/sitemap.xml 如下：

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://dhfs.github.io/schemas/sitemap/0.9">
  {% for post in posts %}
      
        {{ (config.urlforgoogle+post.path) | uriencode }}
        {% if post.updated %}
        {{ post.updated.toISOString() }}
        {% elif post.date %}
        {{ post.date.toISOString() }}
        {% endif %}
      
      {% endfor %}
</urlset>

(config.urlforgoogle+post.path)中的urlforgoogle可以随便定义
只要在网站配置文件_config.yml配置对应的地址就可以

urlforgoogle: http://dhfs.github.io/
sitemap:
  path: sitemap.xml

重新部署提交，再回到Google 提交网站地图，问题解决！

git上手小记

发表于 2017-10-18 | 分类于前端学习， web

使用gitbash将本地代码提交到GitHub上进行托管，常用步骤。

关于删除和合并冲突等下次更新。

步骤如下：

现在项目的根目录右键gitbash here 打开git的命令行，然后执行 git init，执行完毕之后会生成.git文件。
执行命令 git status -s 用于检查当前项目所在文件夹的状态。
执行命令 git add . 将项目添加到.git文件夹中。
执行命令 git commit -m "XXX" 将项目提交，’m’ 标识编写本次提交的评论信息，可以留空。
执行命令 git remote add origin http://github.xxxx.com/xxxx.git
这里的origin 相当于给你的GitHub上的仓库起了一个别名，以后每次提交都不需要粘贴这一长串的web地址。
执行命令 git push -u origin master 如果你是第一次提交，会需要输入GitHub邮箱地址和密码。