- 博客(31)
- 资源 (1)
- 收藏
- 关注
原创 前端项目常见的处理跨域的两种方式
前端处理跨域webpack配置cors解决跨域webpack配置通过设置webpack.config.js中的devserver属性来配置跨域:const path = require('path'); //调用node.js中的路径module.exports={ entry:{ index:'./src/index.js' //需要打包的文件 }, output:{ filename:'[name].js', //输入的文件名是什么,
2022-03-23 18:07:46
899
原创 TypeScript知识点
TypeScript知识点强类型与弱类型(类型安全)强类型弱类型静态类型与动态类型(类型检查)静态类型动态类型JavaScript自有类型系统的问题弱类型带来的问题强类型的优势Flow静态类型检查方案TypeScript语言规范与基本应用强类型与弱类型(类型安全)强类型 语言层面限制函数的实参类型必须与形参类型相同。可以理解为强类型语言中不允许有任意的数据隐式类型转换。弱类型 弱类型语言层面不会限制实参的类型。可以理解为弱类型语言中允许任意的数据隐式类型转换。静态类型与动态类型(类型检查)
2021-10-25 20:26:50
527
原创 vue-devtools无法显示的解决办法
控制台无法显示的解决方法 在安装完vue-devtools,浏览器右上角可以显示出插件,但是控制台却没有显示,这边为大家介绍两个简单粗暴的方法。 一种就是vue-devtools的配置错误,这里我们需要进入到vue-devtools的详情页中,将“允许访问文件网址勾选起来”: 若以上设置了之后还是不可以的话,便在你的代码的入口文件中添加一行以下代码: Vue.config.devtools = true; 到这里控制台就可以正常显示vue的调试工具啦!...
2021-08-31 17:00:57
7320
原创 Vue学习之路(Day 1)
Vue学习Day1Vue相关背景MVCMVVM学习框架的原因框架和库的区别第一个Vue程序引入文件基本结构挂载点el数据对象dataVue生命周期beforeCreatecreatedbeforeMountmountedbeforeUpdateupdated常见的指令v-textv-htmlv-onv-bindv-ifv-showv-forVue相关背景 Vue框架采用的是MVVM模式,MVVM是在MVC模式的基础上发展而来的。MVC MVC:Model(模型层),View(视图层),Contr
2021-06-10 21:01:22
311
原创 Git学习
Git学习一、Git介绍四个工作区域文件的四种状态二、Git常用命令1.init2.status三、版本切换四、撤销修改文件的撤销修改五、删除文件一、Git介绍 Git就是用来进行版本控制。Git属于分布式的版本控制系统。四个工作区域区域作用WorkSpace电脑本地看到的文件和目录,在Git的版本控制下,构成了工作区。Index/State暂存区,一般放在.git目录下,用于临时存放还未提交的改动,执行git add后,改动存放到暂存区中。Repository
2021-06-07 19:50:26
237
原创 github的上传和拉取
github部署项目和拉取项目一、将项目部署到github上二、从github拉取项目一、将项目部署到github上 首先我们需要创建一个github账户,这个就不给大家演示了,然后点击右上角的头像,选择Your repositories:新建一个仓库: 这里的public和private用于表示你是否想让你的项目公开。 然后根据网站所给的命令进行提交和推送: 这样子就是推送成功了,这时候我们再去我们的github的仓库中查看,就可以看到我们刚刚提交的代码: 如果在提交了之
2021-06-07 18:44:04
343
原创 jQuery常见事件处理
jQuery常见事件一、页面加载响应事件二、事件方法鼠标事件键盘事件表单事件事件绑定自触发事件三、事件对象一、页面加载响应事件 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这个函数的基本语法如下:$(document).ready(function(){ //代码...}); 这个方法是用来替代传统的window.onload()方法的,但是$(document).ready()事件在页面中可以无限次地使用,并且各个方法不会冲突,会按照代码的先后顺序依次执行,但是在一个页面中,只
2021-04-22 10:06:59
370
原创 jQuery常见方法汇总
jQuery常见方法一、遍历筛选元素的方法find()children()siblings()first()eq()parent()filter()end()二、获取设置标签属性值的方法三、获取和设置元素尺寸位置样式的方法四、HTML文档结构处理的方法一、遍历筛选元素的方法find() find(selector)方法实现的是找出正在处理的元素的后代元素的功能,这里只能找到children() children(selector)方法实现的功能与find()类似,但是不同的是,children
2021-04-20 22:22:44
3541
3
原创 JS之RegExp的使用
RegExp的使用基本语法字面量创建RegExp构造函数RegExp实例属性RegExp示例方法exec()test()toLocaleString()和toString()*RegExp构造函数的属性基本语法ECMAScript通过RegExp类型支持正则表达式,正则表达式使用类似Perl的简洁语法来创建。关于正则表达式的简单介绍可以参考博主的另一篇文章:正则表达式。字面量创建语法如下: let expression = /pattern/flags; pattern代表模式,模式可以
2021-04-14 17:56:22
3022
原创 JavaScript中Math对象的简单使用
JS之Math对象Math对象的常见方法min()max()ceil()floor()round()abs()random()Math对象的常见方法min() min()顾名思义,就是求一组数中的最小值,返回值就是最小值: <script type="text/javascript"> console.log(Math.min(12,341,123,21,441)); </script>结果输出12:max() 与min()类似,max()输出的是一组数中
2021-04-08 12:08:14
219
2
原创 前端基础(JavaScript 三)——数组、字符串
JavaScript基础一、数组1.数组的定义与创建一、数组1.数组的定义与创建 数组简单来说就是有序的元素序列,使用单独的变量名来存储一系列的值。 数组的创建一种是使用Array构造函数,基础语法是:var array = new Array(); 还有一种是使用字面量的方法,基础语法是:var array = [1, 2, 1, 3, 7]; 而当我们想要获取或设置数组中的值的时候,需要使用方括号[]并提供相应的索引才可以进行想要的操作,索引是从0开始的整数。下面举一个简单的
2021-04-07 22:03:13
543
原创 原型和原型链的介绍和使用
JavaScript原型一、原型的介绍二、原型的使用prototypeconstructor_proto_三、原型链一、原型的介绍 原型是JavaScript中function对象的一个属性,它定义了构造函数制造出的对象的公共祖先,通过该构造函数产生的对象,可以继承该原型的属性和方法,原型也是对象。二、原型的使用prototype JavaScript中每一个函数都有一个属性:prototype,这个属性是在函数生成后系统自带的属性,并且每个对象都可以获取到原型中的属性。<script
2021-04-03 17:42:49
2301
4
原创 JavaScript函数及对象
JavaScript函数及对象一、函数的作用及定义二、函数的返回值三、函数的参数四、对象的定义五、对象的创建一、函数的作用及定义 函数可以封装任意多条语句,且可以在任何地方、任何时候进行调用。函数其实就是将重复的代码进行了一个整合,使用函数可以很好地减少代码的冗余,函数的基本定义如下:function 函数名(参数1,参数2,..){ 执行语句} 函数名后面括号里的参数可以根据实际的需要,设置一个或者多个,也可以不设置参数。下面演示一个简单的函数:<script type="tex
2021-04-02 12:28:32
352
1
原创 前端基础(JavaScript 二)——操作符、流程控制语句
前端基础之JS一、操作符1.表达式2.操作符的分类算数操作符赋值操作符比较操作符三元操作符逻辑操作符二、流程控制语句if-else语句一、操作符1.表达式 表达式就是将同类型的数据如:常量、变量、函数等,用运算符号按一定的规则连接起来的,有意义的式子叫做表达式。这里提到的运算符号就是操作符。2.操作符的分类算数操作符 算数操作符比较常见的就是数学中常见的加(+)、减(-)、乘(✖)、除(/)、取余(%)、自增(++)、自减(–)。加减乘除和取余(取余就是得到余数,如5%2结果为1)这边就不作
2021-04-01 19:40:13
365
1
原创 前端基础(JavaScript 一)——概念、语法、数据类型
初识JavaScript一、JavaScript定义二、JavaScript组成三、JavaScript使用四、JavaScript基本语法1、JavaScript变量2、变量的声明和赋值五、JavaScript数据类型1.JavaScript中的数据类型2.typeof操作符一、JavaScript定义 JavaScript是一种基于对象和事件驱动的客户端脚本语言,最初的设计是为了HTML表单的输入的正确性,它是单线程、解释性的语言。 JavaScript最初由Netscape的Brendan
2021-03-30 23:14:12
285
原创 前端学习(CSS3 三)——转换、过渡、动画
前端学习之CSS3一、CSS3转换1.定义2.语法3.2D转换一、CSS3转换1.定义 转换可以对元素进行移动、旋转、缩放、倾斜等,转换就是让某个元素发生形状、大小、位置上的改变。2.语法 转换的语法如下:transform:none | <transform-function>*;/*默认值为none*/ none代表不应用任何的转换,而表示要应用的一个或多个CSS变换函数,变换函数主要包括有: 2D转换:平面上的移动、旋转、缩放、倾斜。 3D转换:三维立体上的移
2021-03-28 19:36:46
469
原创 CSS3媒体查询
前端学习之CSS3一、响应式布局二、媒体查询1.语法结构一、响应式布局 如果我们PC端的页面直接在移动端观看的时候,网页会直接进行缩放,这样子会导致字体过小等问题,造成用户的体验不佳,因此在以前都是编写多套代码,来应用于不同的设备中,而这种开发方式成本高、不易维护,响应式布局则很好地解决了这个问题,它可以让一个网站能够兼容多个终端,而想要实现响应式布局,就需要媒体查询。二、媒体查询 媒体查询就是通过查询当前属于哪种设备,然后针对不同的媒体类型定制不同的样式规则,让网页能够在不同的设备下正常的预览
2021-03-27 21:33:58
147
原创 CSS3弹性盒子
CSS3弹性盒子一、背景二、一、背景 CSS传统布局模式是盒状模型,主要是通过display、float、position属性来实现布局。在2009年,W3C提出了一种新的布局方案,flex布局即弹性盒子,它可以简便、完整、响应式地实现各种页面的布局。使用弹性盒子,也可以对一个容器中的子元素进行排列、对齐和分配空白空间。二、...
2021-03-26 21:00:41
195
1
原创 字体图标的设置(阿里巴巴矢量图库的使用)
字体图标一、自定义字体二、阿里巴巴矢量图库使用三、字体图标前端在处理字体的时候,一般都会引用大多数电脑已经安装好的字体,如微软雅黑、宋体等等,从而来保证浏览器中字体渲染效果一致,而我们如果引用了一些自己本地自行安装的字体时,而用户的计算机上却没有,就会使得用户计算机上显示的是浏览器的默认字体,因此我们需要用到字体图标等。一、自定义字体语法:@font-face{ font-family:<family-name>;/*必须属性,指定字体的名字*/ src:<src>;
2021-03-25 23:35:40
1330
2
原创 前端学习(CSS3 二)——背景、渐变、文本
前端学习之CSS3一、CSS3背景新增内容1.background-clip2.background-origin3.background-size4.background-image一、CSS3背景新增内容1.background-clip background-clip:背景的绘制区域。语法:background-clip: border-box | padding-box | content-box;示例:<!DOCTYPE html><html lang="zh
2021-03-25 20:15:30
272
2
原创 前端学习(CSS3 一)——选择器、边框
前端学习之CSS3一、CSS3发展历程及新特性二、CSS3选择器1.相邻兄弟选择器2.通用兄弟选择器3.属性选择器4.结构性伪类选择器5.UI状态伪类选择器6.否定伪类选择器三、CSS3边框1.border-radius(圆角)2.box-shadow(盒阴影)3.border-image(边界图片)一、CSS3发展历程及新特性 CSS在1997年被W3C接管,这时的CSS是CSS1版本,CSS1的主要功能是设置网页对象的基本样式,如字体、颜色、背景、边框等。紧接着1998年W3C发布了CSS2,提
2021-03-23 20:37:08
276
原创 前端学习(EMMET语法介绍)
EMMET语法一、HTML书写规则二、CSS书写规则EMMET是前端开发中进行代码简写的一种方法,可以提高编程的效率,一般用于HTML和CSS代码的简写,简写的方式是输入代码后按Tab键展开。一、HTML书写规则1.输入"!"可以直接生成HTML初识结构,如下所示:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" con
2021-03-17 22:00:57
579
5
原创 前端学习(初识CSS 下)——背景、雪碧图、布局
前端学习之初始CSS一、CSS背景1、背景的基本属性background-color一、CSS背景1、背景的基本属性背景的基本属性有:background-color:背景颜色;background-image:背景图片;background-repeat:背景图片的展示方式;background-attachment:设置背景图片是滚动的还是固定的;background-position:背景图片位置。background-color &n
2021-03-16 22:50:35
2086
7
原创 前端学习(初识CSS 中)——盒模型、浮动、定位
前端学习之初识CSS一、CSS盒模型1.盒模型的概念(1)内容(content)(2)填充(padding)(3)边框(border)(4)外边距(margin)2.盒模型的相关属性3.标准盒模型和IE盒模型二级目录三级目录一、CSS盒模型1.盒模型的概念盒模型由四个部分组成:内容(content)、填充(padding)、边框(border)、外边距(margin)。盒模型示例图:padding、border和margin都有四个方向,分别是上(top)、下(bottom)、左(left)、
2021-03-15 20:00:19
2882
20
原创 前端学习(初识CSS 上)——选择器、优先级和字体样式
前端学习之初识CSS一、什么是CSS?二、CSS基础语法1.代码结构2.CSS的引用方法(1)内联式(2)嵌入式(3)链接式(4)导入式三、CSS选择器1.标签选择器2.类选择器3.ID选择器4.群组选择器5.通配符(全局)选择器6.后代选择器7.子选择器8.伪类选择器(1)链接伪类(2)伪类选择器的其他用法9.属性选择器10.选择器的优先级以及权重11.!important用法一、什么是CSS?1.CSS 指层叠样式表 (Cascading Style Sheets)。2.样式定义如何显示 HTML
2021-03-14 16:55:10
3561
17
原创 前端学习(初识HTML 下)——表格、表单和元素
这里写目录标题一、HTML表格1.表格基本结构一、HTML表格1.表格基本结构表格的基本结构就是<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>html课程表</title> </head> <body> <table border="1"> <caption>课程表</capti
2021-03-13 14:31:01
4375
11
原创 前端学习(初识HTML 上)——基础知识和基本标签
前端学习之HTMLHTML基础知识html定义html特点html标签html基础结构<head></head>中的<meta>html中的一些特殊字符HTML基本标签HTML表格HTML表单HTML元素HTML元素新的改变合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,
2021-03-12 15:18:28
7217
29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人