移动前端工作的那些事---前端制作之微信小技巧篇

移动前端工作的那些事---前端制作之微信小技巧篇的相关文章

移动前端工作的那些事---前端制作篇之meta标签篇

移动端前端制作有些地方不同于互联网,这篇主要讨论的是meta标签.meta标签位于head标签之间.是主要辅助HTML结构层的.meta标签不管在互联网前端还是在移动端都起了很重要的作用.这里只讨论移动端. 附上代码进行说明: <!DOCTYPE html><!--HTML5 doctype--> <html> <head> <title>xxx</title> <meta http-equiv="Content-ty

前端制作之微信小技巧__避免a标签跳转到手机自带浏览器

随着微信的越来越大众化,微信的使用程度也越来越高.随之,产生了一种新的推广模式,即微信推广.在这个微信的大平台上会衍生出许许多多的推广手段.而移动前端作为服务于手机用户的手机网页技术,也不可避免的加入进来. 一些客户不仅仅满足于自己的网站可以在手机浏览器上完美的展现出来,同时还要求可以在微信中进行广泛推广.这就要求移动前端的制作者在制作移动端网站的过程中,还要考虑是否兼容微信的推广. 就制作技术而言,如果可以完美的在手机浏览器中显示,那么在微信推广里也可以完美显示.因为微信中调用的网页引擎就是你

移动前端工作的那些事---前端制作篇之框架篇

为了更好的提升用户体验,移动端逐渐出了许多的移动端的框架,比如Sencha Touch.JQTouch.Jquery-moblie.jqMobi等等.这些框架都有优缺点,不同的框架应用在不同的项目中.现简单阐述一下各框架的优缺点: 一.Sencha Touch框架是一个重量级的框架.它上手较难,代码复杂,并且需要较强的程序基础才能学习,最开始的时候因为一个项目,想使用Sencha Touch框架,后来工期实在太紧张,根本没时间学习它并使用.所以最后转投其他框架.这个框架兼容性很高,运行起来的速度

移动前端工作的那些事---前端制作之动画效率问题简析

动画特效方面,尤其兼容安卓系统,就和互联网端兼容IE6一样麻烦.好多效果不错的创意都因为不兼容安卓系统而夭折.归根到底还是因为安卓浏览 器性能的问题.这里篇外话一下,安卓手机的硬件可以甩苹果一条街.但在浏览器上表现的则相反.现在安卓系统已经发展到android 4.X了.可分配给浏览器的内存还是少的可怜!貌似不足10%; 所以一些很流畅的动画效果在IOS上跑一点压力没有.但在android上跑卡的要命!希望android 5.0时可以多给点内存在浏览器上,尽量提升一下浏览器的性能比. 言归正传,

移动前端工作的那些事---前端制作篇之link标签篇

上文的meta标签中,提到了部分功能要结合link标签进行使用.下面详细的解释一下移动端的link标签.link标签主要是存放CSS文件的地方,同时还有一些专属的移动端设置在这里体现.结合以下代码进行说明: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=d

吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮：制作一个超小按钮

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"

前端知识：12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func

前端程序员应该知道的 15 个 jQuery 小技巧

下面这些简单的小技巧能够帮助你玩转jQuery. 返回顶部按钮 预加载图像 检查图像是否加载 自动修复破坏的图像 悬停切换类 禁用输入字段 停止加载链接 切换淡入/幻灯片 简单的手风琴 让两个div高度相同 在新标签页/窗口打开外部链接 通过文本查找元素 在改变Visibility时触发 AJAX调用错误处理 链式插件调用 返回顶部按钮 通过使用jQuery中的animate 和scrollTop 方法,不用插件就可以创建一个滚动到顶部的简单动画: // Back to top $('.top'

How Javascript works (Javascript工作原理) (十一) 渲染引擎及性能优化小技巧

个人总结:读完这篇文章需要20分钟,这篇文章主要讲解了浏览器中引擎的渲染机制. DOMtree       ----|   |---->  RenderTree CSSOMtree  ----| 这是 JavaScript 工作原理的第十一章. 迄今为止,之前的 JavaScript 工作原理系列文章集中于关注 JavaScript 语言本身的功能,在浏览器中的执行情况,如何优化等等. 然而,当在构建网络应用的时候,不仅仅只是编写自己运行的 JavaScript 代码.所编写的 JavaScri