首页 前端知识 从小公司跳槽到大公司面试时怎么说离职原因,一、Jquery入门,字节跳动 腾讯 华为 小米 阿里面试题分享

从小公司跳槽到大公司面试时怎么说离职原因,一、Jquery入门,字节跳动 腾讯 华为 小米 阿里面试题分享

2024-06-13 21:06:36 前端知识 前端哥 518 303 我要收藏

src="http://ajax.googleapis.com/ajax/libs

/jquery/1.4.0/jquery.min.js"

使用 Microsoft 的 CDN:

三、jQuery 语法

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

jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

基础语法是:

$(selector).action();

  • 美元符号 $ 定义 jQuery。

  • 选择符(selector)“查询”和“查找” HTML 元素。

  • jQuery 的 action() 执行对元素的操作。

另外需要注意的是:在 jQuery 库中 $ 符号就是 jQuery 的一个简写形式,例如 KaTeX parse error: Expected ‘EOF’, got ‘#’ at position 3: (“#̲lw”) 和 jQuery("….ajax 和 jQuery.ajax 是等价的,如果没有特别说明,程序中的 $ 符号都是 jQuery 的一个简写形式。

3.1 文档就绪函数


所有 jQuery 函数位于一个 document ready 函数中:

$(document).ready(function(){

});

// 可以简写成

$(funciton(){

});

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:

  • 试图隐藏一个不存在的元素。

  • 获得未完全加载的图像的大小。

上面的这段代码其实有点类似于传统 JavaScript 中的 window.onload 方法,不过它们还是有一些区别的,简单对比如下所示:

| | window.onload | $(doucment).ready() |

| — | — | — |

| 执行时机 | 必须等待网页中所有的内容加载完毕后才能执行(包括图片) | 网页中所有 DOM 结构绘制完毕后就执行,可能 DOM 元素关联的东西并没有加载完 |

| 编写个数 | 不能同时编写多个。 | 能同时编写多个。 |

编写个数的意思就是:

window.onload = function () {

alert(“test1”);

};

window.onload = function () {

alert(“test2”);

};

//结果只会输出 test2。

$(document).ready(function () {

alert(“test1”);

});

$(document).ready(function () {

alert(“test2”);

});

//结果两次都输出

3.2 编写我们的第一个 jQuery 程序


例子:

请添加图片描述

四、 jQuery 代码风格

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

良好的代码风格使得代码更加具有可读性,适当的注释代码,对于日后代码的维护也是非常有利的。来看个例子:

  • 春天

    • 春意盎然
    • 春意盎然
    • 春意盎然
    • 春意盎然
    • 夏天

      • 夏日炎炎
      • 夏日炎炎
      • 夏日炎炎
      • 夏日炎炎
      • 秋天

        • 秋高气爽
        • 秋高气爽
        • 秋高气爽
        • 秋高气爽
        • 代码很简单,我们没有加入 css 样式这些,主要还是讲解 jQuery,运行效果为:

          请添加图片描述

          简单解释一下这段代码,当鼠标点击到 a 标签的时候给其添加一个名为 current 的 class,然后调用 next() 和 show() 将其后面的元素显示出来,然后调用 parent()、siblings()、children(“a”) 将它的父辈的同辈元素的内部的子元素 a 都去掉一个名为 current 的 class (removeClass(“current”)),并且将紧邻它们后面的元素都隐藏。

          这就是 jQuery 的强大的链式操作,一行代码就完成了我们导航栏的功能,大家可以试着去写一下原生的 JavaScript 代码,看看需要写多少行,这也就是我们 jQuery 的魅力所在。当然上面的那些方法看不懂也没关系,后面都会讲解的。不过为了进一步改善代码的可读性和可维护性,推荐一种写法:

          $(document).ready(function () {

          $(“.level1>a”).click(function () {

          $(this)

          .addClass(“current”) //给当前元素添加"current"样式

          .next()

          .show() //下一个元素显示

          .parent()

          .siblings()

          .children(“a”)

          .removeClass(“current”) //父元素的同辈元素的子元素a移除"current"样式

          .next()

          .hide(); //它们的下一个元素隐藏

          return false;

          });

          });

          也就是说适当的换行和添加注释可以让我们对代码作用一目了然,增加代码的可读性,便于日后的维护,提高开发效率。

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

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

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

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

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

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

          总结:

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

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

          Tips:

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

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

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

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

          一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
          img

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

          Tips:

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

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

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

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

          一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
          [外链图片转存中…(img-yZbxA7XJ-1712472293892)]

        转载请注明出处或者链接地址:https://www.qianduange.cn//article/12011.html
        标签
        跳槽
        评论
        发布的文章

        Vue——事件修饰符

        2024-06-20 00:06:30

        dhtmlx-gantt 甘特图

        2024-06-20 00:06:28

        大家推荐的文章
        会员中心 联系我 留言建议 回顶部
        复制成功!