前端
文章平均质量分 64
Hansel.Wn
现在从事软件开发工作.
展开
-
WebRTC
WebRTC是一个Google开源的音视频处理+即时通讯的开源库,是一个跨平台的多媒体框架,能实现音视频的实时互动。原创 2024-04-17 22:39:55 · 944 阅读 · 0 评论 -
Canvas 画布基本用法详解
lineWidth属性定义在画布中绘制时要使用的线条宽度。必须在调用 stroke() 方法之前设置。属性定义在画布中绘制时要使用的样式。必须在调用 stroke() 方法之前设置。lineCap属性定义线的端部样式(butt、round 或 square),默认为 square(方形)。必须在调用 stroke() 方法之前设置。原创 2024-04-15 19:42:21 · 587 阅读 · 0 评论 -
ng-zorro+angular中 input输入框设置disabled属性无效的解决方法
错误描述ng-zorro是遵循Ant Design设计规范的Angular UI组件库,前端开发中angular + ng-zorro结合使用可以事半功倍。今天在开发过程中发现ng-zorro的一个坑,当我给input输入框设置disabled属性时,无论disabled的值为true或者false都没有效果。经过多番调查发现,在ng-zorro中使用disabled属性时,disabled属性时灵时不灵,具体有以下几种情况:1、disabled属性与ngModel同时使用时,disabled效果正原创 2022-04-20 22:12:27 · 5551 阅读 · 2 评论 -
CSS布局居中显示的几种情况
前端开发中经常会遇到各种各样元素居中的设计,今天特意搜集归纳了一下各种情况下元素居中显示的解决方案。行内元素水平居中:text-align我最熟悉的一个属性,只能实现行内元素(display为inline或inline-block等)的水平居中。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl原创 2022-04-06 21:59:51 · 1110 阅读 · 0 评论 -
添加CSS动画
@keyframes设置动画规则1、@keyframes的作用是设置一个规则,在这个规则内指定CSS样式,并且指定动画的变化方式2、规则内可以使用from{}、to{}关键字来设置样式变化,也可以使用百分比设置样式变化@keyframes myfirst{ from {background: red;} to {background: yellow;}}@keyframes myfirst{ 0%{background: red;} 50% {backgrou原创 2022-03-29 15:58:50 · 1324 阅读 · 0 评论 -
Error: The Angular Compiler requires TypeScript >=4.0.0 and <4.1.0 but 4.6.2 was found instead
angular前端项目,执行npm start命令报错:Error: The Angular Compiler requires TypeScript >=4.0.0 and <4.1.0 but 4.6.2 was found instead.解决方法:安装符合提示要求的Typescript版本,如果不知道具体的版本号,可以按照提示信息中的版本范围下载,npm会自己下载适用的版本:npm install typescript@">=4.0.0 and <4.1.0"原创 2022-03-23 14:23:53 · 1387 阅读 · 0 评论 -
JavaScript中函数的“形参”不是必须的
函数对于任何语言来说都是一个核心概念,通过函数可以封装任意多条语句,并且可以在任何地方任何时候调用执行。函数语法示例:// 定义函数function functionName(arg0, ar1,...,argN){ // TODO }...functionName(1,2); // 通过函数名调用已定义的函数如上所示,我们通过function关键字定义一个函数,并且可以给函数一个任意的函数名,函数名后面是一个参数列表,最后,用花括号包裹着任意多条代码组成的函数体,这就是一个基本的函数定义原创 2022-01-26 00:01:47 · 2831 阅读 · 0 评论 -
JavaScript中的label语句
label语句的用法,是给代码中添加标签,以便于后面代码中使用。代码示例:na:for(var i = 0; i < 10; i++){ console.log(i);}在上面的代码中,for循环的前面有一个na:,这就是label语句的写法,按照我的理解,就是给这个for循环添加了一个标签,在之后的代码里,na标签代表的就是这个for循环。在实际使用中,label标签一般会在循环嵌套中和break、continue这两个语句结合使用:start:for(var i = 0; i原创 2022-01-25 22:08:21 · 1566 阅读 · 0 评论 -
JavaScript中的操作符
一元操作符一元操作符可以作用于数值类型和非数值类型,当作用于非数值类型时,会先将非数值转换为数值类型,然后再进行一元运算。递增递减操作符使用++、--两种符号表示递增和递减,同时根据符号位置的不同,又分为前置递增递减和后置递增递减:递增递减操作符前置时,先执行递增递减操作,再执行其他运算递增递减操作符后置时,先执行其他运算,再执行递增递减操作var num1 = 10;var n = ++num1; // 前置递增,先执行递增计算,再对n进行赋值,所以,n=11,num1=11var n原创 2022-01-25 17:45:59 · 678 阅读 · 0 评论 -
JavaScript中的数据类型
ECMAScript中有五种基本数据类型和一种复杂数据类型基本数据类型:Undefined、Null、Boolean、Number、String复杂数据类型:Object除了这六种数据类型之外,ECMAScript不允许创建任何自定义数据类型,因此,在JavaScript中,所有的值都是上述六种数据类型之一。typeof操作符在前面一篇文章中提到过,JavaScript中的变量都是松散类型的,有时候我们就需要一种手段来检测这个变量中的数据类型,typeof就是用来检测给定变量中数据类型的操作符。原创 2022-01-25 00:33:52 · 124 阅读 · 0 评论 -
JavaScript中的变量
ECMAScript中的变量是松散类型的,所谓的松散类型就是可以用来保存任何类型的数据。var example; // 只定义变量使用关键字var定义了一个名为example的变量,example这个变量可以用来保存任何类型的值。在上面的代码中,只是定义了一个变量,并没有进行赋值,像这种未经过初始化的变量,它的值是undefined。var example = 1; // 使用var声明变量example,同时直接初始化变量。局部变量和全局变量:使用var关键字定义的变量,它的只在这..原创 2022-01-24 21:26:57 · 525 阅读 · 0 评论 -
关于Nginx服务器的一些粗略认识
Nginx,由俄罗斯人 伊戈尔·赛索耶夫开发,并于2004年首次公开发布。写这篇博文的时候,第一个想到的问题是,Nginx这几个字母搁一块该怎么读?特地查了查,得到下面这句话:nginx英文读音音标为:/’endʒɪneks/,它的正确发音读出单词engine x。关于Nginx,网上有各种大同小异的解释,以下三种是大部分开发者对Nginx的定义:1、Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。2、Nginx是一款轻量级的HTTP服务器,采用原创 2022-01-17 23:17:50 · 2466 阅读 · 0 评论 -
CSS 盒子模型
box model,用来封装HTML元素,包括边距、边框、填充、实际内容。盒子模型包括以下部分:margin:外边距,外边距是透明的border:边框,围绕在内边距和内容之外的边框padding:内边距,内容周围的区域,内边距是透明的content:盒子内容,用来显示元素内容通过CSS指定元素的宽度和高度时,实际上指定的是盒子模型content区域的宽度和高度,所以一个元素的完整大小,需要加上内外边距和边框。图片、表单元素等不是盒子。border:边框边框三要素:粗细(一般以像素为单位原创 2022-01-17 17:00:13 · 385 阅读 · 0 评论 -
CSS position
position属性,指定了元素的定位类型,有五个不同值:static 静态定位HTML元素的默认值,按照正常的文档流对象渲染relative 相对定位1、相对于元素正常位置定位2、相对定位会占据正常文档流空间fixed 固定定位1、元素位置相对于浏览器窗口定位2、使用top、left、bottom、right属性指定定位元素和浏览器窗口的位置关系3、fixed定位元素的位置与文档流无关,所以不占据空间,定位元素与其他元素重叠absolute 绝对定位1、元素的位置相对于最近的已定位原创 2022-01-17 16:14:55 · 225 阅读 · 0 评论 -
HTML文件的<head>元素
head元素,包含了HTML文件所有的头部元素原创 2022-01-17 14:45:02 · 568 阅读 · 0 评论