最近项目中用到的一些jquery选择器等前端知识

1.获取当前对象的父节点的某些属性:
如上图:点击编辑想获取 ispipgroup属性,js如下
function gotoUpdatePipeline(obj){
var isPipGroup = $(obj).parent().parent().attr("isPipGroup");
}
补充:$(obj).children()为获取儿子节点
   $(obj).prev()为获取同级的上一个对象
  $(obj).next()为获取同级的下一个对象

2.获取表格中的数据拼成json串
       

       
如上图:圈红部分为获取表格中内容的代码,param_name对应名称,param_default对应默认值
      param为最后拼接好的json串
3.对表格的行的增减操作
如图:为增加一行的代码,tr,x1,x2,x4分别为新创建的节点,.appendChid()方法把这些建好的节点加到目标节点下
4.给table的序号列自动赋序号值:
5.var subPip2 = $("div.subLine h6 p");获取所有属性有subLine的div下的h6标签下的p标签

  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端仿 QQ 设计的过程,需要掌握以下主要知识点: 1. HTML 和 CSS:熟悉 HTML 标签的结构和语义化,使用 CSS 进行样式设计和布局。了解盒模型、选择器、浮动、定位等基本概念,能够灵活运用 CSS 实现页面的美化和布局。 2. JavaScript:掌握基本的 JavaScript 语法和 DOM 操作,能够通过 JavaScript 实现页面的交互效果、动态加载数据等功能。熟悉常用的 JavaScript 库和框架,如 jQuery、Vue.js、React.js 等,以提高开发效率。 3. 响应式设计:了解响应式设计的原理和方法,能够使用 CSS 媒体查询、弹性布局等技术实现页面在不同设备上的适配和响应式布局。 4. 前端框架:熟悉常用的前端框架,如 Vue.js、React.js、Angular 等,能够使用框架提供的组件化开发和状态管理等功能,简化开发流程。 5. 实时通信:了解 WebSocket 技术及其原理,能够使用 WebSocket 实现实时消息的收发功能。熟悉长轮询等其他实时通信技术也是有帮助的。 6. 用户认证与权限控制:了解用户认证和权限控制的基本原理,能够使用 JWT 等认证机制实现用户的登录和权限验证。 7. 数据存储与缓存:熟悉常见的数据库系统,如 MySQL、MongoDB 等,能够使用数据库进行数据的存储和查询。了解缓存技术,如 Redis,以提高应用的读写性能。 8. 性能优化:了解前端性能优化的方法和策略,如减少 HTTP 请求、压缩和合并静态资源、图片懒加载、代码压缩和混淆等,以提升应用的加载速度和响应性能。 以上是前端仿 QQ 设计过程的主要知识点,掌握这些知识可以帮助你完成仿 QQ 应用的开发工作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值