发现一些漂亮的插画
- 插值表达式:
|
|
12345678910
v-text可以将一个变量的值渲染到指定的元素中,例如:<div v-text="msg"></div>new Vue({ data:{ msg:'hello ivan' }});输出结果:<div>hello ivan</div>
123456789101112
双大括号和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
昨天需要向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 提交网站地图,问题解决!
使用gitbash将本地代码提交到GitHub上进行托管,常用步骤。
关于删除和合并冲突等下次更新。
git init
,执行完毕之后会生成.git文件。git status -s
用于检查当前项目所在文件夹的状态。git add .
将项目添加到.git文件夹中。git commit -m "XXX"
将项目提交,’m’ 标识编写本次提交的评论信息,可以留空。git remote add origin http://github.xxxx.com/xxxx.git
git push -u origin master
如果你是第一次提交,会需要输入GitHub邮箱地址和密码。常用命令
创建并切换到新建分支:git checkout -b master2
切换分支:git checkout master2
删除分支:git branch -d fmaster2
将分支推送到远程仓库:git push origin <branch>
F12后,切换到移动端调试模式,但是在调试窗口中却没有看到鼠标的指针,只能靠右键点击确定位置,十分尴尬!
以为是浏览器问题,清理缓存,升级浏览器,清除插件等都无法解决。
后来google了一下,有人说能可以通过打开鼠标移动阴影方法解决,没错!是可以。但是使用鼠标的时候一直
拖着阴影非常的难看,感觉点到都变卡顿了。(捂脸)
最后通过intel自带的显卡调试解决,具体方法如下。
拷贝:意思就是将目标完全复制一份。
尽管JavaScript是一门弱类型语言,但是存在着基本类型和引用类型,所以也导致JS中存在着浅拷贝(shallow copy)和深拷贝(deep copy)。
例如:JavaScript中String Boolean Number这些基本类型是值传递,对象则是引用传递
bootstrap是我们常用的响应式开发框架,特别是针对移动端页面的开发会有非常有效的帮助。
如果你需要做一个网页的导航栏,而且这个导航栏要适配PC、移动端等页面,以下的collapse是个不错的选择。
在bootstrap官方文档中(如下代码),我们很容易通过官方实例学习里面的功能。
- 最近脑子越来越不好使了,包括思考的能力和记忆力,一个博客能更好的记录思考的过程。
- 没有什么比看着自己的成果一点一点积累起来更兴奋的了。
- 一个文科生用一下GitHub感觉还蛮酷的。
- 前端的世界很宽广,希望能把自己的感悟和收获记录下来。