前端菜鸟001-CSDN博客

原创 webpack打包发生错误

use写成了user，以前看到错误就去找别人博客。其实每个人犯的错误都不一样，一定要静下心来看自己错误，如果静不下来心，真不如出去溜溜弯不做。好吧，找到这个bug的时候，我反手给自己了一个大嘴巴子。...

2021-08-20 16:53:13 161 1

原创闭包思考：

闭包：闭包指有权访问另一个函数作用域中变量的函数一个作用域可以访问另一个函数作用域就叫做闭包。闭包的作用延伸变量作用域；让我们来看这样的一个思考题： var name = "The window"; var object_one = { name: 'My Object', getName: function() { return function() {

2021-07-26 17:26:17 108

从代码头部开始分析，代码执行的顺序是：先创建了一个空数组，然后执行for循环，然后将函数存储到数组中。这时候函数并没有被调用。然后for循环结束，arr[0]()和arr[1]()调用函数。注意var 声明的变量的作用域是全局作用域，而在执行调用函数之前，for循环早就执行完了，这个时候的i变成了2，被调用的函数的i去找值只能上全局作用域中去找，然后两个函数找到的都是2.所以输出的结果都为2。这个和上一个代码执行的顺序都是一样的，不同的点是let声明的关键字，在每一次执行for循环...

2021-07-26 12:12:44 693

原创 js中构造原型，原型链

构造函数和原型以前的创建对象的三种方式：1.对象字面量2.new object()3.自定义构造函数new 在执行时会做的四件事：1.在内存中创建一个空的内存对象2.让this指向这个对象3.执行构造函数中的代码，给这个新对象添加属性和方法4.返回这个新对象(不需要return)function star(uname,age){this.uname=uname;this.age=age;this.sing=function(){}}v

2021-07-25 09:43:02 174

原创使用jQuery发送jsonp实现跨域

首先我们要知道什么叫做跨域？在了解跨域之前我们要明白一个东西，那就是同源策略。同源策略：同源：协议，域名，端口号必须完全相同，AJAX默认的就是符合这个策略，不符合的其实就叫做跨域。那么怎么样去处理跨域呢？通过一个案例我们来看前台代码：<script> $('button').click(function() { $.getJSON('http://127.0.0.1:8000/jquery-jsonp?callback=?', fu

2021-07-24 13:46:28 227 1

原创 AJAX 总结：ajax请求的几种方法。

首先我们得知道AJAX是干嘛的，为什么要学习它把。这里我看了一个博客，写的挺好。传送门：看这一篇就够了！-Ajax详解_Oriental_的博客-CSDN博客。第二个重要的是你要知道http协议中的请求报文和响应报文，要不学的一脸懵。请求报文：请求行，请求头，请求空行，请求体。借一个博主文章讲一下请求报文。第一行就是请求行，请求行中含有请求方法，请求URL，还有HTTP协议版本。下面的圈4全部都是请求头，请求头是关键字/值对的形式。最下面的一行就是请求体，注意GET方法没.

2021-07-24 12:52:34 3013

原创淘宝固定侧边栏电梯侧边栏做法

这是一个淘宝侧边栏电梯的案例。主要实现的功能:1.当页面滑到手机栏显示 2.点哪个小li 页面就会滑到哪个模块 3.滑到哪块模块对应的小li变红 $(function() { //当我们点击了小li之后，不需要执行滚到哪里小li变红 var flag = true; var toolTop = $(".shouji").offset().top; //到了手机模块显示， ...

2021-07-23 10:48:54 285

原创经典案例todolist做法 , localStorage 本地数据存储

<header> <section> <label for="title">ToDoList</label> <input type="text" id="title" name="title" placeholder="添加ToDo" required="required" autocomplete="off" /> </section> ...

2021-07-23 10:06:45 587

原创王者手风琴案例 jQuery css

<div class="king"> <ul> <li class="current"> <a href="#"> <img src="./wzimges/m1.jpg" alt="" class="small"> <img src="./wzimges/m.png" alt=""...

2021-07-21 22:47:08 414 3

原创 jQuery做淘宝服饰案例，css

这个就是比较简单的淘宝tab栏切换的案例 <div class="wrapper"> <ul id="left"> <li><a href="#">女靴</a></li> <li><a href="#">雪地靴</a></li> <li><a href="#">冬裙&...

2021-07-21 22:39:30 467 2

原创 pc端轮播图 css、js

这是一个轮播图的效果。 <div class="main"> <div class="focus"> <a href="javascript:;" class="arrow-l"> < </a>  <a..

2021-07-21 12:25:01 548

原创仿京东产品放大镜 css js制作

这是一个仿京东商品放大的一个案例，使用css js制作，接下来让我们一起来看代码吧。html代码框架：<body> <div class="preview"> <div class="preview_img"> <img src="../classThree/imges/s3.png" alt=""> <div class="mask"></div&gt...

2021-07-18 11:03:35 243

原创利用css和js制作模块框拖拽的效果

这是一个利用css 和js做出来的一个登录模块框拖动的案例这是基本框架，应该很好制作，就是一个登录框。<script> var dianji = document.querySelector('.dianji'); var close = document.querySelector('.close-login'); var login = document.querySelector('.login'); ...

2021-07-17 21:16:35 442

原创 css，js 制作倒计时效果

利用css和js制作一个倒计时的效果，这种效果的用处很多，让我们一起来学习把。首先，先准备三个盒子，分别放小时，分钟，秒数有两个要点：第一个就是这个倒计时的函数原理就是获取现在时间的时间戳和输入时间的时间戳，然后用输入的时间戳减去现在时间的时间戳，最后分别转换为小时，分钟，和秒就可以了。第二个就是利用定时器，1秒循环调用这个倒计时的函数。这样就可以做到倒计时的效果了。注意：如果想进去网页中直接就进行倒计时，需要在定时器前面就调用一次这个函数就可以了。最后附上时间的...

2021-07-17 19:58:07 774

原创仿作一个评论论坛

这是仿b站下方的那个发言的评论。首先为发布这个按钮设置监听，如果你没有输入内容就会弹出提示框，如果你输入内容了就会在空的ul下创建新的小li。小li 中的内容就是在上方文本域中输入的值，并且加上一个删除的超链接。最后利用for循环给每一个超链接都加上监听，点击删除的超链接后就会删除这个增加的小li。this.parentNode就是现在点击的那个超链接的父节点。...

2021-07-14 21:31:25 101

原创动态表格的制作

这是一个动态添加表格数据的案例，有删除的功能：这边提示一点，尽量别用border-collapse=collapse 这个属性，因为当我们删除数据的时候，边框会出bug，不怎么好看。

2021-07-13 22:37:01 256

原创表格全选案例

这个案例是做一个全选表格file:///E:/js/classOne/biaoge.html当我们点击了上面全选按钮，下面的按钮也会选上。当我们把下面的按钮全选上，上面的全选按钮也会选上。下面上代码：这个结构就是一个表格的一个结构没什么，这个js代码我分了两步。1.先做上面总的那个全选框，当我们点击了全选框，那么下面的小的按钮都会被选上。先给总的那个全选框添加监听，然后使用for循环遍历一个小的选择按钮，把他们都设置上选取。2.先给总全选框设置一个变量来判断它是否被选中..

2021-07-13 22:12:55 201

原创制作京东快递查询 css制作三角形

这是我学习前端道路上制作的一个小案例，想把这些记下来，记录我的学习经历和更加熟练的掌握代码.。这个案例是当我们在下面输入数字时上面的盒子会放大的显示出来，效仿的是京东快递查询单号。好了，废物不多说，上代码。1.结构：2.css样式：这些样式没有什么亮眼的，无非就是一些定位什么的，唯一值得一提的就只有css制作三角形了。css制作三角形：(1).将宽度和高度都设置为0；(2).设置边框线的宽度，边框线的样式(边框线越宽三角形越大，因为这个三角形就是边框线撑...

2021-07-09 22:01:25 320

小白的博客