- 博客(6)
- 收藏
- 关注
原创 卓音暑期前端培训——JS第一讲
一、递归函数 函数的递归:函数反复调用自己,直到最终结果,跳出。 var n = 0; shownumber(); function shownumber() { n += 1; if (n === 10000) { console.log(n); return; } shownumber(); } 方法一: function test(num){
2021-07-18 22:29:16
135
原创 JavaScript DOM&事件
一、JavaScript组成 ECMAScript: 描述了JS的语法和基本对象 DOM(Document Object Model):处理网页内容的方法和接口 BOM(Browser Object Model):与浏览器交互的方法和接口 二、BOM 什么是BOM? BOM是指浏览器对象模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。 常见的BOM对象 window:代表整个浏览器窗口(window是BOM中的一个对象,并且是顶级的对象) Navigator :代表浏览器当
2021-05-28 09:16:32
137
原创 Vue过渡动画
一、Vue中的动画实现原理 Vue实际上是通过动态地给< transition > 标签包裹的内容添加class,然后结合css对不同的class实现不同样式,最终实现动画效果 二、Vue过渡的实现方式 单个元素 <div id="box"> <button @click="isShow=!isShow">click</button> <transition name="myfade">
2020-11-12 23:32:40
490
原创 Vue计算属性与监听属性
一、什么是计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 比如,我们在一个Vue实例里面设置data,myname的值为tom。这个值是未经过处理的,所以在页面上显示tom。 <div id="box"> {{myname}} </div> var vm = new Vue({ el:"#box", data:{ myname:"tom"
2020-11-11 14:16:55
173
原创 jQuery阶段复习3-4
三、jQuery事件 1.加载DOM树 执行时机 window.onload是在网页中所有的元素以及所有关联文件完全加载到浏览器后才执行; $(document).ready()则是在DOM树完全就绪时就可以被调用。 但可以使用$(window).load(function(){})等同于window.onload 多次使用 $(document).ready()可被多次使用。 简写方式 $(function){} 2.事件的绑定与移除 绑定:bind()方法 对匹配元素进
2020-09-14 19:17:54
92
原创 jQuery阶段复习1-2
一、jQuery节点操作 1.jQuery简介 jQuery是一个快速、简洁的JavaScript框架,它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 2.jQuery 节点操作 1.DOM节点获取 $('#test').parent(); //获取父节点 $('#test').parents();//获取全部父节点,一路向上直到文档的根元素 (<html>) $(‘#test').children(
2020-09-14 18:37:38
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人