爱前端的程序媛的博客

momentmoment是一个js工具库，这个库中封装的是日期时间的方法，功能很全面。可以去moment官网看看，它的中文文档介绍的也很详细，主要是看一下方法的使用。附上官网地址：moment.js官网日历案例模仿的是win10自带的日历，但是功能没有很全面，简单的实现了上下翻更新的效果，选择年份的功能没有实现呢。简单说下，日历的逻辑问题。从当前月出发，必须直到当前月的天数，必须知道当前月第一天是星期几。只有知道了天数和第一天是星期几，才能知道第一天的位置在哪，要显示几天。核心点就是解决这两点

案例时间这个案例前几天就看了，一直没时间做，今天就把它做出来。这个案例是一个待办事项列表，可以记录自己当天需要做的事情，完成一件就画勾，要是不想要了就删除，可以很好的督促自己完成每天的学习任务啊。看下效果吧。当我第一次看到这个效果时，从局部出发，我的第一反应就是点击事件的删除和添加操作。但是看视频的时候老师做了需求分析，很仔细的分析了案例的效果，事实证明并没有我想的那么简单。确实是添加删除元素的操作，只是对象变了，不是父元素创造元素再添加元素的步骤，而是对存储的操作，最后把存储中的数据渲染到页面。第一

这几天没有之前学习的时间久，相对的知识输入没有之前多了，那对应的知识的输出量就变少了，但是还是在往前看的，就是速度更慢了。但是，还是在保持着知识的输入的，哈哈哈哈哈哈。今天就写个电梯导航吧。简单来说就是在当前页面中页面自己的跳转，emmmmm，还是先来用文字再解释下吧。在页面中，一般都会有一个侧边导航栏，点击选项页面会跳转到对应的区域；或者滑动鼠标页面到到一个分类的区域侧边导航栏的选项也会变。...

今天呢，仍然是简单的介绍几个方法，获取元素对象的尺寸以及元素的位置。在JavaScript中，我们通过offset/client获取元素在页面中的位置和尺寸，同样在jQuery中，我们也需要知道如何去获取元素的大小以及元素的偏移量。jQuery获取元素的尺寸获取元素的宽高 —— 内容区的大小width() height() // 对象的宽高 ...

当需要一个对象想把另一个对象的内容复制一份给自己时，就出现了拷贝的问题，进而引出深拷贝和浅拷贝。jQuery中有拷贝对象的方法$.extend([deep],targetobj,obj[,obj1][,obj2])：targetObj拷贝obj方法中有三个参数deep：如果值为true，为深拷贝，否则浅拷贝。默认是浅拷贝targetObj：拷贝的对象obj：被拷贝的对象...

近期在巩固基础知识，回头看看js基础，数据类型、数据类型之间的转换、操作符等等，这个东西容易忘记，就想回头再看看，接着着重再看下隐式转换的问题。事件基础在JavaScript中也学习了一部分，今天看jQuery的事件的时候也是相对比较容易接受的。方法的使用都很相似，重要的是得记住方法，以及方法里面得参数。来吧，看知识点。事件注册ele.事件通常我们都是使用ele.事件(...

这个案例拖延了三天，今天终于给补上了。购物车结算的功能，主要就是更新商品的数据了。主要利用的知识是jQuery中元素的获取、获取元素的子元素或父元素、操作元素属性和元素的文本内容以及对jQuery选择器的应用，等等吧。反正就是把JavaScript里的操作在这里更好的用jQuery实现。这个案例的核心价值我认为就是数据的获取与转换，以及遍历元素。练习的价值还是挺高的，还有就是更让我们清除的...

前面学习了jQuery选择器以及jQuery动态效果的方法，今天来学习jQuery操作元素的一些知识，主要包括三个内容：属性操作、内容文本值操作以及元素的增删改查和遍历的操作。同样是学习一些方法的使用。 属性操作 固有属性 prop() 方法 —— 获取属性值prop(“属性名”)； 更改属性值prop(“ 属性名 ”," 值")自定义属性 attr() 方法 ——获...

案例时间为什么叫手风琴我也不清楚，直接的视觉效果就是鼠标滑过时大图片显示小图片隐藏。emmmmm，就是这样的。看下效果图。核心布局：用ul。li中的a放两张图片，小图片使用定位定到li的最左边，大图片不用动直接放在a里就行。效果：正常显示的话是小图片显示，当鼠标滑过当前li时，当前li里的小图片淡出大图片淡入；其他li中的大图片淡出小图片淡入。说简单也简单，说不简单也不简单。就...

写在前面使用jQuery简直不要太舒服啊，有人说jQuery过时了，没必要学。但是，你不学你就一直是过时的，过时的技术你都不学都不了解何谈新型技术？不要好高骛远，一步一步的来吧，很多事情都是水到渠成的，急不得。好好加油鸭！今天学习了，jQuery效果。主要是让元素实现显示隐藏、上拉下拉、淡入淡出的这些动态效果，反正都是一些jQuery对象方法的使用，很好用的。先来梳理知识点吧。j...

排他思想用大白话说就是多选一，只选中被选中的那个，其他的不选中。用原生js实现排他，需要循环遍历，比较麻烦。jQuery里有隐式迭代，就不需要我们再去循环绑定事件循环遍历元素了，简单了许多。首先了解jQuery的三个方法，隐藏元素、显示元素以及获取元素索引号。hide() 隐藏元素show() 显示元素index() 返回元素索引号ok，先来个简单的排他案例呗，依然是...

JQuery本质上是JavaScript的一个库，就是JavaScript中一些常用的方法封装起来，以便于我们使用。使用JQuery的核心就是使用它里面封装的方法。今天就学习了JQuery关于筛选的内容，与原生JavaScript的选择器的效果是一样的。简介JQueryjquery，J代表的是JavaScript，query是查询的意思，连接起来就是查询JavaScript。本质就是js封...