分类： 编程

用nodejs编写树莓派信息接口及调用

nodejs · 前端 · 树莓派 · 编程 / / 0 条评论 /

用nodejs创建http服务，以json方式输出服务器信息，用于前端展示。

效果如下：

 未启动
 

由于wordpress升级，评论功能的ajax出了问题，点击回复不会滚动到锚点位置，而会转到新的页面。

例如回复/links/页面上的编号为171的评论，会转到新页面/links/?replytocom=171#respond而不是锚点。

这个问题不影响回复功能，只影响用户体验（真的有用户吗），所以没有修bug的动力（就是懒

最近一次更新之后问题真的多，post hentry在小于568px时宽度异常，background img animation执行异常，好多地方我都是随便整了一下，处于能用但不完美的状态（比如为修复568px以下评论列表宽度超出body的问题，因为我的body设置了overflow:hidden，所以只能控制评论列表的padding来处理，于是我给了一个padding-right:1vw，能用就行了，要啥美观），懒得维护，反正没人看。

CSS定位方式与相对宽度

前端 · 编程 · 网络 / / 0 条评论 /

前段时间有个后端小伙伴被拉去写前端，出现了一个让他困惑不已的问题：明明给子元素设置了width:80%;可为什么还是子元素超出了父元素的宽度？

这里涉及到width属性的值的类型：width属性可以设置两种值，一种是绝对长度值，另外一种是相对长度值，相对长度值又根据参照物不同分为view height/view width和percentage。

所谓相对长度，那肯定会有参照物，其中vh/vw方式是参照窗口高宽确定的（浏览器参照），percentage方式是参照DOM元素确定的（页面内部参照）。但是问题就出现在这里，percentage参照的是哪个元素呢？是body、父级、还是兄弟元素？它又有哪些规则？

为了说明，我写了个简单的演示。