- 博客(7)
- 收藏
- 关注
原创 移动端布局之rem
什么是移动适配?网页元素的宽高都要随着设备的宽度等比缩放。移动端解决方案:1.rem2.vw/vh案例练习一:rem + flexible.js+媒体查询rem描述:1.相对单位2.rem单位是先对于HTML标签的字号计算结果3.1rem = 1 html 标签字号大小工作中使用rem目前rem布局中,将网页等分成10分,html标签的字号为视口宽度的1/10,在结合媒体查询@media(width:320px){ html { font-size:32px; }
2021-08-25 23:51:42
723
原创 js面向对象编程class
1.面向对象介绍面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。2.面向过程与面向对象对比面向过程面向对象优点性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程。易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低耦合的系统,使系统 更加灵活、更加易于维护缺点不易维护、不易复用、不易扩展性能比面向过程低3.类在 ES6 中新增加了类的概念,可以使用 class 关键字声明一个类,之后以这个类来
2021-08-02 23:39:26
303
原创 es6基础知识总结
一. let和const1.1 let特点:let关键字就是用来声明变量的防止循环变量变成全局变量let声明的变量只在所处于的块级有效(var关键字是不具备这个特点的) if (true) { let a = 10;}console.log(a) // a is not defined不存在变量提升console.log(a); // a is not defined let a = 20;暂时性死区利用let声明的变量会绑定在这个块级作用域,不会受外界的影
2021-08-02 23:08:04
260
原创 正则表达式
1.什么是正则表达式是用于匹配字符串中字符组合的模式。在js中正则表达式也是对象。2.正则表达式的使用在 JavaScript 中,可以通过两种方式创建一个正则表达式。方式一:通过调用RegExp对象的构造函数创建 var regexp = new RegExp(/123/); console.log(regexp);方式二:利用字面量创建 正则表达式 var rg = /123/;2.2测试正则表达式test() 正则对象方法,用于检测字符串是否符合该规则,该
2021-08-01 23:49:56
141
2
原创 TS接口学习
1.接口是什么?接口简单来说就是规定一些 “事”,在后台中,接口指的是双方规定的 API,在 TS 里接口一般指这个变量拥有什么东西。2.为什么要使用接口TypeScript 的核心原则之一是对值所具有的结构进行类型检查。简单地说:(1)接口的作用就是去描述结构的形态;(2)对指定接口类型的值进行约束;(3)方便对同一接口类型的值进行统一处理(4)通过继承简化代码结构,提高代码复用性3.接口的使用接口通过关键字 interface 定义,接口中的属性可以是可选的、只读的、带其它任何属性的
2021-06-08 15:25:31
623
1
原创 TS基础语法
1.变量var [变量名] : [类型] = 值;const hello:string = "hello world";console.log(hello);如果值不是指定类型会报错!2.模块一个文件就是一个模块,模块可以导出供其它模块,也可以导入其它模块来使用// 文件名 a.tsexport class Person { name:string; constructor(name:string){ this.name = name; } sayhi():voi
2021-05-19 17:15:29
736
原创 TS安装与调试
TS安装与调试TS环境安装安装依赖环境 Node.js : https://nodejs.org/en/download/安装 TypeScript: npm install -g typescript安装集成开发环境 IDE: Visual Studio Code , Sublime Text , WebStormTS代码调试命令行工具 tscVS Code 中调试代码tsconfig.json 项目配置文件...
2021-05-19 15:07:33
296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人