mac电脑iTerm2链接linux服务器断线解决方案

问题

用windows链接linux服务器,方式很多,我最经常用的是xshell。但是xshell没有mac版,那用mac电脑,比较好的命令行软件是什么呢?我用的是iTerm2 ,这个功能确实蛮强大,很多人都在用。但是,你用iTerm2 链接远程linux服务器,假如你去干别的,一会再回到iTerm2 ,你会发现iTerm2 断线了,苦逼的还要再次进行链接,好麻烦!针对这个有没有什么好的解决方案呢?

链接服务器方式

通过如下命令:

ssh -t root@公网ip地址  -p 22

canvas绘制圆环进度条出现模糊效果解决方案

问题

近期用canvas绘制了圆环进度条,但是进度条出现周围模糊的现象,针对这种现象,网上搜了搜,有人提问,但是貌似没有很好的解决方案,针对这种情况,提出几种解决方案,仅供参考! 模糊效果如下:

解决方案

针对这种情况,我提出几种解决思路。

iframe嵌套过多,低性能手机浏览器崩溃解决方案

问题

前面我们讲了 经典的iframe自适应高度重现江湖 ,页面中嵌套多个iframe让其高度自适应的方法。但是呢。我们iframe嵌套过多,会引发性能问题!关于iframe性能问题,网上也有不少文章,例如下面这篇文章 谨慎使用iframe标记。虽然文章里面的部分问题我们可以解决,但是iframe性能问题确实堪忧!

我们刚刚上线的项目,用iframe嵌套网页来实现手机端类似预览PDF的功能!上线之后,有部分客户反映,微信打开网页出现微信崩溃的问题。经过反复检查和修正,发现,嵌套过多的iframe确实可以引起浏览器崩溃。

iframe替代方案

虽然我们对iframe性能,代码,做了最大限度的改进和优化,但是嵌套过多的iframe还是会引起微信崩溃。因此,我们只能想最简单的替代方案!

css中box-shadow的应用技巧

前言

去年我在慕课网上录制的js/jquery各种宽高的理解和应用,迟迟没有上线,近期得到慕课网的消息说是该套课程已经纳入慕课网教学体系,可能和整套体系一起上线。哎,还是期待一下吧!另外,我博客迟迟没有内容的“前端资料库”,近期已经准备了20%,总有一天会和大家见面!最后一个消息是,我在慕课网录制的新的课程《html5左侧导航菜单》已经录制完毕,目前正在安排上线中~~

新课程中提及手机端导航按钮“三道杠”的书写,我运用的是css的box-shadow属性,今天就和大家一起说说box-shadow属性的一些应用技巧!

应用技巧一:偏移和连写

我们可以用box-shadow的偏移效果来书写移动端导航按钮“三道杠”,如下图:

css的变量和继承

前言

朋友,百姓网前端架构师css魔法的《css揭秘》,已经出版发行,并赠送了我一本。看了一下这本书,确实有很多css技巧。让你会有蛮大的收获,在这里帮他宣传一下!今天所说的案例呢,也是部分借鉴这本书的。今天和大家聊聊css变量和继承!

有人会说,css怎么会有变量和继承?你是说的css处理器吧!

不是,我说的是纯css,其实,css也在努力融入各种预处理器的特性和写法,甚至有些属性比预处理器更加强大,例如:

calc计算,具体可以看我之前的文章http://www.haorooms.com/post/css_unit_calc 这种百分比和单位的运算,预处理器是做不到的。

闲话少说,我们还是切入正题吧!

css变量