自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 问答 (1)
  • 收藏
  • 关注

转载 Vue 自定义组件

自定义组件

2023-08-16 22:04:57 988 1

原创 什么是强制缓存和协商缓存?

但是有一些 "聪明" 的用户会点击浏览器左上角的刷新按钮去刷新页面,这时候就算资源没有过期(1年没这么快过),浏览器也会直接去请求服务器,这就是额外的请求消耗了,这时候就相当于是走协商缓存的流程了(下面会讲到)。发请求-->看资源是否过期-->过期-->请求服务器-->服务器对比资源是否真的过期-->过期-->返回200状态码-->客户端如第一次接收该资源一样,记下它的cache-control中的max-age、etag、last-modified等。:在有效时间内,在缓存中找文件,不向服务器发送请求。

2023-07-19 11:05:56 122

原创 数组方法整合

会改变数组的方法: push() //arrayObject.push(newelement1)将newelement1添加至数组 pop() //arrayObject.pop()方法将删除 arrayObject 的最后一个元素并返回数组的最后一个元素。 shift() //arrayObject.shift()方法用于把数组的第一个元素从其中删除,并返回第一个元素的值 unshift() //arrayObjec

2021-09-11 14:39:00 449

原创 基于node渲染前台后台页面

首先写好一个前台首页,一个登陆页面,一个后台首页,一个后台列表页需要做的事,下载好express框架,然后在下载4个npm包(express-sessionart-templateexpress-art-templatemulter),然后对app.ja中的代码稍作修改将他的引擎改为(‘express-art-template’)app.engine('html', require('express-art-template'));app.set('views', path.join(__...

2021-08-13 00:52:32 273

原创 基于Ajax的小案例(克鲁赛德战记英雄展示)

我们想实现如下功能首先点击上方列表可以做到局部刷新点击英雄头像出现遮罩层并播放该英雄技能视频,双击退出casf1.给每个小li添加点击事件,当被点击时给当前小li添加一个类使其变色表示被点击,创建一个Ajax,代码中详解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width.

2021-08-06 19:56:50 284

原创 基于Node的一个小案例(留言板)

1.首先我们搭建html页面,留言部分我们写一个moustache语法就好,后面通过Node来动态添加进行替换,然后将css,js,image,放进对应的文件夹中。2.构建node.js的代码 我们使用各种模块时先将各种模块require进来。const http = require('http')const queryString = require('querystring')//处理请求参数模块const path = require('path')//处理路径模块c...

2021-08-06 18:56:58 130

原创 关于Ajax查询天气的经典案例(利用模板引擎)代码全讲解

主要思路:分析我们要干的事1.首先引入模板引擎、JQ文件2.搭建html页面3.给button绑定事件 1.首先我们获取到输入框的值 2.然后引入Ajax($.ajax({})) 3.给url地址 4.给服务器传输数据 5.期望返回值为json 6.成功后获取返回值打印出来观察数据格式那部分是我们想要的 7.定义模板引擎在里面写好我们期望的代码格式并对数据进行遍历 8.引用引擎模板将其给到html页面<!DOCTYPE...

2021-07-29 13:04:40 761 3

原创 关于CSS3的新特性(面试经典)

1.过渡属性transition: 要改变的属性,花费时间,效果曲线(默认ease),延迟时间(默认0)2.动画属性animation:动画名称,一个周期花费时间,运动曲线(默认ease),动画延迟(默认0),播放次数(默认1),是否反向播放动画(默认normal),是否暂停动画(默认running)3.圆角属性:CSS border-radius - 指定每个角border-radius属性可以接受一到四个值。规则如下:四个值 - border-radius: 15px...

2021-07-27 17:36:01 6390 3

原创 关于Ajax的英雄联盟查询英雄案例

首先我们搭建静态页面,css js如下<div class="wrapper"> <h1> <img src="../day01/code/images/search_title.png" alt=""> </h1> <div class="search"> <input type="text" name="hero" placeholder

2021-07-26 19:36:02 362 2

原创 关于css的外边距塌陷(很难避免)

1.首先我们搭建一组嵌套的盒子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-07-23 20:53:13 100 2

原创 关于JQ的模仿淘宝返回顶部的经典案例

1.首先观察我们的主体分成及部分然后搭建html静态页总共分为5部分加一个返回顶部<div class="back"> <div>手机</div> <div>家电</div> <div>智能</div> <div>搭配</div> ..

2021-07-23 20:26:10 111

原创 关于JQ和本地存储的一个经典案例(todo list)

1.首先我们搭建html页面<section class="todoapp"> <header class="header"> <h1>todos</h1> <input class="new-todo" placeholder="请输入你的计划" autofocus> </header> <!-- This section should be hidden by default and shown

2021-07-23 19:50:25 236 3

原创 JavaScript中的经典案例(防抖与节流)

1.首先我们创建一个窗口的滚动事件每0.5秒输出一次1 <script> window.onscroll = function () { setTimeout(function () { console.log(1); }, 100) } </script>当我们按一下方向键发现窗口滚动事件触发了八次,如果是滚动窗口时间会触发更多次,如果我们和服务.

2021-07-22 20:38:35 799

原创 关于Vue的一个小案例

经典的图书计价案例首先搭建HTML页面<div id="app"> <div v-if="books.length"> <table> <thead> <tr> <th></th> <th>书籍名.

2021-07-21 20:58:39 91 2

原创 JavaScript中超有用的闭包(简单易懂)

1.关于作用域要了解闭包,首先我们要去了解JS中的作用域,在JS中函数内部可以直接读取全局的变量,但局部变量却不能在全局获取到,这个特性源于JS特有的“链式作用域”,我们为了解决这类问题所以引入了闭包。2.什么是闭包闭包其实并不抽象,闭包就是可以读取函数内部变量的函数,那么我们刚才说了,函数内部才可以获取它的父级元素的变量,那么这个闭包函数一定是定义在我们想要获取变量的函数内部。举个栗子<script> function f1() { ...

2021-07-20 17:42:35 64

原创 什么是原型与原型链

1.什么是原型1.每个函数中都存在一个prototype,这个属性是一个指针指向一个对象(只有函数对象拥有原型对象)2.什么是原型链1.所有的引用类型(函数、对象、数组),都有一个_proto_(我们这里称他为隐形原型)属性,属性值是一个普通的对象。2.所有的引用类型(函数、对象、数组),_proto_属性值指向它的构造函数的prototype(显性属性)属性值。3.当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会去它的__proto__隐式原型上查找,

2021-07-20 16:25:39 113

原创 基于jq制作简单的轮播图(世界上最简易的轮播图!)

轮播图在我们的生活中很常见,制作也分简单的和复杂的,下面列举一个简单的轮播图小案例首先我们进行布局也就是先插入四张图片 li是我们的小圆点(跟随图片移动,可以点击圆点移动图片等)<body> <div class="banner"> <img src="../第二天/images/banner1.png" alt="" style="display: block;"> <img src="../第二天/im...

2021-07-17 19:18:02 1845

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除