植入式Web前端开发方法

【植入式Web前端开发方法】的更多相关文章

植入式Web前端开发方法

上一篇,我讲述了植入式Web前端开发的基本情况,本篇就来探究其开发方法.以下假定CMS只能植入前端代码,并且需求规模是任意大小的. 代码形式 HTML代码是直接植入的毫无疑问,但除非植入的代码非常简短.功能独立,且植入点数量不多,否则将CSS和JavaScript代码直接嵌入在HTML代码中是不明智的(有的CMS可直接植入CSS和JavaScript代码,其本质也是将这些代码直接嵌入在HTML中),主要有以下弊端: 降低性能:CSS和JavaScript代码不会被浏览器缓存. 不方便调试:每次代…

植入式Web前端开发

在博客园.凡科建站和其他的一些CMS系统中,提供有允许管理者向网页中插入自定义HTML代码的功能,我将其称之为"植入式"的Web前端代码. 因为CSS和JavaScript可以直接嵌入在HTML中,也可以使用HTML标签<link rel="stylesheet">和<script>来引入其文件,所以允许插入自定义HTML代码,其实就是允许使用任何前端资源.根据系统的不同,植入式的代码一般都会允许HTML和CSS,但不一定会允许JavaScr…

指尖下的js ——多触式web前端开发之一：对于Touch的处理

指尖下的js ——多触式web前端开发之一:对于Touch的处理水果公司的那些small and cute的设备给我们提供了前所未有的用户体验.当用户在iphone和ipad上运指如飞的时候,那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感,因为正是他们(而不是水果)让iOS的世界变的丰富多彩.然而对于我们这些以web为自己事业核心的程序员来说,这种让人欲罢不能的多触式体验似乎跟我们关系不大,因为浏览器那一小块地方就是我们和用户的全部交集了.而许多网站为了让iOS的用…

指尖下的js —— 多触式web前端开发之三：处理复杂手势(转)

这篇文章着重介绍多触式设备上特有的gesture event(android和iOS对这个事件的封装大同小异).这个事件是对touch event的更高层的封装,和touch一样,它同样包括gesturestart,gesturechange,gestureend三个事件回调: gesturestart // 当有两根或多根手指放到屏幕上的时候触发 gesturechange // 当有两根或多根手指在屏幕上,并且有手指移动的时候触发 gestureend // 当倒数第二根手…

Web前端开发实战6：CSS实现导航菜单结合二级下拉式菜单的简单变换

前面几篇博文都在讲导航菜单和二级下拉式菜单,事实上有非常多方法都能够实现的.详细的情况还要视情况而定. 在后面学习到jQuery框架之后,会有更丰富的动画效果.因为在学习Ajax和jQuery的初步阶段.对于非常多的复杂的导航菜单和二级下拉式菜单没法做,可是学习了CSS和JS还是能实现一些简单的变换的. 这篇博文就来说说用CSS实现导航菜单结合二级下拉式菜单的两个简单变换吧. 首先还是在前面博文的基础上加以实现.事实上仅仅用HTML和CSS还是能够做出不错的效果.可是相较于JS和 jQuer…

Web前端开发实战1：二级下拉式菜单之CSS实现

二级下拉式菜单在各大学校站点.电商类站点.新闻类站点等大型?站点非经常见,那么它的实现原理是什么呢? 学习了Web前端开发的知识后,我们是能够实现这种功能的.复杂的都是从基础效果上加入做出来的.原理和流程还是一样的,今天開始做一些简单的二级下拉式菜单. 横向一级菜单我们见到的非常多.例如以下图所看到的是: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/diss…

web前端开发与iOS终端开发的异同[转]

* {-webkit-tap-highlight-color: rgba(0,0,0,0);}html {-webkit-text-size-adjust: none;}body {font-family: Arial, Helvetica, sans-serif;margin: 0;color: #333;word-wrap: break-word;}h1, h2, h3, h4, h5, h6 {line-height: 1.1;}img {max-width: 100% !importan…