通用手机端样式： 1@mediaalland(orientation:portrait){2/*竖屏*/3}4@mediaalland(orientation:landscape){5/*横屏*/6}指定手机端高度样式： 1@mediascreenand(max-width:750px)2@mediascreenand(min-width:720px)and(max-width:960px){//720<=xxx<96 ...

25年后，你关于编程的知识经验还会不断增加，但是你的薪水却不会增加了。你将要重头开始学习新的工具(语言/框架/技术/工具链)两次或者三次，即便你已经掌握的工具看起来依然实用并且你已经很熟悉，但是市面上总会有些热门的新技术出现，你必须学会它们，这样你的简历才会漂亮。如果你运气好的话，你在工作中就有机会学到最新最酷的工具。如果没有，你就必须下了班后晚上学习并且独自研究。可能这个时候，你学会计的朋友可以去参加公司赞助的培训，或者在参加各种party。在这25年里，你可能会丢掉你的工作，中间失业好几次。这 ...

“在技术领域，最难的事就是颠覆你自己。”WordPress背后的公司Automattic的CEOMattMullenweg这样形容这次改版。不过，更重要的变化是，WordPress.com的新界面和后台都是用JavaScript语言重新编写的，而过去10多年间，它使用的编程语言一直都是PHP。MattMullenweg说，原因是他们意识到“现在的技术无法把WordPress带到下一个10年”这次新版的WordPress.com的后台使用的是非常流行的Node.js，这是用JavaScript编写 ...

1、htmlshiv.js Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main，header，footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理？你可能花几天也想不明白，但谁在意呢！这个脚本几乎是所有正式网站必用的js。 <!--[ifltIE9]> <scriptsrc="dist/html5shiv.js"></ ...

好文案如美人，仅仅靠几句煽情的话和一两个好点子，是得不到好文案的。杰出的文案背后，大多隐藏着丰富的内涵和敏锐的洞察力。只靠优秀的文笔成就不了优秀的文案，优秀的文案却需要优秀的文笔，文案需要用文笔去写出营销能力。好文案的核心是创意，创意始终是围绕逻辑和细节精心展开的。就像一个受女生欢迎的暖男，最动人之处就是体贴和细心。实现文案的创意需要用全新的视角审视整个广告创作过程，在过程中寻找灵感和突破点。下面就围绕着“创意”这个核心点，逐层次清晰地为大家揭示出“创意”和“文案”相互实施的操作技巧，相信对读者会有一些启 ...

大数据”的概念距问世已经有39年了，而大数据营销的时代在前几年才得以到来，这种基于数据协同和深度计算的个性化营销正在用其巨大而全面的影响力改变着营销的格局和战略方向。淘宝每天处理数以万计的交易数据，Facebook每天接待40亿访客，谷歌每日产生超过24拍，在互联网这种领域，用户客户数据库等大数据资源或许不再是一个竞争优势，但没有绝对是一个竞争劣势。大数据营销大数据一直是一个热门话题，但也面临“讲得人多，做的很少”的尴尬境地，毕竟对于大多数人还是一个熟悉却遥远的概念，似乎充满了机会，但作为中小企业面对参与 ...

大多数时候，我们看到的广告都是固定在页面的某个位置，如下图的首页，一看就知道是硬广啦。看到标题是不是很疑惑，什么样的广告，想再来一打？不废话，先来看看效果吧。这种视觉差效果很少用在广告上（目前只在知乎上看到过，每次都想多撇几眼）。以上效果主要使用background-attachment实现，该属性设置背景图像是否固定或者随着页面的其他部分滚动。来学习一下几个主要的取值：1、local表示背景相对于元素的内容固定，如果元素可滚动，则背景将会随着元素的内容滚动2、scroll表示背景相对于元素本身固定， ...

最近接触了很多前端的小伙伴，和他们谈了很多职业发展的问题，大部分是做了一到三年的前端新手。在交流中发现了一个很有意思的现象，同样是入门不足三年，有部分人觉得前端很有前途，甚至有人年薪已经30W以上，但也有部分人觉得前端薪资不高，技术体系庞杂，迭代速度飞快，苦于学习各种不断更新的技术和框架，心神俱疲。同样是前端工程师，技术体系是相同的，工作年限也是相近的，为什么差别这么大？我在前端领域摸爬滚打也有五年了，如何跟上前端技术飞速更新的步伐，我认为学习方法一定要找对，抓住学习的重点才能事半功倍。我总结了几个学习中 ...

will-change通过告知浏览器该元素会有哪些变化，使浏览器提前做好优化准备，增强页面渲染性能。属性的取值：1、auto: 实行标准浏览器优化。2、scroll-position: 表示开发者希望在不久后改变滚动条的位置或者使之产生动画。3、contents: 表示开发者希望在不久后改变元素内容中的某些东西，或者使它们产生动画。4、<custom-ident>: 表示开发者希望在不久后改变指定的属性名或者使之产生动画，比如transform ...

css动画大家都不陌生，但是你知道css动画是可暂停的吗？如果你不知道就来看看吧。虽然用过很多次animation，但是也就前几天才知道动画是可以暂停的，可见自己对动画的了解还是不够深，一起来学习一下今天的主角—animation-play-state（running|paused）该属性定义一个动画是否运行或者暂停。可以通过查询它来确定动画是否正在运行。另外，它的值可以被设置为暂停和恢复的动画的重放。其中恢复已暂停的动画，是从它暂停的时候，而不是从动画的起点。 ...