minidrupal的专栏

学习教程：Nginx 配置ssl模块，支持https访问

手把手教你使用开源WordPress和WebStack搭建导航网站

不知从何时开始，前端的作用越来越重要。前端的童鞋在这个领域领域里面大放异彩，找到人生的价值。正当大家都活得精彩，沉浸在欢乐的前端圈子的时候，是否有认认真真地思考过，30几岁之后的前端路该怎么走？现在我就很主观地说一下自己的想法，我认为前端接下来的路，有这5条可以行。

古人有云，平时不烧香，临时抱佛脚。很好地说明了一个问题：打仗要打有准备的战，要打有把握的战。对于不少人来说，跳槽其实也是打仗，而且要过五关斩六将。所以现在我稍稍地总结了一下，前端跳槽时，经常会被问到的框架。

还记得阿里巴巴那个令人澎湃激情的双十一吗？还记得淘宝生动形象地把你的的消费历程一一地展示给你看吗？还记得那些酷炫拽的it报告图表吗？在这个大数据越来越盛行的年代，怎样去表达一些用户的关系，人物的关联，甚至是事情的发展，都让我们有更多的表达方式。其中最简单直接，形象明了的就是用图表说明问题了。 如果在以前，要实现各种图表，可能很多人会选择flash。但是flash成本较高，图表多的时候很耗性能。后来越来越多的纯js框架出现，让大家有了更多的选择。所以接下来我想推荐几个不错的图表js框架给大家用。

题目有一些激进。但是在前端界打滚了这么多年，fiddler一直都是陪着我走过来了。它就是一个抓包神奇，代理神器。它的厉害之处，我简单地说一下，希望你们看了以后，能点上32个赞。上一次说fiddler的时候，就简单地介绍了一下它的厉害的代理抓包功能。今天就说一下如何用fiddler来监听手机请求和代理手机的资源。

React-native是什么react-native是一个可以使用 JavaScript 来开发 iOS和 Android原生应用（ app ）的框架。1、它在 JavaScript中使用React 抽象操作系统原生的 UI 组件，代替DOM 元素来渲染等等。2、ReactNative 使你能够使用基于JavaScript 和 React ，在本地平台上构建世界一流的应用程序体验...

https://tinypng.com/这个网址对于手动批量压缩png和jpg挺不错的，mark一下。虽然用了多年，还是觉得不错。

随着前端开发复杂度的日益增加，各种优秀的组件框架也遍地开花。同时，我们面临业务规模的快速发展和工程师团队的不断扩张，如何解决资源整合、模块开发、项目部署、性能优化等问题势在必行。

随着跳一跳小游戏和头脑王者的洗脑式盛行，小程序似乎向广大用户宣布，它要发力了。 公司内部也越来越多小程序的需求，所以本人也慢慢地开发了好几个小程序的项目。下面我把自己在开发的过程中遇到的一些坑记录一下，防止以后再踩坑。 1.模拟器和真机的差异在开发的过程中，在模拟器上表现得好好的，在真机上却出问题的例子数不胜数。譬如动画的使用，cover-view上面使用定位，在模拟器好

前端其实就好像建房子一样，建设的方式也是多种多样的。例如你可以什么都不用，单靠双手去把房子砌起来。这样实在，稳健，房子的每一个角落你都知道得清楚楚楚，但是效率偏低。 你也可以使用各种工具，提交你建房子的效率。例如你可以用搅拌机，帮你和水泥。你可以不需要知道搅拌机的运行原理，你只要按它的指示按下开关，它就很快地帮你完成任务。 前端的框架，就是我们前端建房子的工具，繁多好用。 接下来我就要说一下这些年对我很有帮助的前端框架。

某一天，前同事低着头从鹅厂面试回来。他说他被一道很常见的问题难倒了。对方问他知道zoom：1的作用吗？前同事：清楚浮动啊,触发haslayout。再问：那你知道zoom:1的工作原理和来龙去脉吗？前同事：......zoom:1确实帮我们解决了不少ie下的bug，但是它的来龙去脉，又有多少人知道呢？所以我老生常谈，说一下它的来龙去脉。

移动端页面的盛行，微信的便利的页面推广等等，让越来越多的css3效果和html5在手机端大放异彩。于是乎，各式各样的简约酷炫的html5页面层出不穷，最多的就是视差滚动+css3动画。接下来就说说自己在搞这些页面里面碰到的一个小问题-------zepto.js里面，坑爹的touch.js的上下滑动（swipe）事件失效。

现在的网页设计越来越高大上，效果越来越炫酷毙。一些浏览器的默认东西都被纷纷嫌弃，取而代之的是各种酷炫拽的模拟组件。就好像之前说过的视差滚动，又好像各种小清新的模拟滚动条，都有共同的事件：滚轮事件。 正如大家所知道的那样，jquery框架默认是不支持鼠标中轮滚轮事件的。要实现不同浏览器之间的滚轮事件，我们不能不说一下这个js组件了：jquery.mousewheel.js。

1.什么是滚动视差？随着时间的推移，越来越多的网站使用视差滚动去实现网站的布局。立体动感的feeling，酷拽炫的设计，高大上的效果确实让网站增色不少。那究竟什么是视差滚动呢？

身为切图界的一员，或者说在前端界打滚了一段日子的你，会慢慢地发现，现在的css编写已经不能满足自己的效率。如果有更强大的框架，让你的css更灵活和更容易复用和维护，那该多好啊。很明显，这个早已经不是什么新鲜事，sass和less就是这么2个很优秀的样式预处理器，能让你的效率快速提高。接下来就谈谈它们。

如果你还不知道移动端的前端如何入手？这篇文章帮到你。如果你还不知道移动端前端和pc端有什么不一样？这篇文章帮到你。如果你想快速睇抓住移动端前端开发的入门重点？这篇文章帮到你。要想使自己的产品在占有率及收入等方面取得持续性的成功，产品设计与开发的策略必须符合移动应用的未来发展趋势。

在某个项目里面，有这样的一个小需求。textarea的高度自适应，当高度高于300px之后，textarea高度不再增高，出滚动条。当高度小于某个高度例如80px的时候，高度不再变小。其实这个需求在很多地方都有出现过，例如微博的评论框，还有各种评论框。谈不上什么有难度的技术，写下来当一个小插件积累。

前端原来可以很好玩，不信就点击进来看看，你就懂了。今天在前端群里面和群友讨论了一下几道自己遇过的前端题目，虽然是小题目，但是还是挺好玩。所以今天还是写下来，和大家分享一下。

当我学了矩阵分析的时候我知道什么是麻烦，当我学了傅里叶级数的时候我知道什么是相当麻烦。然而，当我刚刚接触前端，我才明白什么叫做坑爹的ie6。这个分享对于经验丰富的前端基本都遇过。对于刚入行的新手，或许可以起到一点点的指导作用。不求救万人于水火，但求某日能帮到路过的你。

“仅做一件事，做好一件事。”这个应该就是seaJs的精髓了。我在自己的一些项目中使用过seaJs，对其算是了解一二，现在就班门弄斧，轻轻地谈一下。

1 标签的语义