![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端三剑客
文章平均质量分 91
h5,css3,js
巧克力小猫猿
前端在学。
展开
-
前端后端交互系列之原生Ajax的使用
学习前端,我们可以还原最基本的结构和样式。但是离真实的应用还差了很多,打开大公司的网站或软件,用户可以在页面上看到实施的数据,能对一些数据进行简单的操作。而我们之所以要学习前后端交互就是为了从服务器获取相关的数据,并把它们放在自己的页面上。在Vue中会用到axios,是对Ajax的封装。本片文章其实是在为Axios作铺垫,所以是系列文章之一。适合有基础的读者阅读。最好懂得Ajax的基本原理用法与nodejs的相关知识。Ajax是前后端交互的一种工具优点:可以无需刷新页面与服务器端进行通讯;原创 2023-04-01 17:11:17 · 1203 阅读 · 0 评论 -
深入理解Promise之一步步教你手写Promise构造函数
Promise是前端面试中笔记走重要的一个考点。如何真正的了解promise?我们不如自己动手,写一个可以拿来用的Promise.js。下面是循序递进的写法教学,本文的最后也有完整写法的代码可以借鉴,希望能够帮助大家!后面如果有机会会写一篇详解promise的博客,欢迎关注!原创 2023-01-27 13:03:59 · 2003 阅读 · 2 评论 -
WebStorage之浏览器的本地存储(结合案例)
浏览器的本地存储可以缓存一些信息在浏览器中,方便取用。在学习中我们可以直观看到信息在浏览器中被存储,并想办法读取到;在项目中的应用更加广泛,如登录后把用户信息放在浏览器中,方便取用。原创 2023-01-16 17:14:02 · 1637 阅读 · 0 评论 -
第三天:js中的事件提高篇(事件流,事件对象,事件委托深层次理解)
对于一个html网页来说,html是页面的骨架,css是页面的样式,而js则控制页面元素的行为。本篇我们将学习原生网页界面如何操作元素(监听并绑定事件)。并介绍事件流,事件对象,事件冒泡,以及事件委托这几个点。希望对读者的学习有帮助!原创 2022-10-01 17:45:45 · 656 阅读 · 0 评论 -
浅析axios原理与使用(包括axios的优雅写法与res的解构赋值)
目前的前端项目中,用的最多的便是axios交互。所以本节将针对axios的原理对axios的使用进行剖析讲解,要求读者读文章时需要有ajax的基础(了解知原理)。文章后面会对返回值res的解构进行讲解。官方定义:Axios是一个基于promise 的 HTTP 库,可以用在浏览器和 node.js中。axios本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范。(Promise在后续博客中会有更新,欢迎关注)。原创 2022-10-01 16:06:46 · 4389 阅读 · 0 评论 -
Flex布局详解及相关案例
在学Flex布局时,我们应当已经了解了流式布局,及百分比布局。可以参考博客流式布局之京东首页案例进行复习。兼容性:Flex布局相较于传统布局来说极为简单,但是在PC端兼容性较差,在移动端则可以任意使用。当然,如果PC端不需要考虑兼容性问题,也可以考虑使用Flex布局。现在我们来对Flex有一个最初的体验:div中有三个span。如图所示,我们希望给span宽度并做出如下效果,需要先将span利用display设置为行内块元素,再设置浮动。但此时此刻,如果我们不给子元素加上display:block与设原创 2022-09-03 00:04:12 · 1264 阅读 · 0 评论 -
流式布局之京东首页案例
流式布局是移动端中很重要的布局之一。流式布局的核心是:通过盒子宽度设置百分比来根据屏幕的宽度进行伸缩,不受固定像素限制,内容向两侧填充,流式布局也是web开发中比较常见的布局而本节内容将通过京东的移动端官网首页来讲解移动端常见布局之流动布局。资源可从网址m.jd.com中获取。内容属性:name=“viewport” 指理想视口。即宽度等于理想宽度,而非默认的980pxcontent=“内容属性”内容属性中包括:width=device-width;设备宽度user-scalable=no;不允原创 2022-08-29 21:14:46 · 1100 阅读 · 0 评论 -
用一张长图片写动画——奔跑的大熊
大家还记得我们的轮播图嘛。在一行中放入几张图片,只给盒子一张图片的大小,让几个图片通过位置的移动慢慢滚动呈现出来。其实动画的原理也是如此。这节博客就以奔跑的熊案例来讲解如何单纯利用css让图片动起来。原创 2022-08-21 17:12:37 · 408 阅读 · 0 评论 -
一文理解防抖与节流
防抖与节流是前端面试的重难考点。希望在这篇博客我能把这两个概念讲清楚。当事件触发后,延迟几秒后再执行回调。如果在这n秒内事件又被触发,则重新计时,是不是会清晰许多。频繁触发,只触发一次综合上述实例,我们在玩游戏时英雄会有一定的技能冷却时间,从而减少了一段时间内事件的触发频率,而节流的理解则是减少事件的触发频率,有选择性执行一部分事件。这里先再次重复一下两者定义:防抖: 当事件触发后,延迟n秒后再执行回调,如果在这n秒内时间再次被触发,则重新计时。...原创 2022-08-08 11:41:29 · 1184 阅读 · 1 评论 -
Ajax图书管理系统-完整代码与细节部分详细讲解
在写这篇博客前看了很多相关博客,觉得不够全面,所以打算写一个细致版本的图书管理系统博客。希望对大家有帮助!这个demo让我们复习了js的事件流,以及数组的一些常用方法。巩固了jq封装的ajax用法。也让我们体会到实践的重要性。码字不易,如若欣赏,请点个小心心叭~httpshttpshttpshttpshttpshttpshttpshttps。......原创 2022-07-24 17:04:37 · 577 阅读 · 7 评论 -
html5与css3新增特性精讲
目录前言一,html5新增语义化标签前言html5的新增特性主要是针对以前的不足,增加了一些新的标签,新的表单和新的表单属性等这些特性都有兼容性问题,基本都是IE9以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性(移动端)。而css3中重点增加了一些新的选择器,可以让我们更方便的去选择样式。同样,也存在兼容性的问题。而本节博客内容也将带领大家学习我们的html5与css3的新增特性一,html5新增语义化标签以前布局,我们基本用div来做,div对于搜索引擎来说是没有语义的原创 2021-11-20 20:00:01 · 196 阅读 · 0 评论 -
京东CSS初始化及理解
本节是从京东官网下载的部分css初始化样式,如下面的代码,都给出了相关注释。前端初学者可以参考京东的初始化样式书写,用于完善自己的代码。原创 2021-11-15 12:58:03 · 992 阅读 · 2 评论 -
CSS的浮动与定位手把手教学
目录前言一,浮动1.1 传统网页布局的三种方式1.2 初步了解浮动1.3 浮动float1.4 浮动特性(重难点)1.4.1 性质1: 脱标,不占位1.4.3 性质2: 浮动元素之间的相对位置1.4.3 性质3: 自动转化为行内块元素1.5 浮动与网页布局1.6 清除浮动1.6.1 为什么要清除浮动前言通过盒子模型,清楚知道大部分html标签是一个盒子通过css浮动,定位可以让每个盒子排列成网页一个完整的网页,是标准流,浮动,定位一起完成布局的,每个都有自己的用法–1.标准流----可以让盒子原创 2021-11-06 13:12:57 · 1689 阅读 · 5 评论 -
学成在线首页的学与悟
文章目录前言一、案例成品展示图片?二、html代码总结三,CSS代码四,在写代码时遇到的问题及想法反思总结前言学会用标准流与浮动复刻一个网页,可以很好的锻炼css性质的利用。学成在线是我写出的第一个界面,上手叫生疏,还是花4天时间敲完了。前面是和老师同步一起写的,后面是自己发挥。这里提供psd链接学成在线psd链接下载一、案例成品展示图片?二、html代码总结提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我原创 2021-11-02 20:16:28 · 258 阅读 · 2 评论 -
CSS实战基本功上——标准流布局
文章目录前言一、CSS的三个重要性质1.1 层叠性1.2 继承性1.2.1 java中的继承性*1.2.2 CSS中的继承1.2.3 行高的复习1.2.4 行高的继承1.3 优先级前言学习本节首先需要了解,HTML,CSS的基础部分HTML基础知识CSS基础知识了解了最最基础的知识之后,我们想要仿照京东或者小米官网写界面,还需要了解CSS的三个性质,具体了解盒子模型,以及浮动(布局)。本博客将细致为您拆解相关知识点一、CSS的三个重要性质CSS的三个性质分别是:层叠性,继承性以及优先级实则原创 2021-10-29 17:35:35 · 1735 阅读 · 0 评论 -
无废话版SVN使用指南(包括idea的配置)
文章目录一,SVN介绍1.1 简介1.2 主要作用1.3 基本概念1.4 工作流程1.5 生命周期1.5.1 创建版本库1.5.2 检出1.5.3 更新1.5.4 执行变更1.5.5 复查变化1.5.6 修复错误1.5.7 解决冲突1.5.8 提交更改二,安装配置SVN2.1 服务端下载2.2 客户端下载(小乌龟)2.3 配置2.3.1 设置IP和端口一,SVN介绍1.1 简介SVN全程Subversion,是一个开放源代码的版本控制系统,管理着随时间,改变的数据。这些数据存放在一个中央资料档案库r原创 2021-10-08 20:20:34 · 670 阅读 · 0 评论 -
node.js最全基础笔记,语言通俗,一看就懂!!
注意:node.js的学习至少需要有javascript的基础文章目录1.命令行窗口(小黑屏),CMD窗口,终端,shell2.进程和线程3.Node.js的理解1.命令行窗口(小黑屏),CMD窗口,终端,shell–开始菜单–>运行–>CMD–>回车–常用的指令dir:列出当前目录下的所有文件cd:目录名,进入到指定的目录md:目录名,创建一个文件夹rd:目录名,删除一个问加你啊–目录 表示当前目录 表示上一级目录–环境变量(window原创 2021-10-04 17:50:52 · 744 阅读 · 1 评论 -
小白三天js基础部分学习——ECMAscript笔记
文章目录javascript是什么知识储备分块学习一,js与html的结合方式1.1 js代码的书写块1.2 两种与html文档结合的方法1.2.1 内部结合1.2.2 外部结合二,注释三,变量与数据类型3.1 数据类型3.2 变量的定义3.3 typeof()函数javascript是什么JavaScript 是世界上最流行的脚本语言,简称js。 JavaScript 是属于 web 的语言,它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。原创 2021-09-28 19:32:33 · 361 阅读 · 0 评论 -
小白快速入门CSS笔记!!
文章目录一,学习动机1.HTML基础2.CSS是什么3.写网页二 ,HTML&CSS结合第一种(初识style)1.HTML中div,span标签作用的复习2.使用style对div,span内容样式进行改变2.1 使用格式2.2border(边框)2.3 使用style和border改变样式三,结合使用第二种——单独定义div,span的样式1.单独开辟CSS的书写框2.CSS书写框中的注释3.改变div与span的样式四,结合使用第三种——单独写CSS后引用1.link标签2.单独写CSS文件3原创 2021-09-11 18:03:28 · 319 阅读 · 4 评论 -
小白三天入门HTML笔记汇总
文章目录01.学习动机HTML是什么?为什么要学习HTML?# 前言本博客是我跟着尚硅谷老师的视频学习HTML三天以来全部笔记,我尽量做到详细与通俗易懂,以下是01.学习动机HTML是什么?HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。为什么要学习HTML?HTML在只要有浏览器原创 2021-09-06 17:33:18 · 1021 阅读 · 5 评论