2018年
解决vue项目ip地址无法访问的问题
问题
本地vue-cli
启动了一个项目只能通过localhost:8080
访问到,同一局域网下其他的手机和电脑并不能通过ip地址访问调试。
原因
vue-cli
项目是通过命令行一键生成的,配置文件中默认生成的是本地调试模式,默认访问地址是localhost:端口号
。
解决
- 查看
config
文件夹下的index.js
,将dev
中将host
重新定义为:0.0.0.0
即可。 - 修改
package.json
中script
下dev
的值,在后面加入--host 0.0.0.0
也可以解决
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
"start": "npm run dev",
"lint": "eslint --ext .js,.vue src",
"build": "node build/build.js"
},
Vue修饰符
表单修饰符
.lazy
在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步:
<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy="msg" >
Typecho调取一言API
做成通用的了,放在functions.php
里面
function getHitokoto(){
$url = 'https://v1.hitokoto.cn/?c=g'; // http://api.hitokoto.cn/
$array_data = json_decode(file_get_contents($url),true);
$content = $array_data['hitokoto'].'----《'.$array_data['from'].'》';
echo $content;
}
调用:
<?php getHitokoto(); ?>
代码还有优化空间,抽空加一个缓存吧,频繁的请求,一言就给我502了。
看到评论里面乱码同学有今日诗词API,推荐使用。
减小Vue打包体积
之前写过一篇《VueRouter懒加载》,就是解决加载过慢,这次是优化一下体积。
朱子治家格言
黎明即起,洒扫庭除,要内外整洁;既昏便息,关锁门户,必亲自检点。一粥一饭,当思来处不易;半丝半缕,恒念物力维艰。
宜未雨而绸缪,毋临渴而掘井。自奉必须俭约,宴客切勿留连。器具质而洁,瓦缶胜金玉;饮食约而精,园蔬愈珍馐。勿营华屋,勿谋良田。
三姑六婆,实淫盗之媒;婢美妾娇,非闺房之福。童仆勿用俊美,妻妾切忌艳妆。
祖宗虽远,祭祀不可不诚;子孙虽愚,经书不可不读。居身务期简朴;教子要有义方。勿贪意外之财,勿饮过量之酒。与肩挑贸易,勿占便宜;见穷苦亲邻,须加温恤。刻薄成家,理无久享;伦常乖舛,立见消亡。兄弟叔侄,需分多润寡,长幼内外,宜法肃辞严。听妇言,乖骨肉,岂是丈夫,重赀才,薄父母,不成人子。嫁女择佳婿,无索重聘;娶媳求淑女,勿计厚奁。
见富贵而生谄容者,最可耻;遇贫穷而作骄态者,贱莫甚。居家戒争讼,讼则终凶;处世戒多言,言多必失。勿恃势力而凌逼孤寡;勿贪口腹而恣杀生禽。乖僻自是,悔误必多;颓隳自甘,家道难成。
狎暱恶少,久必受其累;屈志老成,急则可相依。
轻听发言,安知非人之谮愬?当忍耐三思;因事相争,焉知非我之不是?须平心暗想。施惠无念,受恩莫忘。凡事当留余地,得意不宜再往。
人有喜庆,不可生嫉妒心;人有祸患,不可生喜幸心。善欲人见,不是真善;恶恐人知,便是大恶。见色而起淫心,报在妻女;匿怨而用暗箭,祸延子孙。家门和顺,虽饔飧不继,亦有余欢;国课早完,即囊橐无余,自得至乐。
读书志在圣贤,为官心存君国。守分安命,顺时听天。为人若此,庶乎近焉。
网页水印gwm.js
块级格式化上下文(BFC)
元素的布局?
在 CSS 2.1 中,有三种定位方案——普通流 (Normal Flow) 、浮动 (Floats) 和绝对定位 (Absolute Positioning) ,下面分别对这三种布局简略说明一下。
GTM采集页面加载时间
原理:用js获取页面加载前后的两个时间相减,单位是ms,在做转换,然后通过事件发送至Google Analytics浏览器请求服务器的过程。
GTM部署GA默认代码
部署GA有两种方法,这里先是准备工作:
- 安装 Google 跟踪代码管理器
- 先去GA后台,找到跟踪 ID:例如我的ID是
UA-84916808-1
; - 找到全局网站代码:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-84916808-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-84916808-1');
</script>