标签: no-framework

我想学习MVC"架构模式",但我还不想进入像Rails或Django这样的框架.我想首先理解这个概念,然后在我目前熟悉的环境中编写一些简单的代码,恰好是PHP/HTML/CSS/MySQL.我不一定需要一个基于PHP的教程,因为我了解很多不同的语言.我不想安装任何框架或API或库.我只是想学习如何在MVC中思考并将其应用到我的项目中.有什么建议？

主窗口和iframe都位于同一个域中,但我想要实现的是调整iframe以仅在iframe中使用js来调整其内容.

我也不知道主窗口分配给它的iframe的id.而且我不想使用jquery或任何其他框架.

使用javascript在给定页面上查找所有背景图像的最佳方法是什么？

理想的最终结果将是所有网址的数组.

我有一个非常大的网站,我正在寻找最有效的方法来管理它(我是唯一的编码器).

我试图设计一个非常简单的MVC结构(我不想使用框架)来帮助我保持所有代码的顺序.

对于一个庞大的网站,最好只有一个控制器来处理所有页面,还是更好,更容易拆分它们？

如果只有一个,那么非框架控制器的一个很好的例子是什么？

我正在寻找一个JavaScript控件,它是一个Range Slider(双旋钮):

• 不使用现有的JS框架(例如dojo,jquery等) - 除非你可以滚动/创建自己的子框架,我可以只在我需要的组件中编译.
• 适用于所有主流浏览器

下面是Range Slider的一个例子,但当然这会使用JQuery - 所以这不是一个选项,因为即使我构建的JQuery只包含我需要的组件(JQuery UI core + Slider),它的140kb MINIFIED:

http://jqueryui.com/demos/slider/#range

我想用JavaScript在Facebook页面上显示一棵树.因此,对于不能在Facebook上运行的jQuery或Ext这样的框架没有依赖性,至少据我上次在该平台上工作时所知(2009年4月).任何人都可以推荐一个"无框架"的JavaScript /树库吗？我已经将一些相当复杂的JavaScript移植到Facebook,所以我确信我能够移植任何现有的纯JavaScript库.

澄清要点:

• 我的目标是FBJS
• 我也可以(并且确实)谷歌搜索JavaScript /树引擎,但我正在寻求关于哪个(s)的建议

我有以下标记(HTML与本机SVG):

<!doctype html>
   <!-- ...    
        html-Elements 
        ... --> 
   <svg version="1.1" ... >
        <defs> <circle id="infop" cx="0" cy="0" r="9" /> </defs>
        <!-- ... 
             svg Elements
             ... --> 
        <svg> <!-- to have separate coordinate-system -->
            <g id="outSvg"></g>
        </svg>
    ...

js方法输出一行和几个<use href="infotop">元素#outSvg(成为图形).该<use>元素具有的onmouseover事件显示工具提示.

现在,当谈到在检索坐标onmouseover-function的<use>我碰到的问题:

我尝试了以下不同的方法来检索值:

function showInfo(evt){

    console.log("target: "+evt.target);
    console.log("AttrNS: "+evt.target.getAttributeNS(null,"x"));
    console.log("Attrib: "+evt.target.getAttribute("x"));
    console.log("basVal: "+evt.target.x.baseVal.value);
    console.log("corrEl: "+evt.target.correspondingUseElement.x.baseVal.value);

产生以下输出:

    //target -> ** [object SVGUseElement] in FF, in all other browsers: [object SVGElementInstance])
    //AttrNS -> Works …

我在为给定表行中的每个单元格设置CSS类时遇到问题.最初我认为设置父行CSS会影响单元格的样式属性,但这不起作用.相反,我必须循环遍历给定行中的所有单元格以更新CSS类.

然而,这并不高效.而且花了很多时间.考虑一下我的情况:我有大约230行,其中每行有23个单元格(总共5290个单元格).

注意:我不使用任何框架.那么请你在原生JS中建议一个方法吗？

更新:

使用Paolo的建议,它的工作正常.

最初我的自定义css类是这样的

.Grid_RowItalicsBold { PADDING-RIGHT: 5px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: Black; LINE-HEIGHT: 15pt; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Sans-Serif; WHITE-SPACE: nowrap; BACKGROUND-COLOR: yellow; TEXT-DECORATION: none }

我改变了这个

tr.Grid_RowItalicsBold td{ PADDING-RIGHT: 5px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: Black; LINE-HEIGHT: 15pt; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Sans-Serif; WHITE-SPACE: nowrap; BACKGROUND-COLOR: yellow; TEXT-DECORATION: none }

我使用javascript将此类分配给我的特定行.:)