前端框架对页面的损害+如何判断一个dom是否存在某个属性

目录

  • 进入主题
  • 我的经历
  • 特此记下造福后人
  • 如何判断一个dom是否存在某个属性

进入主题

  • 今天遇到一个问题就是引发了我对各种前端框架的思考。
  • 首先我个人认为前端js+css框架,多数其实原理是这样的:
    • 写页面的时候使用框架提供的css类。
    • 然后框架通过这些预定义样式提供美观的界面。
    • 涉及到功能的则是通过jquery的选择器根据class选择到dom元素,然后对dom元素进行操作。
    • 完毕
  • 如上所述,框架会对页面dom元素进行简单的修改。

我的经历

  • 今天我使用框架,使用了框架的dialog,我的dialog中有个checkbox哦。然后我又调用相关方法destroy掉dialog之后。发现我的checkbox倒是没丢,但是checkbox的value属性没了(我原始代码中checkbox的value是设置了的)。
  • 问题解释:其实这个问题说明的就是,当框架去把我的某个form或者div修改为dialog的时候肯定对dom进行修改。然后再调用方法destroy掉dialog的时候会复原。但是这个复原是如何复原呢?比如A->B,复原是按照一定规则B->C呢?还是B->A呢?我想此处我用的这个框架肯定是根据框架自身形成dialog的规则进行倒回去的操作了一遍,而不是从页面找到了我原先的dom进行复原。
  • 正好checkbox的value我用到了,郁闷了好久。

特此记下造福后人

如何判断一个dom是否存在某个属性

  • 关于如何判断一个dom是否存在某个样式jquery提供了非常遍历的方法hasClass。
  • 但是却没提供方法判断是否存在某个属性。
  • 现提供一个方法如下(这个是摘自网络):

    比如我们要判断a标签是否包含rel属性:

    如果存在某个属性$(“a”).attr(“rel”)会返回 rel的值,如果不存在 rel属性则会返回”undefined”。

 if($("a").attr("rel")=="undefined")

这个判断永远不会不成立。因为类型不相同。undefined 就是 undefined类型。所以改为:

if(typeof($("a").attr("rel")) == "undefined")

typeof是求变量类型。

时间: 2024-08-05 19:52:20

前端框架对页面的损害+如何判断一个dom是否存在某个属性的相关文章

闲话js前端框架(3)——再也不想碰DOM

闲话js前端框架 前端人员=美工+设计+代码+测试 --题记 专题文章: 一.从avalonjs的模板说起 二.庞大的angularjs 三.再也不想碰DOM 四.组件化?有没有后端的事? 五.再看自己一年前设计的微型渲染引擎 六.在浏览器标准上做文章 七.抛开浏览器,构建应用容器 八.为何Flash.银光和Java都在网页端一蹶不振 本文属 西风逍遥游 原创, 转载请注明出处: 西风世界 http://blog.csdn.net/xfxyy_sxfancy 三.再也不想碰DOM 我只能说,在复

如果判断一个dom 对像?

例:如果一个div 页面提示:htmldivElement

js判断一个dom中是否包含另一个dom的方法

首先,比较原始(蠢)的方法 function isChildOf(child, parent) { if(child && parent) { let parentNode = child.parentNode; while(parentNode) { if(parent === parentNode) { return true; } parentNode = parentNode.parentNode; } } return false; } 这里 while 中判断其实在实际情况我们

js中如何判断一个DOM对象是否存在?

<div id="div1"></div> if(!!document.getElementById("div1"))

web前端框架

1. Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架.它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面.它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件. Bootstrap是用动态语言LESS写的,主要包括四部分的内容: 脚手架——全局样式,响应式的12列栅格布局系统.记住Bootstrap在默认情况下并不包括响应式布局的功能.因此,如果你的设计需要实现响应式布局,那么你需要手动开启这项功能.

MVVM开源框架Knot.js 教程2 - 大幅改变前端框架开发体验的Debugger

Knotjs教程系列 1.CBS初步 2.Knot.js Debugger(本文) ....持续增加中 Knot.js 教程2 - 改变前端框架开发体验的Debugger Debugger只是一个方便开发的附属工具,按道理说是不值得单独为之写一篇文章的.不过Knot.js的Debugger绝对值得一篇文章. 有过框架开发体验的朋友一定多少都有过和框架搏斗的经验.一个小小的设置错误,由于你对框架的不够熟悉,导致出错后完全摸不到头脑.或者被迫在一堆陌生的代码中跟踪尝试找出问题,或者只有上网到处拉人提

前端框架React Js入门教程【精】

现在最热门的前端框架有AngularJS.React.Bootstrap等.自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJS的风采吧~~ 章有点长,耐心读完,你会有很大收获哦~ 一.ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出来以后,发现这套东西很好用

聊聊我对现代前端框架的认知

原文链接:mp.weixin.qq.com 奇技指南 本文作者 Berwin,W3C性能工作组成员,360导航高级前端工程师.Vue.js早期用户,<深入浅出Vue.js>(正在出版)作者. 最近看到一篇国外的文章,说现代JS框架存在的根本原因是保持UI与状态同步.这其实与我这篇文章的思想是一致的,同时也认证了我对现代前端框架的认知是正确的. 现在前端界有三大框架横行,Vue,React,Angular,几乎是所有身为一名前端工程师所必备的一项技能. 但是我不知道有多少人仔细思考过为什么会这样

easyui前端框架01

一. 三大前端框架的特点 1.easyui=jquery+html4 优点:快速开发.功能齐全 .免费 缺点:不好看.不支持相应式开发 2.bootstrap=jquery+html5 优点: 功能强大.好看.好用.  支持响应式开发 缺点:部分功能收费 3.layui 优点:好看 .功能强大.免费.支持响应式开发 缺点:框架本生bug较多 二. easyui的使用 (layout.tree.tabs  ) easyui的学习路径有:看官方API    看官方demo    http://www