换地方更新

2019-04-06

这个博客是之前还在长沙的时候折腾的挂在github里（经常加载会很慢），后面来深圳找了工作之后用自己er567.cn这个域名和基友学生身份买的阿里云服务器基于typecho另外搭了一个，主题的话稍微找了下无意间发现了Pinghsu还挺好看的，于是就换了过去。中间服务器还重置过一次东西都没备份…

展开全文 >>

面试记录

2018-07-21

webpack有哪些配置？用过哪些webpack插件？
jq插件用过哪些？封装jq插件，原理
html5提供了什么存储方式？cookie / localStorage 和 sessionStorage区别
- 共同点：都是保存在浏览器端、且同源的
- cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下
- 存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大
- 数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭之前有效；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie：只在设置的cookie过期时间之前有效，即使窗口关闭或浏览器关闭
- 作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localstorage在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的
- web Storage支持事件通知机制，可以将数据更新的通知发送给监听者
- web Storage的api接口使用更方便
vue有哪些修饰符，阻止默认事件
- v-model.trim
- v-model.number
- v-model.lazy
- @click.self
- @submit.prevent
- @click.stop
- @keyup.enter/.13
v-if v-show区别，重绘重排区别
如何加速首页的加载速度,优化点

vue双向绑定的原理以及具体实现
1. 实现一个监听器Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者。（forEach遍历data属性值，递归；get推入Dep订阅器数组,set数据更新通知所有订阅者）
2. 实现一个订阅者Watcher，可以收到属性的变化通知并执行相应的函数，从而更新视图。
3. 实现一个解析器Compile，可以扫描和解析每个节点的相关指令，并根据初始化模板数据以及初始化相应的订阅器。事件是在compile的里面挂载的。

展开全文 >>

一个简易多栏tab组件,以及npm发布

2018-05-01

介绍

之前h5移动端项目有一个顶部tab栏的组件,那个是基于jq的各种操作dom,现在项目用vue重构,所以便想用vue重构下这个组件.

思路

先理清需求,把需要自定义配置的参数列出来(tab栏数量,tab栏文字,active颜色,tab栏点击事件..)
在App.vue里将需要的参数传入组件,在组件内用数据渲染成需要的结构
最后再完善样式

展开全文 >>

黑色星期五-环境爆炸

2018-03-30

环境爆炸了,原因疑似npm install哪个依赖包出了问题,导致webpack resolve alias不生效了,报错信息说很多依赖没有找到。

后续:去掉了package.json里的一些无关紧要依赖,将包版本号前面的^去掉了(因为他会去自动下载当前大版本最新的),然后项目缺少的依赖单独安装.
tips:看一下有没有少装vue-loader

展开全文 >>

Linux折腾记录(一)

2018-03-28

起因,想在服务器启一个定时任务,每天晚上9点自动去github上拉取最新的代码,然后vue-build编译,想试试水,弄了一下还是踩了蛮多坑的TAT

1.linux下安装git环境

yum -y install git

2.给git账户配置密钥 //生成密钥:ssh-keygen -t rsa -C “邮箱地址”

cd ~/.ssh/
cat id_rsa.pub   //将密钥复制添加到你的git账户

3.clone项目,安装依赖

4.写python脚本(路径要写绝对路径)

5.添加定时任务(crontab命令)

6.执行crond

遇到的一些问题

1.crontab添加了定时任务之后没有crond start启动

/sbin/service crond start //启动服务
/sbin/service crond stop //关闭服务
/sbin/service crond restart //重启服务
/sbin/service crond reload //重新载入配置
/sbin/service crond status //查看状态

在执行crond 时提示cron: can’t lock /var/run/crond.pid, otherpid may be 2699: Resource temporarily unavailable;
解决方案 rm -rf /var/run/crond.pid
重启即可 /etc/init.d/crond restart

2.在定时任务跑python脚本没有环境变量

搜索了一下,采用shell脚本来执行..

3.关于shell脚本

注意要写成绝对路径;注意.sh文件的文件格式(我在window下编辑好上传了一个shell脚本,然后运行报错了,最后发现是文件格式的问题)
可以使用:set ff=unix转换文件格式.

展开全文 >>