使用vue打造清晰的前端工程化

Vue

vue是现在时下非常流行的前端mvvm库,我最近很长时间都在使用它,

数据驱动和组件化

前言

最近花了很长一段时间学习vuewebpack,感觉确实对自己有很大的提高,关键是他们的思想非常的认可,
他们主要的思想就是模块化、数据驱动、组件化,下面注意详解最近的学习所得。

阅读全文 »

position:sticky使用条件

哪些浏览器支持,可以查看:caniuse
用这个属性,主要是ios下的safari已经支持了,在ios下可以免去js模拟,效果更平滑。
在移动端模拟sticky效果,还是非常蛋疼的,需要同时监听touchmove和scroll事件,页面惯性滚动时会有一定的延迟(scorll事件在滚动停止才触发),同时移动端对fixed定位支持也不大好。JS实现,效果还是大打则扣。
关于这个position:sticky的介绍,可以google一下,网上有很多介绍了,比如神飞的《position:sticky介绍》。
今天主要讲的是,position:sticky的使用条件,很多同学经常遇到position:sticky失效的情况,今天对sticky这个属性做了一番调试,总结了一些规律。现分享下。
俗话说,弄不清楚原理,就熟记结论也是一样的,那就先抛结论,sticky满足以下条件才能生效:
1、具有sticky属性的元素,其父级高度必须大于sticky元素的高度。
2、sticky元素的底部,不能和父级底部重叠。
3、sticky元素的父级不能含有overflow:hidden 和 overflow:auto 属性
4、必须具有top,或 bottom 属性。
同时要注意,sticky元素仅在他父级容器内有效,超出容器范围则不再生效了。

解决webstorm本地IP不能预览页面

webstorm很强大,并且有个预览页面的功能,默认是localhost,但有时候你想在手机上看效果,换上本地IP后
发现访问不了页面,在网上百度了一大圈,发现回答的都是牛头不对马嘴,没有一个答案是正确的,我只想说闲人太多,呵呵,
就在特苦闷的时候,我一不小心按了一下退格键,把端口号从5位变成了4位,发现竟然可以用本地IP访问了,真是……

解决方案: 把端口号从5为换成4位

windows下git的安装以及一些问题

公司给配了一台PC台式机,因为公司使用git提交代码,然后装上git后发现了一些问题,把这些
问题记录一下,以便以后有机会查阅

阅读全文 »

css关于margin的一些文章

今天在看css中40中布局的时候,发现负margin的神奇作用,有些百思不得其解,于是google一下,
发现css中margin真的是一个很多人还不知道的领域,把这几篇文章链接先贴到这里,以备不时之需,

不要告诉我你懂margin

用margin还是padding

我知道你不知道的负margin

博客OK了

今天捯饬了一下hexo,在github上把博客像模像样的搞起来了,以前也搞过,但是以前觉得这东西配起来真麻烦,但最近一直在看前端的东西,慢慢也理解了为什么要这么做,也不觉得这些东怎么高深了,就给搞定了