摘要:Typescript可以说是JavaScript的超集,在JS的基础上新增了许多语法特性,使得类型不再可以随意转换,能大大减少开发阶段的错误。 作者:北极光之夜。 。一.Ts是什么:首先,强类型不允许随意的隐式类型转换,而弱类型是允许的。JavaScript就是经典的弱类型语言。而Typescript可以说是JavaScript的超集,在JS的基础上新增了许多语法特性,使得类型不再可
转载 2023-12-10 15:46:21
148阅读
TypeScript 基础类型TypeScript 包含的数据类型如下表:数据类型关键字描述任意类型any声明为 any 的变量可以赋予任意类型的值。数字类型number双精度 64 位浮点值。它可以用来表示整数和分数。let binaryLiteral: number = 0b1010; // 二进制 let octalLiteral: number = 0o744; // 八进制 let
一、类型注解变量后面约定类型的语法,就是类型注解约定了什么类型,变量赋值就是什么类型,不符合就会报错 注:这里需要借助VSC插件才能直接在代码后面显示错误提示 二、原始数据类型 review:js原有数据类型1.简单数据类型:number、string、boolean、undefined、null、symbol、bignit2.复杂数据类型:对象、函数、数组ts中的原
初识什么是装饰器?在一些场景下我们需要额外的特性来支持标注或修改类及其成员。我们使用装饰器来实现。装饰器是一种设计模式,可以动态的实现对类属性的修改,而不需要重载,实现了最大的灵活性。ts中装饰器怎样实现?首先运行时开启:tsc yourDecorator.ts --target ES5 --experimentalDecorators或者使用配置方式:tsconfig.json{ "co
转载 2023-11-06 16:22:11
77阅读
在现代前端开发中,如何使用 TypeScript 来动态赋值 CSS 样式,始终是一个有趣而富有挑战性的问题。本文将带您深入探讨这一过程,通过实例讲解如何克服初始技术痛点,并通过演进历程、架构设计、性能攻坚等多个维度,帮助您理解和掌握这项技能。 当前,许多开发者在项目中面临以下初始技术痛点:交互效果复杂、样式变更频繁。在这样的背景下,更加灵活、可维护的代码体系就显得尤为重要。为了量化这一现象,我
原创 6月前
20阅读
前言上篇文章讲到 flask 的模板文件如何使用,印象模糊的朋友可以回顾一下flask入门 (二)(不用写代码的前端!)今天的主题 - flask 和静态文件结合的使用技巧。静态文件概念先来简单的介绍下,静态文件是什么?静态文件(static files),在通常的 web 项目下,指的是内容不需要动态生成的文件。比如图片、CSS 文件和 JavaScript 脚本等。就像下面通过 F12 审查元
CSS代码语法CSS参考手册网址:http://www.w3school.com.cn/cssref/index.asp·  css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示:选择符:又称选择器,指明网页中要应用样式规则的元素,如网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。     &nbs
转载 2023-07-29 22:04:52
431阅读
CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。要想让CSS对网页内容有效果,必须将CSS代码引入网页,通常有四种方式,详见下文。          .1     &nbs
转载 2024-07-26 13:49:26
75阅读
1.引言什么是 .d.ts 文件当我们使用 TypeScript 开发时,类型声明是非常重要的。它们提供了代码的静态类型检查和智能提示,以增强代码的可读性、可维护性和可靠性。然而,对于已有的 JavaScript 库或自定义模块,它们可能不包含类型声明信息。这就导致在使用这些库或模块时,我们无法享受到 TypeScript 的类型检查和提示的好处。这时,.d.ts 文件就发挥了作用。.d.ts 文
转载 2023-10-20 22:09:36
117阅读
css3系列-1.css基础知识入门1.css 如何引用内部外部内联代码示例内部css代码示例index外部css代码示例index微信公众号:全栈学习笔记 css文件里面的代码(test.css)h1{ color: red; }内联css代码示例 这里推荐使用第二种方式,尽量不使用其他两种方式,第二种方式可以是html文件与css文件分离,代码可阅读性以及维护性更强2.cs
需要学习的有很多。
CSS
原创 2022-02-17 15:03:50
173阅读
1.HTML+CSS布局(DIV+CSS):主要通过CSS样式设置来布局文字或图片等元素,需要用到CSS盒子模型,盒子类型,CSS浮动,CSS定位,CSS背景图定位等知识来布局,主流布局2.CSS介绍:为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆开,CSS(CascadingStyleSheets)层叠样式表,HTML中大部分表现样式的标签就废弃不用了,HTML只负责文档的结构和内容
原创 2018-12-19 19:21:26
876阅读
一、css样式 字体样式: 1.font-famliy:字体类型 可以设多个类型用“,”隔开, 应用是先从第一个应用 ,如果该文字没有该字体,就应用第二个字 体依次类推。 2.font-size:字体大小 单位:px :根据屏幕分辨率计算单位 em :相对单位,相对于当前文字的大小计算 3.font
转载 2016-11-05 21:46:00
470阅读
2评论
通过样式表实现强制不换行 例如让一个table的某一行不换行: <table> <tr style="white-space:nowrap;"> <td>1</td> <td>2</td> </tr>  还得注意,不要给td等加width属性。这里使用table不大好,页面中当前行虽然没有换行达
转载 2013-03-01 10:26:00
296阅读
2评论
Css样式表: 1.样式表的分类: <1>.使用内联样式:样例模板:(为p段落设置样式) <p style = "color:Red;font-size:25pt;"> 段落文本(p) </p> 特点:(仅仅针对被标记的那一个P标签有效) <2>.内部样式:在<head>元素中加入(为h1标题设置样
转载 2017-08-03 21:52:00
247阅读
2评论
1、CSS样式 CSS(Cascading StyleSheets)称为层叠样式工作表,作用:用于对页面进行i
原创 2022-09-01 21:19:55
176阅读
文章目录CSS样式padding(内边距)CSS样式padding(内边距)padding: 1px 2px 3px 4px; /*参数顺时针:上右下左4个参数 上右下左3个参数 上(左右)下2个参数 (上下)(左右)1个参数 上下左右相同单位 cm,px,%,inherit默认值: 0px*/...
原创 2021-08-19 10:04:01
247阅读
<!-- CSS样式 三种使用方法:link style 行内样式 选择器: 1.基础选择器:tag #id .class , * 2.层次选择器:空格 > + ~ 空格:所有子代 >:第一代 +:第一个兄弟节点 ~:后面的所有兄弟节点 3.表单选择器 :type属性————>jquery写法 in ...
转载 2021-10-22 17:27:00
199阅读
2评论
d(#),class(.)id指令:# ; class指令:div#testdiv.test子节点(>),兄弟节点(+),上级节点(^)子节点指令:> ; 兄弟节点指令:+ ; 上级节点:^div>ul>li>pdiv+ul+pdiv>ul>li^div (这里的^是接在li后面所以在li的上一级, ...
转载 2021-10-28 23:30:00
181阅读
2评论
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
转载 2019-03-07 09:34:00
766阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5