- 博客(38)
- 资源 (3)
- 收藏
- 关注
原创 Nest教程一(准备阶段)
此外,NestJS 还具有良好的文档和社区支持,使得开发人员能够轻松地学习和使用它来构建高质量的应用程序。NestJS 提供了一组强大的工具和库,包括依赖注入、模块化、路由、中间件、管道、过滤器、异常处理、Websockets、GraphQL 等,可以帮助开发人员轻松地构建和维护复杂的应用程序。NestJS 是一个基于 TypeScript 的开源 Node.js 框架,它使用了现代的架构模式和设计原则来帮助开发人员构建高效、可扩展的服务器端应用程序。无论使用哪种平台,它都会暴露自己的 API。
2023-04-14 19:01:26 690 1
原创 CDN静态资源推荐
我们提供这样一个仓库,让它尽可能全面收录优秀的开源库,并免费为之提供 CDN 加速服务,使之有更好的访问速度和稳定的环境。同时,我们也提供开源库源接入的入口,让所有人都可以提交开源库,包括 JS、CSS、image 和 swf 等静态文件。共同支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、React、Vue.js 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。,相当于它的国内镜像,速度很快,而且可以加载npm上的所有文件。都是elemecdn快。
2023-04-04 22:47:11 1468 1
原创 微前端的那些事儿
微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为**多个小型前端应用聚合为一的应用**。各个前端应用还可以**独立运行**、**独立开发**、**独立部署**。...
2022-08-11 22:33:08 459
原创 Java 学习路线
首先呢,我们要了解 Java 的应用场景和就业方向,看看和自己的学习目的是否一致,目前,Java 的岗位需求多,是后台开发的主流编程语言,功能强大,还是很值得学习的。
2022-07-03 00:59:11 1881
原创 Typora+GitHub 上传图床
Typora 是一款知名的 Markdown 编辑器,简单好用,体验良好。使用 hexo 搭建好博客后,主要是用 Markdown 来编写博客,typora 便是我的首选编辑器。但直接使用 typora 编写的 Markdown 文件,图片路径可能存在问题,就导致页面上图片无法显示。自己去改路径的话那就很麻烦了,好在 Typora 支持拖拽或复制来插入图片,并且可以复制到指定路径,或直接上传到图床,这就非常方便了。...
2022-06-20 15:09:21 880
原创 Vue-Mixin
Vue框架现在基本上已经占据了前端的半壁江山,Vue的数据驱动和组件化的思想深入人心。Vue全家桶可能很多小伙伴都比较熟悉,在工作上也用得比较得心应手。但是今天讲的Vue中这个Mixin的用法我相信还有很多小伙伴不知道或者没有用过,或者有些小伙伴接手别人的Vue项目时看到里面有个Mixin文件夹,也会用,但是一直都是云里雾里的状态,今天我们就好好聊聊Mixin,争取以后不在犯迷糊。想要使用一个事物或者工具,我们首要先了解它是什么,这样我们才好对症下药。......
2022-06-20 15:05:41 2926
原创 正则表达式大全
无意中从网上查找到一篇关于正则表达式的好文章,就进行了分享给大家,希望对大家有帮助。亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣。想必你也了解正则的重要性,在我看来正则表达式是衡量程序员水平的一个侧面标准。关于正则表达式的教程,网上也有很多,相信你也看了一些。与之不同的是,本文的目的是希望所有人认真读完,都有实质性的提高。本文内容共有七章,用JavaScript语言完整地讨论了正则表达式的方方面面。具体章节如下:下面简单地说说每一章都讨论了什么?正则是匹配模式,要么匹配字符,要么匹配位置。..
2022-06-09 21:05:29 1859
原创 前端面试(html)
该笔记是本人整理的面向倾向实习生面试的HTML基础笔记(本人遇到的或者是面试过程、学习过程觉得会问的),进行分享,有需要的小伙伴应该可以得到帮助1、HTML5 有哪些新特性(稍微了解)HTML5 标准提供了哪些新的 API?这个问题可以聊的东西特别多,下面是我搜集的以及一些扩展知识;一、声明方式核心HTML4 规定了三种声明方式,分别是:严格模式、过渡模式 和 框架集模式;而HTML5因为不是SGML(一般指标准通用置标语言)的子集,只需要<!DOCTYPE>.
2022-01-06 01:33:36 389
原创 前端面试(基础部分)
该笔记是本人整理的面向实习生面试基础知识笔记(本人遇到的或者是面试过程、学习过程觉得会问的),进行分享,有需要的小伙伴应该可以得到帮助1.作用域 var num1=50; var num2=66; function f1(num,num1){ num=100; num1=200; num2=200; console.log(num); console.log(num1); ...
2022-01-06 01:32:05 228
原创 前端面试汇总
该笔记是本人整理的面向vue技术栈的实习生面试笔记(本人遇到的或者是面试过程、学习过程觉得会问的),进行分享,有需要的小伙伴应该可以得到帮助一、HTML1.各个浏览器兼容性问题的解决? hack ==> hack详解 常见兼容性问题以及相应解决 ==>详情 2.响应式解决方案 rem布局(主要解决方案Flexible) 百分比布局 rem+less boostrap等框架 3.html5新标签特性的使用 audio.
2022-01-06 01:30:20 852
原创 ♥三:TypeScript---接口
介绍TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。接口初探下面通过一个简单示例来观察接口是如何工作的:function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label);}let myObj = { size: 10, l
2021-09-07 21:47:46 142
原创 ♥二:TypeScript---变量声明
变量声明let和const是JavaScript里相对较新的变量声明方式。 像我们之前提到过的,let在很多方面与var是相似的,但是可以帮助大家避免在JavaScript里常见一些问题。const是对let的一个增强,它能阻止对一个变量再次赋值。因为TypeScript是JavaScript的超集,所以它本身就支持let和const。 下面我们会详细说明这些新的声明方式以及为什么推荐使用它们来代替var。如果你之前使用JavaScript时没有特别在意,那么这节内容会唤起你的回忆。 如果...
2021-09-05 09:36:26 262
原创 ♥一:TypeScript---基础类型
介绍为了让程序有价值,我们需要能够处理最简单的数据单元:数字,字符串,结构体,布尔值等。 TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。布尔值最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做boolean(其它语言中也一样)。let isDone: boolean = false;数字和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的
2021-09-04 15:41:22 163
原创 12-HTML基础回顾
本文主要内容 html 的常见元素 html 元素的分类 html 元素的嵌套关系 html 元素的默认样式和 CSS Reset html 常见面试题 html 的常见元素html 的常见元素主要分为两类:head 区域的元素、body 区域的元素。下面来分别介绍。1、head 区域的 html 元素head 区域的 html 元素,不会在页面上留下直接的内容。 meta title style link
2021-09-01 14:46:54 130
原创 11-HTML5详解(三)
Web 存储随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,传统方式我们以document.cookie来进行存储的,但是由于其存储大小只有4k左右,并且解析也相当的复杂,给开发带来诸多不便,HTML5规范则提出解决方案。H5 中有两种存储的方式1、window.sessionStorage 会话存储: 保存在内存中。 生命周期为关闭浏览器窗口。也就是说,当窗口关闭时数据销毁。 在同一个窗口下数
2021-09-01 14:46:12 156
原创 10-HTML5详解(二)
本文主要内容 拖拽 历史 地理位置 全屏 拖拽如上图所示,我们可以拖拽博客园网站里的图片和超链接。在HTML5的规范中,我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作,其中图片、链接默认是开启拖拽的。1、拖拽元素页面中设置了 draggable="true" 属性的元素。举例如下:<!DOCTYPE html><html lang="en"><head>
2021-09-01 14:45:08 172
原创 09-HTML5举例:简单的视频播放器
我们采用 Bootstrap 网站的图标字体,作为播放器的按钮图标。index.html的代码如下:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!-- 引入字体图标的文件--> <link rel="stylesheet" href="css/font-aweso
2021-09-01 14:42:52 306
原创 08-HTML5详解
HTML5的介绍Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1(严格的html) 2002 Tableless Web Design(表格布局) 2005 AJAX 2009 HTML5 2014 HTML5 Finalized 2002年的表格布局逐渐被淘汰,是因为:表格是用来
2021-09-01 14:39:47 372
原创 07-html标签图文详解(二)
本文主要内容 列表标签:<ul>、<ol>、<dl> 表格标签:<table> 框架标签及内嵌框架<iframe> 表单标签:<form> 多媒体标签 滚动字幕标签:<marquee> 列表标签列表标签分为三种。1、无序列表<ul>,无序列表中的每一项是<li>英文单词解释如下: ul:unordered list,“无序列
2021-09-01 14:37:13 702
原创 06-HTML标签:图片标签
img标签介绍介绍img: 英文全称 image(图像),代表的是一张图片。如果要想在网页中显示图像,就可以使用img 标签,它是一个单标签。语法如下:<img src="图片的URL" />能插入的图片类型 能够插入的图片类型是:jpg(jpeg)、gif、png、bmp等。 不能往网页中插入的图片格式是:psd、ai等。 HTML页面不是直接插入图片,而是插入图片的引用地址,所以要先把图片上传到服务器上。img标签的src属性这里涉及到图片的
2021-09-01 14:33:10 720
原创 05-HTML标签:字体标签和超链接
本文主要内容字体标签: <font>、 <b>、 <u> 、<sup> 、<sub>超链接 <a>字体标签特殊字符(转义字符) :空格 (non-breaking spacing,不断打空格) <:小于号(less than) >:大于号(greater than) &:符号& ":双引
2021-09-01 14:26:20 366
原创 04-HTML标签:排版标签
本文主要内容排版标签: <h1> <p> <hr /> <br /> <div> <span> <center> <pre> 下面来详细介绍一下排版标签。标题标签标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标题,<h6>定义最小的标题。具有align属性,属性值
2021-09-01 14:25:38 654
原创 03-初识HTML
编辑器相关前端开发的编辑器软件,我首先推荐 VS Code,其次推荐Sublime Text。有人说 WebStorm 也不错?但真实情况是,自从VS Code 问世之后,用 WebStorm 的人越来越少了。PS:文件的后缀名不能决定文件格式,只能决定打开文件打开的方式。VS Code 的使用详情请移步至:第一次使用VS Code时你应该知道的一切配置Sublime Text 的使用详情请移步至:Sublime Text使用技巧HTML的概述HTML的概念HTML
2021-09-01 14:24:46 259
原创 02-浏览器的介绍
常见的浏览器浏览器是网页运行的平台,常见的浏览器有谷歌(Chrome)、Safari、火狐(Firefox)、IE、Edge、Opera等。如下图所示:我们重点需要学习的是 Chrome 浏览器。浏览器的市场占有份额浏览器的市场占有份额:https://tongji.baidu.com/research/site?source=index#browser上面这张图的统计时间是2020年2月。浏览器的组成浏览器分成两部分: 1、渲染引擎(即:浏览器内核) 2
2021-08-31 22:07:34 853
原创 01-认识Web和Web标准
Web、网页、浏览器WebWeb(World Wide Web)即全球广域网,也称为万维网。我们常说的Web端就是网页端。网页网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。我们在浏览器上输入网址后,打开的任何一个页面,都是属于网页。浏览器浏览器是网页运行的平台,常见的浏览器有谷歌(Chrome)、Safari、火狐(Firefox)、IE、Edge、Opera等。关于浏览器的详细介绍,可以
2021-08-31 21:41:05 208
原创 Less,让自己的css代码更加文艺
什么是Less?Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档(中文版),包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。因为 Less 和 CSS 非常像,因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展,这就是 Less 如此易学的原因之一。Less 到底为 CSS 添加了什么功能?以下就是这些新加功.
2021-08-30 16:24:39 255
原创 mysql知识学习总结(二)
MySQL排序单一字段排序排序采用order by子句,order by后面跟上排序字段,排序字段可以放多个,多个采用逗号间隔,order by默认采用升序,如果存在where子句那么order by必须放到where语句的后面。select * from stu order by age;select * from stu where sex="女" order by age;按照多个字段排序select * from stu order by age,id; 先按年龄排序,...
2021-08-29 11:24:58 131
原创 mysql知识学习总结(一)
MySQL数据库常用命令查看MySQL版本mysql --version 或 mysql -VMySQL创建数据库● create database 数据库名称; create database bjpowernode;● use 数据库名称; use bjpowernode;在数据库中建立表,因此创建表的时候必须要先选择数据库。查询当前使用的数据库select database();查询数据库版本也可以使用select version();终止一条语...
2021-08-28 00:15:50 297
原创 Git详细学习
Ⅰ-Git操作一、初始化该处是用来提交时当作签名使用的git config --global user.name "我的用户名"git config --global user.email "我的邮箱"#删除配置信息git config --global --unset user.namegit config --global --unset user.email二、Git工作流程与区域1、区域 工作区 平时写代码的文件目录 暂存区 gi
2021-08-26 19:15:38 2186
原创 vue3.0项目的搭建+vue3变化+实操
vue3项目的创建 安装vue-cli脚手架构建工具 vue-cli 提供一个官方命令行工具,可用于快速搭建大型单页应用。 输入命令: cnpm install -g @vue/cli输入命令:vue -v查看版本,要求vue-cli版本在4.5以上,可以创建vue3项目创建vue3项目 输入命令:vue create 项目名称 手动安装 启动项目 浏览器访问 createApp...
2021-08-25 18:29:00 1320
原创 JavaScript 补缺笔记
数组定义方法var arr=[1,2,3,4,5] 使用字面量创建数组arr=[10] 创建一个只有数据10的数组arr=new Array(10) 创建一个长度为10的数组arr=["hello",1,true,null,undefined] 数组中元素可以是任意数据类型函数push() -该方法可以向数组的末尾添加一个或多个元素,并返回数组的新长度 -可以将要添加的数组作为方法传递,这样这些元素将会自动添加到数组的末尾 var arr=["赵泽宇","陈文芳","小小妹"]
2021-08-25 11:11:38 149
原创 JavaScript BOM 学习(二)
JavaScriptWindow Screenwindow.screen 对象包含有关用户屏幕的信息。Window Screenwindow.screen对象在编写时可以不使用 window 这个前缀。一些属性:screen.availWidth - 可用的屏幕宽度 screen.availHeight - 可用的屏幕高度Window Screen 可用宽度screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。实例返.
2021-08-24 22:08:51 82
原创 JavaScript BOM 学习(一)
一:JavaScriptWindow - 浏览器对象模型浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。浏览器对象模型(BrowserObjectModel (BOM))尚无正式标准。由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。1.Window对象所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 wi...
2021-08-24 21:53:55 93
原创 一:css和css3零散知识
(一)知识点详解Ⅰ.css3 pointer-events pointer-events更像是JavaScript,它能够: 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的 hover和 active状态的变化触发事件 阻止JavaScript点击动作触发的事件 2.具体用法pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke |
2021-08-23 14:20:37 269
原创 前端学习路线(详细)
前端学习路线!这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。特点 一份全面的前端知识点大梳理和汇总 分阶段学习,每个阶段给出学习目标 使用符号对知识点的重要程度做了区分,按需学习 知识点附有描述和资源链接 提供大量优质学习资源 符号表可根据知识点前的符号按需选学,并获取知识点描述和学习资源。 ⭐️ 必学(追求速成) ✅ 建议学(重要知识) ❗ 面试重点 ❌ 一般没必要学习
2021-08-23 12:07:39 35874 16
原创 菜菜的编程学习之路
本人菜鸡一枚,大一大二啥也没学会,希望从这个暑假开始,洗心革面,先从相对容易的前端学起,向大佬看齐(QWQ)。大概的学习路线就是:第一步:html+cssjavascriptjQueryhtml5+css3第二步:ES6语法Ajax(axios)swiper轮播图git(gitee、github的使用)常用命令第三步:vue3(直接跳过vue2)webpack和vite打包技术vue3项目的实战(网易云项目,官方提供api)react.
2021-08-23 11:54:57 179
前端学习路线贼详细版.md
2021-08-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人