- 博客(21)
- 收藏
- 关注
RSS订阅原创 路由的基本概念和原理
一、路由的本质和分类1、路由的本质 路由是一个比较广义和抽象的概念，路由的本质就是对应关系2、分类 路由可以分为前端路由和后端路由二、后端路由1、概念和本质 现在我来说说后端路由，后端路由就是根据不同用户URL请求返回不同的内容，其本质是URL请求地址和服务器资源之间的对应关系2、SPAC（Single Page Application）后端渲染（存在性能问题） Ajax前端渲染（前端渲染提高性能，但是不支持浏览器的前进后退操作） ...
2021-08-23 11:57:36
867
原创 配置webpack的自动打包功能出现以下错误以及如何解决
在配置webpack自动打包功能的时候，会出现各种各样的错误，今天我就把我遇到的甚至是困扰我一个下午的问题暴露出来，掰开了揉碎了跟大家分享。一、出现错误如下： 亲身实验了很多方法都不管用，其实这个问题是安装包版本的问题，很多版本之间是步兼容的，所以就难为了我们这些单纯的程序员。二、解决方法如下：1、删除下面这个文件夹2、修改package.json文件中的devDependencies，这里就是我们手动修改安装包的版本，将版本修改为相互之间兼容的版本...
2021-08-13 17:51:48
1553
2
原创 同源策略和跨域
一、同源策略（一）、含义 1、同源 如果两个页面的协议、域名和端口都相同，则两个页面具有相同的源 2、同源策略（Sameoriginpolicy） 是浏览器提供的一个安全功能 MDN官方定义：同源策略限制了从同一源加载的文档或脚本如何与来自另一个源的资源进行交互，这是一个用于隔离潜在恶意文件的重要安全机制。 通俗的理解：浏览器规定，A网站的JavaScript不允许和非同源的B网...
2021-08-09 10:08:12
188
2
原创 jQuery中发起Ajax请求最常用的三个方法
一、什么是Ajax Ajax的全称是AsynchronousJavaScriptAndXML（异步JavaScript和XML） 我们可以理解为：在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式就是Ajax，它可以帮助我们轻松实现网页与服务器之间的数据交互。二、什么是jQuery中的Ajax 浏览器中提供的XMLHttpRequest用法比较复杂，所以jQuery对XML进行了封装，提供了一系列Ajax相关的函数，极大地降低了...
2021-07-31 10:02:39
2240
4
原创 jQuery从繁到简实现tab栏切换
一、什么是tab栏切换 在我们浏览网页时，经常会遇到在一些登录注册模块或者新闻模块会有以下这样的情况，这样的效果我们就称为tab栏切换。二、实现切换效果的原理 当我们点击上面的第一个小标题时，下面的第一个内容就会出现；当我们点击第二个小标题时，第二个内容会相应的出现，就实现了同一个板块显示不同内容的效果。三、方法（一）、获取元素添加鼠标点击事件（此时只能实现最简单的显示与隐藏） $(function() { // 鼠...
2021-07-24 09:18:13
1409
2
原创 JavaScript入门必备知识点——运算符和表达式
（一）、含义运算符 参与运算的符号 表达式 由常量或变量和运算符组成的式子（表达式是有值的） （二）、运算符分类1、算术运算符+ 加 a+b - 减 a-b * 乘 a*b / 除 a/b % 取余（求模） a%b ++ 自增运算符 ++a a++ -- 自减运算符 --a a-- 取余的作用： 1、可以拿到余数 2、可以拿到一个范围（任何一个正整数X，范围在0到x-1之间）自增自减运算...
2021-07-01 11:20:11
184
1
原创 JavaScript入门必备知识点——数据类型
一、数据类型分类1、基本数据类型（值类型）：特征：基本数据类型数据赋值给某一个变量之后值本身就不会再发生改变数值类型（number）：整数、小数、科学计数法、二进制（0b）、八进制（0）、十六进制（0x） //数值类型 var num = 1; //整数 num = 1.23; //小数 num = 1e3; //科学计数法 num = 0b10; //二进制 num = 010; //八进制 num = 0X
2021-06-22 11:09:36
145
1
原创 JavaScript入门必备知识点——变量
（一）、概念变量 可以变化的量（代表一个容器，也就是内存空间） 常量 不可以变化的量 （二）、为什么要有变量？程序 代码的集合，一般指的是文件，是静态的 进程 运行的程序，是动态的 程序其实就是一个输入——运算——输出的过程，那么我们要对一个数据进行运算，然后进行输出，这个数据就需要有一个东西去保存，这个东西就是变量（三）、定义变量 方法：使用var关键字，先定义后使用，定义好之后，可以给变量赋值（存值） 如果定义变量不使用var，那么变量
2021-06-17 19:25:34
297
2
原创 JavaScript快速入门必备知识点
（一）、怎么产生的？发明人 布莱登·艾奇 时间 1995年 发明时长 10天 地点 美国 （二）、是一门什么样的语言？JavaScript是一门动态的、弱类型的、解释型的脚本语言。动态的 只有在执行时才能确定数据类型 弱类型的 变量数据的类型不是确定的，可以随意的进行改变 解释型的 相对于编译型来说，编译型计算机在执行之前需要把程序进行编译之后再执行，解释型不需要编译，执行时一行一行去解释执行 脚本语言 代表可以嵌.
2021-06-16 16:27:02
269
1
原创 正则简述及小练习
一、正则表达式的基本概念1、含义正则表达式是一个特殊的字符序列，它能帮助你方便的检查一个字符串是否与某种模式匹配。2、创建方式 字面量创建 格式：var patt=/pattern/modifiers ; 例子：var patt = /\d/; 构造函数创建 格式：var patt=new RegExp(pattern,modifiers) ; 例子：var patt1 = new RegExp("\d") ; 3、正则对象的方法 Reg.test()
2021-06-02 19:50:41
118
原创 JavaScript中定时器详解
一、定时器分类二、setTimeOut延迟定时器setTimeOut延迟定时器是window下面的一个全局变量????♀️格式：setTimeOut（回调函数，时间）（注意：这里的时间是以毫秒为单位！）案例：这里设计了延时两秒后打印a+b的结果三、clearTimeout清除延迟定时器????♀️格式：clearTimeout（命名的定时器名字）案例：这里设计了点击按钮清除上面的延迟定时器四、setInterval多次定时器????♀️格式：setInterval（回调函数，时
2021-05-25 20:21:23
691
2
原创 520专题——数组sort()方法
????????**不负代码不负卿！面向对象面向君！**????????明天就是5·20啦！这是一份来自小新星球的礼物！请注意查收！学完我的文章桃花爆棚的哟????一、sort（）方法简介JavaScript中的sort( )方法能够根据一定条件对数组元素进行排序????使用sort( )方法的注意点：1、排序操作会影响原数组2、如果不传参数，会按照unnicode码进行比较排序（类似于字符串比较）3、如果需要传参，需要传一个回调函数二、使用sort（）方法排序的四种情况1、不传参数
2021-05-19 20:12:30
236
6
原创 利用JavaScript内置日期和时间格式化时间
一、基础知识（date对象的方法）???? getFullYear( ) 用于返回一个表示年份的4位数???? getMonth( ) 返回表示月份的数字，但是返回值是 0（一月） 到 11（十二月） 之间的一个整数???? getDate( ) 返回某一天???? getHours( ) 返回时间的小时字段???? getMinutes( ) 返回时间的分钟字段???? getSeconds( ) 返回时间的秒，返回值是 0 ~ 59 之间的一个整数二、格式化日期案例：将此刻
2021-05-12 16:28:58
790
11
原创 利用typeof、instanceof和==判断数据类型
一、3种方式简要介绍1、typeof在判断基本数据类型当中的数字、字符串、布尔、undefined以及函数的时候可以派上用场。但是当我们使用typeof去判断数组和对象以及null的时候就区分不出来，此时我们需要知道这个数据是什么就无法解决了。2、instanceof可以区分判断是一个数组对象还是一个其他构造函数的实例对象，通过判断这个对象是哪个构造函数的实例对象可以区分出来是数组还是其他的对象。3、==专门用来判断null，如果相等就是null。以上汇总如下表所示：数字字符串
2021-05-07 10:30:12
1628
1
原创 生活不止眼前的代码，还有书和远方！
最近的闲暇之余有在看鲁迅先生的《朝花夕拾》，恰巧又碰上了一个特别的作业——利用HTML所学知识制作一个翻开书本的动态效果。这也引发了自己的思考，程序猿的生活真的不止眼前的代码，还有书和远方以及爱吃的美食！（ps:我真是太爱吃了！未来最胖的程序猿即将诞生！）学习之前先来看一波效果，调动一下学习的积极性！up!up!up!第一步：将整个效果的结构进行仔细分析，创建整体的框架。注意：这里我将内容区域和封面区域的顺序颠倒，方便后续的操作。第二步：加入书翻开后内容区域的文字内容。第三步：设置整个书本的
2021-04-27 20:19:22
221
1
原创 IT人理科男不懂浪漫？事实真的是这样吗？
都说IT人理科思维不懂浪漫，不会制造惊喜，但事实真的是这样吗？小美是某某大学的大四老学姐，壮壮是小美的男朋友，四年恋爱时光，小美觉得男友壮壮是个十足的理科男，不懂得女孩子的小心思、不知道怎么哄女孩子开心、思维方式也是比较简单！这些都让小美很苦恼！剧情一：这不，五年前的情人节，小美告诉壮壮：”你爱我吗？你爱我的话就给我写520遍 I Love You ！“。这个问题要是被其他男生遇到定会头疼，别说520遍了，就是100遍也够他受的。可是谁让壮壮是个十足的理科男呢！他三下五除二就解决了此事！效果
2021-04-20 20:22:24
996
8
原创 JavaScript中的运算符和逻辑表达式
JavaScript中的运算符&逻辑表达式一、算术运算符（+ - * / % ++ --）1、%取余的作用：第一个作用：用过取余可以拿到余数第二个作用：可以拿到一个范围（任何一个正整数X，范围在0到（X-1）之间）2、++ – 作用以及注意事项第一点：此运算符只能和变量组成表达式（例如：a++ ++a）第二点：++在后，先赋值后++；++在前，先++后赋值。二、赋值运算符（= += -= *= /= %=）把=右边的值赋给=左
2021-04-12 11:50:58
239
原创 线性渐变
一、线性渐变的简介1、通过渐变可以设置一些复杂的背景颜色，可以设置从一个颜色向其他颜色过渡的效果，所谓线性渐变就是渐变沿着直线发生变化。2、渐变是图片，需要通过background-image来设置。二、四种渐变情况介绍1、默认情况（渐变方向向下）background-image: linear-gradient(red ,yellow);代码如下：效果呈现：2、指定渐变方向第一种：通过right、left、top、bottom等方向词来指定渐变方向background-image:
2021-03-30 16:32:14
3475
4
原创 五步使用雪碧图
五步使用雪碧图（CSS-Sprite）你以为我要跟你介绍这样的雪碧图？那你就大错特错了！此雪碧非彼雪碧，现在就跟我一起来瞧瞧吧！！一、什么是雪碧图CSS雪碧 即CSS-Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的部分图片。雪碧图被运用在众多使用了很多小图标的网站上。（ps:此处为度娘给我的答案）二、雪碧图的特点1、一次性将多个图片加载进页面，可以提高页面的加载和访问速度；2、降低请求次数之后便
2021-03-23 18:07:48
1827
3
原创 图标字体的简介&使用
图标字体的简介&使用文章目录一、图标字体的简介身处信息世界，我们每天都遨游在缤纷多彩的网页中。有没有那么一刻，你注意到了如下图这些可爱漂亮的图标？你是否也想在自己的网页中使用？接下来，让我们一起来get这项技能吧！<开心plus>正所谓：“知己知彼百战不殆”，学技能也是一样，想要学好一项技能首先当然要懂其原理。那么何为图标字体呢？在我理解中图标字体就是在网页中经常需要使用的一些图标，可以通过图片来引入图标，但是图片大小本身比较大，并且非常不灵活。所以在使用图标时，我们还可以
2021-03-19 15:34:09
3837
8
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人