- 博客(26)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 parcel 打包编译ts
1 安装yarnnpm i yarn -g2， 安装parcelyarn add --dev parcel@next3,使用他会自动将ts 变成 js它自动编译的js行，使用就到这里，大家加油
2020-11-30 08:43:07
367
原创 jQuery 滚动条
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
2020-11-25 09:58:48
1681
原创 jQuery 效果
显示隐藏 + 下拉对应的 css (display :none; display:block;)fadeIn 对应opacity 也对应 display: none; 这个要了解这个我要测试下！————————————————————————————————————————————这个要测试下这个结果：我要说的是，js 中判断参数的个数的方法 arguments ?—————————...
2020-11-25 09:09:39
245
原创 jQuery 复习-jQuery 选择器
有就返回true 不含有的话就返回false————————————————————————————————————jQery 选择器，说白了就是对querySelector 的封装——————————————————————标准选项卡的套路 <div class="wrapper"> <ul id="left"> <li><a href="#">女...
2020-11-25 08:47:20
169
原创 关于jQuery 两个插件网站
jQuery 插件常用的网站：1. jQuery 插件库 http://www.jq22.com/2. jQuery 之家 http://www.htmleaf.com/其实我们用插件的时候，就下载下来，看官方的案列，然后，复制html结构，css 样式和js 行为就行了——————————————————————$.extend() 方法，可以对应的深copy 和浅copy，说白了就是指针问题栈， 堆 空间，弄清楚一切就OK！这个估计用不到！...
2020-11-24 11:11:06
820
1
原创 手风琴的JQuery写法
这个是很简单的，但是刚开始的时候，容易出现问题，如果你没写过的话！布局：<div class="king"> <ul> <li class="current"> <a href="#"> <img src="images/m1.jpg" alt="" class="small"> <
2020-11-22 10:48:55
706
3
原创 移动端移动的代码逻辑
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
2020-11-21 18:40:05
129
原创 点击回到顶部的缓冲动画
// 动画函数 function animate(obj, target, callback) { // console.log(callback); callback = function() {} 调用的时候 callback() // 先清除以前的定时器，只保留当前的一个定时器执行 clearInterval(obj.timer); obj.timer = setInter...
2020-11-21 18:20:07
191
原创 放大镜效果，关键是一个小算法
1， 布局右侧一个大图片的box2, 当左侧mousemove 的时候，让图片显示3， 计算坐标位置，有个比列关系！ 左边 标记盒子的最大移动位置/ 右边大图的最大移动位置 = 左left/右left右left =左left * 右大最大移动位置/ 左标记盒子的最大移动位置代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2020-11-19 09:53:31
269
原创 放大镜效果实现1
1，如果一个大目标，看起来很吓人，只要拆解出小目标，然后实现小目标，大目标就自然而然搞定了a 让一个盒子背景色半透明 .mask { background: #FEDE4F; opacity: .5; }b 当鼠标悬浮的时候，显示move样式cursor:move;c ， 当大盒子mouseenter 的时候，让mask 盒子显示出来 smallBox.addEventListener("mousee.
2020-11-19 08:22:01
225
1
原创 随着右侧滚动条滚动，右侧定位的元素样式发生变化
知识点回顾：1， 得到一个元素在页面文档中的距离顶部的距离var banner = document.querySelector(".banner")console.log(banner.offsetTop)2，监听浏览器滚动条的变化 document.addEventListener("scroll", function() { var root = document.documentElement || document.body; ...
2020-11-19 03:06:31
654
原创 js 常用代码
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言假如一个页面有滚动条，我们如何获取滚动的距离呢?提示：以下是本篇文章正文内容，下面案例可供参考一、为啥要得到滚动距离，因为有些时候我们需要根据滚动了多少从而执行一些特效？二、看下代码：<!DOCTYPE html><html lang="en"><...
2020-11-19 02:43:47
672
原创 js 实现简单拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
2020-11-18 11:30:30
201
3
原创 js 倒计时的思路
window.addEventListener("load", function() {// 在这里写倒计时的effect// 开始的时间var firstTime = new Date(2020, 11, 18, 10, 34, 0);// console.log(firstTime.getTime())// 截止到指定的日期的毫秒数var totalTimes = firstTime.getTime() + 24 * 60 * 60 * 1000;// console.log
2020-11-18 10:43:46
541
3
原创 js 匀速运动重新复习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
2020-11-16 09:17:03
105
原创 2020-11-12
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
2020-11-12 20:36:24
77
原创 复习选项卡，jQuery
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
2020-11-02 21:19:42
105
原创 3d 盒子初步写法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
2020-11-02 09:58:46
265
原创 js 能力补充
我的js能力突然发现很弱，所有要补一下，这个算法能力也要补！js 操作样式this.style.WebkitTransform = this.style.transform = "rotateX(45deg)";
2020-11-02 09:22:43
151
手风琴图片大家可以下载
2020-11-22
AJAX(2).rar
2019-12-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人