- 博客(16)
- 收藏
- 关注
RSS订阅原创 《前端之路》- TypeScript (四) class 中各类属性、方法，抽象类、多态
一、TypeScript 中的类1、先来举个例子： class Persons { name: any; age: number | undefined; constructor(name: string, age: number) { this.name = name; this.age = age; } getName(): void { console.log(`${this....
2021-06-30 21:08:25
347
3
原创 【前端进阶】构建自己的 webpack 知识体系
webpackwebpack 最出色的功能之一就是，除了JavaScript，还可以通过loader引入任何其他类型的文件。Webpack 核心概念：Entry（入口）：Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Output（出口）：指示 webpack 如何去输出、以及在哪里输出 Module（模块）：在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk（代码块）...
2021-06-30 21:03:28
295
原创 测试代码质量的唯一方式：别人看你代码时说 “卧槽”的次数
代码质量与其整洁度成正比。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。本文并不是代码风格指南，而是关于代码的可读性、复用性、扩展性探讨。我们将从几个方面展开讨论：变量 函数 对象和数据结构 类 SOLID 测试 异步 错误处理 代码风格 注释前端进阶暗号：csdn变量用有意义且常用的单词命名变量Bad:const yyyymmdstr = moment().format('YYYY/MM/DD');Good:const cur..
2021-06-29 15:49:27
329
原创 三大主流框架React、Angular、Vue
【引言】web前端开发当前世界中，技术发展非常迅速并且变化迅速，开发者需要更多的开发工具来解决不同的问题。本文就对于当下主流的前端开发技术React、Vue、Angular这三个框架做个相对详尽的探究。【React】React（也被称为React.js或ReactJS）是一个用于构建用户界面的JavaScript库。它由Facebook和一个由个人开发者和公司组成的社区来维护。React可以作为开发单页或移动应用的基础。然而，React只关注向DOM渲染数据，因此创建React应用通常需
2021-06-27 20:06:34
4109
1
原创 CSS垂直居中的10个方法
前言前端开发中元素居中是最常见和最经常使用到的css技巧，不仅开发中经常会用到，面试官出题考核基础时有时候也会问道这类问题。本文主要介绍10种垂直居中的方法。希望对你我都有帮组。1、line-height+height实现如果子元素是行内文本元素的话，只要设置父元素的height和line-height高度一样就可以垂直居中。HTML "parent"> "child">我是行内元素</span> </div> ...
2021-06-27 18:46:22
679
原创 快毕业了发现自己前端学的不够扎实怎么办
一、基础（重新学一遍比第一次学效率快很多）1、HTML基础笔记：实践建议HTML给你的网页赋予了结构。它就像是人的骨架那样让你保持站立。首先你需要去学习语法以及它必须提供的一切。你的学习应该聚焦在下面这些东西上：学习HTML基础，了解如何编写语义HTML 理解如何把网页分成section（段落），以及如何正确组织DOM（文档对象模型） 现在很多html5的新标签也很有用，需要进行了解实践建议：一旦你学习了HTML基础，至少要制作5个HTML网页。我建议你随便找一个网站，比如看看Git
2021-06-26 21:11:03
673
原创 HTML静态页面之（盒子模型）
盒子模型描述每一个元素都可以叫做是盒子模型 盒子模型的组成 内容区 - 元素中内容（文本、图片、等等） 内边距 - 内容区到边框的距离 边距 - 内容区的边界 外边距 - 盒子与盒子之间的距离 border属性表示设置元素的边框 border属性是简写属性,可以分为 border-width - 表示边框的宽度 border-style - 表示边框的样式 border-color - 表示边框的颜色 简写顺序: 边框宽度 边框样式 边框颜色
2021-06-26 16:38:19
739
原创 js数组JavaScript数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组操作</title> <link rel="icon" type="text/css" href="images/favicon.ico"></head><body> </body><script>.
2021-06-23 20:57:32
226
原创 用js把数字转化成为大写金额
var digitUppercase = function(n) {var fraction = ['角', '分'];var digit = ['零', '壹', '贰', '叁', '肆','伍', '陆', '柒', '捌', '玖'];var unit = [['元', '万', '亿'],['', '拾', '佰', '仟']];var head ...
2021-06-23 20:44:16
745
原创 html中div使用CSS实现水平/垂直居中的多种方式
CSS中的居中，在工作中，会经常遇到。它可以分为水平居中和垂直居中，以下是几种实现居中的方式。以下例子中，涉及到的CSS属性值。.parent-frame { width: 200px; height: 200px; border: 1px solid red;}.child-frame { width: 100px; height: 100px; border: 1px dotted blue;}1: text-align:c...
2021-06-22 15:17:46
299
原创 TypeScript高级用法
typescript高级用法引言作为一门强大的静态类型检查工具，如今在许多中大型应用程序以及流行的JS库中均能看到TypeScript的身影。JS作为一门弱类型语言，在我们写代码的过程中稍不留神便会修改掉变量的类型，从而导致一些出乎意料的运行时错误。然而TypeScript在编译过程中便能帮我们解决这个难题，不仅在JS中引入了强类型检查，并且编译后的JS代码能够运行在任何浏览器环境，Node环境和任何支持ECMAScript 3(或更高版本)的JS引擎中。最近公司刚好准备使用TypeScript来对现
2021-06-19 13:42:47
641
原创 web前端之TypeScript的类class 中各类属性、方法，抽象类、多态
一、TypeScript 中的类class Persons { name: any; age: number | undefined; constructor(name: string, age: number) { this.name = name; this.age = age; } getName(): void { console.log(`${this.name}今年已经${this.age}岁了`); }} let p11 = new
2021-06-18 19:32:06
606
原创 原生JavaScript实现五子棋（直接上代码干货点赞收藏拿走）
HTML页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no"> <title>五子棋</title> <
2021-06-15 21:42:02
1662
2
原创 回顾Java基础知识 你还记得吗
面向对象与面向过程的区别首先面向过程和面向对象的语言没有具体的性能高下之分，要依据每种语言的设计来做参考。个人认为面向过程和面向对象的最大区别在于：面向过程的语言是结构化的，面向对象的语言是模块化的。模块化的代码比结构化的代码更易于维护，复用与扩展。OracleJDK与OpenJDK的区别OpenJDK是基于Sun捐赠的HotSpot的源代码开发的，是开源的。OracleJDK是Oracle对JDK商业化版本，由Oracle发布并维护，因此OracleJDK比OpenJDK更可靠。J...
2021-06-12 14:12:06
1071
1
原创 适合移动和桌面应用的JavaScript框架是什么
当听到JavaScript这个词的时候，“web开发”会一下子出现在我们的脑海中，因为JavaScript在很长一段时间里一直是web应用开发最广泛使用的语言，Angular、React和Vue等框架目前也很有名。尽管JavaScript主导着web开发领域，但是在移动和桌面应用开发领域，它不得不屈居于Java、C#和C++之下。然而，很多人可能没注意到JavaScript对移动和桌面应用开发也产生了影响。本文就将讨论一些主要的JavaScript框架，以及它们在移动和桌面应用开发领域的优缺点。1
2021-06-11 19:32:05
1317
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人