王叨叨

马上就到2019了，回头看看2018年的web开发，图片看不清楚，右键 --> 新标签页打开图片。2017年的在这里：2017-web-developer

Introduction

- 阅读剩余部分 -

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

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

- 阅读剩余部分 -

乌兰布统景区位于内蒙古自治区赤峰市克什克腾旗西南部，曾是清朝皇家木兰围场区，乌兰布统为蒙语，汉语的意思为红色的坛形山，实指大、小红山，是木兰围场的一部分 。

- 阅读剩余部分 -

项目里面用到了饿了么的el-tree，但是给el-tree包裹div时，如果父级宽度设置比节点宽度小，不会出现横向滚动条。

然后去github上面搜了一下，还又不少人遇到这样的问题，把代码放出来

- 阅读剩余部分 -

尤大关于VUE 3.0介绍，可以提前看一看了！

- 阅读剩余部分 -

VUE项目在本地运行样式没有问题，上线后发现样式没有生效，在浏览器调试模式下，发现-webkit-box-orient: vertical;属性没了。

- 阅读剩余部分 -

- 阅读剩余部分 -

问题

本地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，推荐使用。