jQuery简单好用的JavaScript代码库略解使用,字节前端高级岗

位置选择器

====================================================================

在这里插入图片描述

在这里插入图片描述

针对上级标签而言的位置选择器

:first-child 匹配第一个子元素

:last-child匹配最后一个子元素

:only-child如果某个元素是父元素中唯一的子元素,将会被匹配

:nth-child(n) :nth-child(odd|even) :nth-child(xn+y) 匹配其父元素下的第N个子或奇偶元素

注意:nth-child()选择器编号是从

始,而其他选择器从0开始

在这里插入图片描述

属性选择器

====================================================================

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

表单选择器

====================================================================

关于表单项的选择器

:text :password :radio :checkbox :hidden :file :submit

:input 匹配所有 input, textarea, select 和 button 元素

关于表单项状态的选择器

:selected :checked :enabled :disabled :hidden :visible

注意 ( " i n p u t " ) 和 (“input”)和 (“input”)和(“:input”)的区别

( " i n p u t " ) : 标 签 选 择 器 , 只 匹 配 i n p u t 标 签 , (“input”):标签选择器,只匹配input标签, (“input”):标签选择器,只匹配input标签,(“:input”): 匹配所有 input, textarea, select 和 button 元素

在这里插入图片描述

在这里插入图片描述

jQuery完成DOM编程

============================================================================

jQuery操作属性和样式

============================================================================

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

jQuery操作事件

=========================================================================

单机事件

在这里插入图片描述

在这里插入图片描述

执行一次事件

在这里插入图片描述

在这里插入图片描述

动画效果

在这里插入图片描述

在这里插入图片描述

js和jq对象转换

在这里插入图片描述

在这里插入图片描述

验证码的产生:

在这里插入图片描述

在这里插入图片描述

正则

=================================================================

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
获得其他项的验证
在这里插入图片描述

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

总结:

  • 函数式编程其实是一种编程思想,它追求更细的粒度,将应用拆分成一组组极小的单元函数,组合调用操作数据流;

  • 它提倡着 纯函数 / 函数复合 / 数据不可变, 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用;

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想,这里也只是浅尝辄止,一些个人理解而已。博主也是初级小菜鸟,停留在表面而已,只求对大家能有所帮助,轻喷🤣;

我个人觉得: 这些编程范式之间,其实并不矛盾,各有各的 优劣势

理解和学习它们的理念与优势,合理地 设计融合,将优秀的软件编程思想用于提升我们应用;

所有设计思想,最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用,开发更为高效和安全

一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

b71ac0)

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

  • 19
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单前端代码实现,使用jQuery实现一个基于规则的问答系统: HTML代码: ```html <div> <label>症状:</label> <input id="symptoms" type="text" placeholder="请输入症状,以逗号分隔"> <button id="diagnose">诊断</button> </div> <div id="result"></div> ``` JavaScript代码: ```javascript // 病例库 var cases = [ { symptoms: ['头疼', '咳嗽', '发热'], disease: '感冒' }, { symptoms: ['头疼', '恶心', '呕吐'], disease: '偏头痛' }, { symptoms: ['腹痛', '腹泻', '发热'], disease: '肠胃炎' } ]; // 规则库 var rules = [ { conditions: ['头疼', '咳嗽', '发热'], result: '感冒' }, { conditions: ['头疼', '恶心', '呕吐'], result: '偏头痛' }, { conditions: ['腹痛', '腹泻', '发热'], result: '肠胃炎' } ]; // 推理函数 function inference(symptoms) { for (var i = 0; i < rules.length; i++) { if ($(rules[i].conditions).not(symptoms).length === 0 && $(symptoms).not(rules[i].conditions).length === 0) { return rules[i].result; } } return null; } // 诊断函数 function diagnose() { var symptoms = $('#symptoms').val().trim().split(','); var disease = inference(symptoms); if (disease) { $('#result').text('诊断结果:' + disease); } else { $('#result').text('未能诊断出疾病,请输入更多症状'); } } // 绑定事件 $('#diagnose').click(diagnose); ``` 以上代码实现了一个简单的基于规则的疾病诊断问答系统。用户可以输入症状,系统会根据规则库中的规则进行推理,最终给出诊断结果。该代码使用jQuery库来简化DOM操作,并使用了一些jQuery的工具函数来实现规则匹配。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值