最近在读《前端架构设计》，整书只有148页，薄薄的一本，但是看起来还是很有份量的。这本书展示了一名成熟的前端架构师对前端开发全面而深刻的理解。作者结合自己在Red Hat公司的项目实战经历，探讨了前端架构原则和前端架构的核心内容，包括工作流程、测试流程和文档记录，以及作为前端架构师所要承担的具体开发工作，包括HTML、JavaScript和CSS等。从豆瓣等评论来说，褒贬不一，但是个人感觉读一读还是很有必要的，取其精华去其糟粕即可。

- 阅读剩余部分 -

项目中用到了弹窗居中，有些弹出正常，有些弹出就模糊。这就比较奇怪了，一样的样式，为啥会出不同的结果呢？

css水平居中是有很多办法的，项目里面用的是这样的居中方式：

position: absolute;
left: 50%;
transform: translateX(-50%);

然后一点一点的去掉样式，定位到是transform导致的！用搜索引擎查了下，果然不止我一个人有问题，看来有解决方案了。

原来出现模糊的原因是因为元素的高度、宽度中有奇数， 使用类似translate(-50%,-50%)之后，相当于宽度、高度除以2的效果，会出现 0.5px。像素就是最小的单位了，要么1，2，3，要么就是0，没有小数。

好在这个项目里面的弹出层宽度是可以设置宽度的，看了下这个模糊的弹出，设置的宽度是865px，好吧，那就改改宽度解决问题！但是，如果是不定高度垂直居中呢？这就比较棘手了，不能用这个方案了，所以transform对于居中不是一个好的解决方案，在实际项目中应该尽量避免此方案！

所以，如果考虑兼容就老老实实的用table + table-cell方式去居中，不考虑兼容的话使用flex方式去居中！

有时候博客上面要分享一些文档之类的，不仅仅可以下载，还需要在线预览。就像我要分享VUE的那个PPT，之前是放在SlideShare上面的，后来被墙了，只能放在国内的MySlide，但是有些问题就是转换之后效果没了，或者文字错位了，这个是不能忍受的。

后来查了查Office他爹，其实早在之前就做了Office文档的在线查看编辑的功能，只不过不知道！

- 阅读剩余部分 -

问题

本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试。

原因

vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问地址是localhost:端口号。

解决

  1. 查看config文件夹下的 index.js，将dev中将host重新定义为：0.0.0.0即可。
  2. 修改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"
  },

表单修饰符

.lazy

在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步：

<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy="msg" >

- 阅读剩余部分 -

官方文档：https://hitokoto.cn/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，推荐使用。

黎明即起，洒扫庭除，要内外整洁；既昏便息，关锁门户，必亲自检点。一粥一饭，当思来处不易；半丝半缕，恒念物力维艰。

宜未雨而绸缪，毋临渴而掘井。自奉必须俭约，宴客切勿留连。器具质而洁，瓦缶胜金玉；饮食约而精，园蔬愈珍馐。勿营华屋，勿谋良田。

三姑六婆，实淫盗之媒；婢美妾娇，非闺房之福。童仆勿用俊美，妻妾切忌艳妆。

祖宗虽远，祭祀不可不诚；子孙虽愚，经书不可不读。居身务期简朴；教子要有义方。勿贪意外之财，勿饮过量之酒。与肩挑贸易，勿占便宜；见穷苦亲邻，须加温恤。刻薄成家，理无久享；伦常乖舛，立见消亡。兄弟叔侄，需分多润寡，长幼内外，宜法肃辞严。听妇言，乖骨肉，岂是丈夫，重赀才，薄父母，不成人子。嫁女择佳婿，无索重聘；娶媳求淑女，勿计厚奁。

见富贵而生谄容者，最可耻；遇贫穷而作骄态者，贱莫甚。居家戒争讼，讼则终凶；处世戒多言，言多必失。勿恃势力而凌逼孤寡；勿贪口腹而恣杀生禽。乖僻自是，悔误必多；颓隳自甘，家道难成。

狎暱恶少，久必受其累；屈志老成，急则可相依。

轻听发言，安知非人之谮愬？当忍耐三思；因事相争，焉知非我之不是？须平心暗想。施惠无念，受恩莫忘。凡事当留余地，得意不宜再往。

人有喜庆，不可生嫉妒心；人有祸患，不可生喜幸心。善欲人见，不是真善；恶恐人知，便是大恶。见色而起淫心，报在妻女；匿怨而用暗箭，祸延子孙。家门和顺，虽饔飧不继，亦有余欢；国课早完，即囊橐无余，自得至乐。

读书志在圣贤，为官心存君国。守分安命，顺时听天。为人若此，庶乎近焉。

  1. 1
  2. ...
  3. 11
  4. 12
  5. 13
  6. 14
  7. 15
  8. 16
  9. 17
  10. ...
  11. 20