- 博客(66)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 『前端必备』本地数据接口—json-server
Ajax 是前端必学的一个知识点，但刚接触 Ajax 的同学可能会因为没接口测试而烦恼。本文 入门篇 会花你10分钟解决 没接口测试 这个烦恼，而且不需要你具备后端知识。json-server网址:一个在前端本地运行，可以存储json数据的server。通俗来说，就是模拟服务端接口数据，一般用在前后端分离后，前端人员可以不依赖API开发，而在本地搭建一个JSON服务，自己产生测试数据。顾名思义，json-server就是个存储json数据的server。
2023-02-12 07:00:00
1055
4
原创 HTTP 和 HTTPS 的区别
浏览网站时，我们会发现网址有两种格式，一种以http://开头，一种https://开头。好像这两种格式差别不大，只多了一个s，实际上他们有天壤之别！如果本文对你有所帮助请三连支持博主。
2023-02-11 13:07:18
6162
38
原创 了解webpack
loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块，然后你就可以利用 webpack 的打包能力，对它们进行处理。当 webpack 处理应用程序时，它会在内部构建一个 依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle。不推荐在全局安装webpack，这样会使你项目的webpack锁定到某个版本里，并且在使用不同版本的webpack项目里面，可能会导致构建失败。因此推荐在本地的工作目录下安装webpack。
2023-02-10 14:20:45
1018
16
原创 Vue3 更高效的构建工具——Vite
本文讲解了构建工具 Vite，目前只有vue3才可以使用Vite，如果本文对你有所帮助请三连支持博主。下面案例可供参考Vite是一种面向现代浏览器的一个更轻、更快的前端构建工具，能够显著提升前端的开发体验。除了Vite外，前端著名的构建工具还有Webpack和Gulp。目前，Vite已经发布了Vite2，Vite全新的插件架构、丝滑的开发体验，可以和Vue3的完美结合。
2023-02-10 13:25:49
10689
6
原创 Vue3配置路由(vue-router)
紧接上篇文章，vue3的配置与vue2是有所差别的，本文就讲述了如何配置，如果本文对你有所帮助请三连支持博主。下面案例可供参考。
2023-02-09 13:51:16
15824
9
原创 vue-cli3创建Vue项目
本文讲解了如何使用vue-cli3创建属于自己的Vue项目，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。下面案例可供参考。
2023-02-09 12:52:07
3143
16
原创 Vue2与Vue3共存于一台电脑 保姆级教程
提示：以下是本篇文章正文内容，下面案例可供参考右键我的电脑(此电脑) ----> 属性 —> 高级系统配置 —> 环境变量win11系统win10新建环境变量，目的是把我们的vue2和vue3的命令添加进去同理，vue3也是如此修改path变量双击path出现左边弹框。点击新建，输入以%包裹的变量名，中间的变量名就是你新建的环境变量。头尾分别加上%，别搞错了。注意：win10电脑追加path是上面所述，不是win10的话，直接在path后面用分号隔开例如：;%VUE_CLI2%;
2023-02-06 15:04:17
9281
90
原创 Vue的四个常用选项
本文讲解了vue.js中的四个常用选项，4个参数选项：filters（过滤器）、computed（计算属性）、methods（方法）、watch（观察），如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。提示：以下是本篇文章正文内容，下面案例可供参考我们都知道，定义一个Vue实例的参数选项除了有el（指定挂载的DOM元素）、data（实例的数据）之外，还可以定义其他的参数。
2022-12-14 07:30:00
1935
45
原创 ES6的Promise详解
本篇文章主要介绍了ES6语法中的Promise对象的使用详解,promise对象是JS进阶学习中的重要知识点，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力，先赞后看养成习惯。以下是本篇文章正文内容。
2022-11-08 18:59:10
5848
57
原创 ECMAScript6入门上
以下是本篇文章正文内容一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 ECMAScript 方言还有 JScript 和 ActionScript）。日常场合，这两个词是可以互换的。
2022-10-26 19:13:21
429
30
原创 vue简介
本文简单介绍了vue的基本知识，是所有想要入门的新手必需了解的知识，如果本文对你有所帮助请三连支持博主，先赞后看养成习惯。以下是本篇文章正文内容Vue 是一个框架，也是一个生态。其功能覆盖了大部分前端开发常见的需求。Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架(部分使用,不是全家桶)。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
2022-09-23 20:16:57
17717
54
原创 jQuery的事件
本文章简单讲解了jQuery事件，如果本文对你有所帮助请三连支持博主，先赞后看养成习惯。提示：以下是本篇文章正文内容，下面案例可供参考。
2022-09-19 20:36:07
1271
56
原创 云计算之分布式计算
首先来看一段维基百科的定义：分布式计算，又被称为分散式运算，主要研究分布式系统如何进行计算。分布式系统是一组计算机，透过网络相互连接传递消息与通信后并协调它们的行为而形成的系统，组件之间彼此进行交互以实现一个共同的目标。把需要进行大量计算的工程数据分割成小块，由多台计算机分别计算，再上传运算结果后，将结果统一合并得出数据结论的科学。分布式系统的例子来自有所不同的面向服务的架构，大型多人在线游戏，对等网络应用。简单地说，分布式计算可以定义“在后端协同工作的多个计算机，在终端用户仅显示为一个计算机的组合”。
2022-09-15 19:02:42
3880
原创 jQuery DOM基础操作
本文讲解了jQuery DOM 操作的基础，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力，先赞后看养成习惯。文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标志语言的标准编程接口。DOM 定义了访问 HTML 和 XML 文档的标准。DOM 可以把 HTML 看做是文档树，通过 DOM 提供的 API 可以对树上的节点进行操作。
2022-09-14 07:00:00
762
52
原创 jQuery基础
本文讲简单的介绍了jQuery的概念以及基本的使用方法，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力，先赞后看养成习惯。以下是本篇文章正文内容jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，
2022-09-05 07:00:00
806
64
原创 中秋佳节倍思亲
作为仅次于春节的我国第二大传统节日，如今的中秋节早已被赋予了丰富的情感和思想内涵，是家人团聚增进感情的重要节日 传统的中秋佳节有花好月圆人团圆，“团圆”对中国人有特殊的含义，也是中秋节的意义所在，深受大家的喜爱。年年中秋，岁岁月明。天上人间，共此良辰， 一年一度的的中秋节马上就到了，小住京华，早又是中秋佳节。中秋节，又称祭月节、月光诞、月夕、秋节、仲秋节、拜月节、月娘节、月亮节、团圆节等，是中国民间的传统节日。随着中秋佳节的临近，全国各地的节日氛围也越来越浓，家附近的超市已经可以看到五仁的身影了，中秋。..
2022-08-29 19:34:46
389
62
原创 JavaScript之正则表达式
本文讲解了正则表达式，不管是什么编程语言都会涉及到正则表达式，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力，先赞后看养成习惯。以下是本篇文章正文内容，下面案例可供参考正则表达式是对字符串（包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”））操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式是一种文本模式，该模式描述在搜索文本时要匹配的一个或多个字符串。...
2022-08-29 07:15:00
429
47
原创 Web前端快速开发 Bootstrap 响应式UI框架
本文讲解了Bootstrap 响应式UI框架 的基本使用与规则，如果本文对你所帮助，请三连支持博主，先赞后看养成习惯。以下是本篇文章正文内容，下面案例可供参考顾名思义 就是一套架构，它有一套完整的网页功能解决方案，而且控制权在框架本身，有预定的样式库、组件库和插件。使用者必须按照框架所规定的规则来开发。Bootstrap 是基于HTML CSS Javascript 的框架，用于开发响应式布局，移动设备有限的web项目，它简单灵活，使得web 开发更加快捷。
2022-08-22 07:30:00
3442
42
原创 JSON从入门到大师
本文将解了json的一些基础知识，与深入了解json，本文是作者的一些理解与在网络上搜集的一些知识，并不全面，如有错误请在评论区指出。觉得本文对你有所帮助请三连支持博主，你的支持是我更新的动力，先赞后看养成习惯。以下是本篇文章正文内容。...
2022-08-16 07:15:00
891
48
原创 JavaScript事件高级（下）
本文讲解了JavaScript事件高级 下，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。先赞后看养成习惯。以下是本篇文章正文内容提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。...
2022-08-10 07:15:00
296
57
原创 DOM 基础操作
本文是博主的一些笔记跟想法，如果觉得本文有点东西请个博主点个关注，你的支持是我更新的动力，先赞后看养成习惯。以下是本篇文章正文内容一个完整的JavaScript实现由以下3个不同部分组成核心（ECMAScript）语言核心部分，描述了该语言的语法和基本对象。文档对象模型（）网页文档操作标准，描述处理网页内容的方法和接口。浏览器对象模型（BOM）客户端和浏览器窗口操作基础，描述与浏览器进行交互的方法和接口。官方语言文档一个页面就是一个文档，DOM中使用document表示。...
2022-08-01 19:56:11
4422
3
原创 JavaScript事件高级 (上)
本文讲解了JavaScript事件高级，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。先赞后看养成习惯。以下是本篇文章正文内容给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式传统方式和方法监听注册方式传统注册方式利用on开头的事件onclick特点注册事件的唯一性同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c标准推荐方式addEventListener()它是一个方法。...
2022-08-01 07:30:00
250
35
原创 初级HTML基础
本文讲解了HTML语法规范HTML基本结构标签开发工具HTML常用标签HTML中的注释和特殊字符，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。以下是本篇文章正文内容HTML是做网站的、Web开发、互联网生态开发(PC端+移动端+微应用)目前我们使用的都是HTML5,支持传统的PC端开发，还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术HTML标签是由尖括号包围的关键词HTML标签通常是成对出现的我们称为双标签。单标签。.........
2022-07-27 07:45:00
622
34
原创 BOM 浏览器对象模型
本文讲解了BOM浏览器对象模型，如果本文对你有所帮助，请三连支持博主，你的支持是我更新的动力。以下是本篇文章正文内容BOM（BrowserObjectModel）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。DOM文档对象模型。...
2022-07-25 07:30:00
285
56
原创 初识JavaScript
这次写一篇对于JavaScript的简介，我们知道的编程语言有很多种，比如Java、C++、Python等等，每种语言都有他独特的地方，每种编程语言都具有共同的初心，直白点说就是人与计算机进行沟通的语言。如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。以下是本篇文章正文内容浏览器分成两部分渲染引擎和JS引擎渲染引擎用来解析HTML与CSS，俗称内核，比如chrome浏览器的blink老版本的webkitJS引擎也称为JS解释器。...
2022-07-20 07:45:00
727
59
原创 JavaScript DOM基础
本文简单的讲解了JavaScript的DOM基础，适合初学的朋友们，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。以下是本篇文章正文内容一个完整的JavaScript实现由以下3个不同部分组成核心（ECMAScript）语言核心部分，描述了该语言的语法和基本对象。文档对象模型（DocumentObjectModel，DOM）网页文档操作标准，描述处理网页内容的方法和接口。浏览器对象模型（BOM）客户端和浏览器窗口操作基础，描述与浏览器进行交互的方法和接口。编程接口。......
2022-07-18 07:45:00
2266
115
原创 移动端web开发之响应式布局
本文讲解了移动端WEB开发之响应式布局，如果你觉得本文对你有所帮助请三连支持博主，你的支持是我更新的动力。在移动互联日益成熟的时候，我们在桌面浏览器上开发的网页已经无法满足移动设备的阅读。通常的做法是针对移动端单独做一套特定的版本，但是如果终端越来越多那么你需要开发的版本就会越来越多（大屏移动设备普及）这时候就出现了响应式开发，简而言之，就是一个网站能够兼容多个终端现在的移动设备屏幕越来越大，越来越多的设计师也采用了这种设计，在新建站的一些网站现在普遍采用的响应式开发就是使用媒体查询针对不同宽度的设备进行布
2022-07-13 07:45:00
1249
38
原创 移动web开发之rem适配布局
本文讲解了移动WEB开发的rem适配布局，如果觉得本文对你有所帮助请三连支持博主，你的支持是我更新的动力，先赞后看养成习惯。rem (root em)是一个，类似于em，em是父元素字体大小。不同的是的基准是相。比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。rem的优势：父元素文字大小可能不一致， 但是整个页面只有一个html，可以很好来控制整个页面的元素大小.二、媒体查询2.1 什么是媒体查询2. 媒体查询媒体查询（M
2022-07-11 07:30:00
672
71
原创 移动web开发之flex布局
本文讲解了移动web开发的flex布局，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力，先赞后看养成习惯。传统布局flex 弹性布局建议：1. 搭建HTML结构2. CSS样式flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目
2022-07-06 07:30:00
832
52
原创 移动web开发之流式布局
本文简单的讲解了 移动WEB开发的流式布局，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力，先赞后看养成习惯。PC端常见浏览器360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。————国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于An
2022-07-04 07:30:00
794
61
原创 web前端 css3
本文介绍了css3基本的内容，如果本文对你有所帮助请四连支持博主，你的支持是我更新的动力类选择器、属性选择器、伪类选择器，权重为 10类选择器、属性选择器、伪类选择器，权重为 10注意：是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果,转换（transform）你可以简单理解为变形。2D转换是改变标签在二维平面上的位置和形状的一种技术，先来学习二维坐标系2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位。1. 语法2. 重点2D旋转指的是让元素在2维平面内顺时
2022-06-30 07:15:00
302
74
原创 web前端 HTML5
本文简单的讲解里HTML5的基本内容和简单的用法，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。作为新HTML语言，具有新的元素，属性和行为 可扩展超文本标记语言XHTML是一种增强了的HTML，它的可扩展性和灵活性将适应未来网络应用更多的需求 ,XHTML语法比较严格，存在DTD定义规则, XHTML可以混合各种XML应用，比如MathML、SVG，XHTML对大小写敏感，标准的XHTML标签应该使用
2022-06-29 07:30:00
793
48
原创 前端 VSCode 常用快捷键提高你的效率
本文简单的介绍了VSCode软件快捷键的使用，如果你觉得对你有所帮助请三连支持博主，你的支持是我更新的动力。其实这个快捷键都是可以自定义的，为了防止自定义快捷键和默认冲突我，我们先熟悉默认的，后期熟悉可以自定义更改。快捷键：快捷键： 先双击选定一个单词，然后按下 ctrl + d 可以往下依次选择相同的单词。 这样同时修改相同的单词就非常方便快捷键： 当我们一个页面需要修改大量相同的文字的时候，我们一个的修改超级麻烦，此时我们可以使用全局替换快捷键： 注意选择全部替换即可当我们页面比较长的时候
2022-06-28 07:30:00
1557
43
原创 JavaScript简单类型与复杂类型
本文讲解了JavaScript的简单类型与复杂类型，如果你觉得本文对你有所帮助请三连支持博主，你的支持就是我更新的动力。简单类型又叫做基本数据类型或者，复杂类型又叫做。值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型，，，，引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等堆栈空间分配区别： 1、栈（操作系统）：由操作系统自动分配释放存放函数
2022-06-27 07:45:00
228
53
原创 前端工程师都在用的 VSCode 常用插件
本篇文章先介绍下常见的插件，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。vscode之所以被称为宇宙第一神器(虽然我喜欢用HBuilder X)，其中丰富的插件功不可没，安装起来超级简单，给我们开发带来了极大的便捷。 注意，新手学习期间，不建议安装t太多的插件，用到啥就安装啥。因为有些插件会到vue学习的时候引起冲突，所以这里就介绍几个常用的插件。vscode刚下载完毕是语言英文的，要先安装这个插件，把语言改为中文版，所以是我们第一个安装的插件就是他想必各位大佬也都用。修改开始标签，结束标签
2022-06-23 07:30:00
2896
63
原创 web 前端 JavaScript 内置对象
本文讲解了JavaScript 内置对象的基本使用和一些常用的内置对象，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。学习一个内置对象的使用，只要学会其常用成员的使用即可，我们可以通过查文档学习，可以通过MDN/W3C来查询。Mozilla 开发者网络（MDN）提供了有关开放网络技术（Open Web）的信息，包括 HTML、CSS 和万维网及HTML5 应用的 API。MDN: https://developer.mozilla.org/zh-CN/Math 对象不是构造函数，它具有数学常数
2022-06-22 08:39:31
1033
69
原创 JavaScript面试必问 上
本文讲解了JavaScript面试时会问的几种问题，如果觉得对你有所帮助，请三连支持博主，你的支持就是我更新的动力。js 的加载、解析和执行会阻塞页面的渲染过程，因此我们希望 js 脚本能够尽可能的延迟加载，提高页面的渲染速度延迟加载Js的方法其实有很多这里我们之讲async跟defer 属性，首先我们先看一个案例。结果：可以看到没有办法获取到，但是我们加入了async跟defer 属性就可以获取的到了。那async跟defer 的区别是什么?async是和html同步解析的，不是顺次执行js脚本（
2022-06-21 13:21:44
608
37
原创 JavaScript流程控制-分支
本文讲解了JavaScript流程控制的分支，如果本文章对你有所帮助，请三连支持博主，你的支持是我更新的动力。在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解： 流程控制就是来控制我们的代码按照什么结构顺序来执行。流程控制主要有，分别是、和，这三种结构代表三种代码执行的顺序。顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的，依次执行，程序中大多数的代码都是这样执行的。由上到下执行代码的过
2022-06-20 11:50:27
221
19
原创 JavaScript运算符 详解
本文详解了JavaScript当中的运算符，如果觉得本文对你有所帮助，请三连支持博主，你的关注是我更新的动力。运算符（operator）也被称为，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：概念：算术运算使用的符号，用于执行两个变量或值的算术运算。浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。所以：不要直接判断两个浮点数是否相等 !：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合简单理解：是由数字、运算符、变量等组成
2022-06-19 12:32:08
1119
15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人