![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 82
孤城浪人
正在前端路上摸爬滚打的菜鸟
展开
-
js + 绝对定位实现瀑布流照片墙
js + 绝对定位实现照片墙,原理详解,简单易上手原创 2022-09-27 22:20:06 · 1183 阅读 · 0 评论 -
贪吃蛇(Typescript)
贪吃蛇(Typescript)项目环境package.json{ "name": "snack", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack", "start": "webpack serve --原创 2022-05-20 14:08:01 · 363 阅读 · 0 评论 -
Typescript进阶(面向对象的特性)
文章目录面向对象类(class)定义类:使用类:面向对象的特点只读属性(readonly)TS中属性具有三种修饰符属性存取器静态属性this继承类的扩展重写抽象类(abstract class)接口(Interface)泛型(Generic)函数使用泛型类中同样可以使用泛型总结面向对象面向对象是程序中一个非常重要的思想,那么对象到底是什么呢?计算机程序的本质就是对现实事物的抽象,抽象的反义词是具体,比如:照片是对一个具体的人的抽象,汽车模型是对具体汽车的抽象等等。程序也是对事物的抽象,在程序中我们可以表原创 2022-05-20 12:22:51 · 235 阅读 · 1 评论 -
Typescript入门知识
文章目录TypeScript简介TypeScript 开发环境搭建基本类型类型声明自动类型判断编译选项自动编译文件自动编译整个项目总结TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的原创 2022-05-20 11:11:25 · 359 阅读 · 0 评论 -
less学习笔记
文章目录注释变量声明变量嵌套规则混合普通混合带默认值混合命名参数匹配模式计算继承extend all避免编译总结注释以“//”的注释不会被编译到css中,以“/**/”会被编译到css中变量声明变量@变量名:值@color:yellow作为选择器#@{select}作为urlURL:@{url}延时加载:如下例使用时会等变量值改变完了在调用@var:1;.b{ @var:2; three:@var;//3 @var:3;}嵌套规则基本嵌套#div{ wid原创 2022-04-19 20:39:46 · 148 阅读 · 0 评论 -
flex各属性效果及图示
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录示例图片的代码flex常见父项属性flex-direction:设置主轴方向justify-content:设置主轴上子元素排列方式align-content:设置侧轴上子元素的排列方式(多行)align-items:设置侧轴上的子元素排列方式(单行)flex-flow:符复合属性,相当于直接设置了flex-direction和flex-wrap子项常见属性flex子项目占的份数align-self控制子项自己在侧轴的排列方式or.原创 2022-04-08 17:29:20 · 441 阅读 · 0 评论 -
响应式布局(案例题解)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录媒体查询其它引入方式案例一:输入框label和go案例二:input自适应案例三:js调整基准字体大小案例四:js控制跳转到手机还是pc页面(不同布局)案例五:导航、内容自适应媒体查询<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0.原创 2022-04-07 11:43:46 · 393 阅读 · 0 评论 -
表单与validityState对象
文章目录一、pandas是什么?二、使用步骤1.引入库2.读入数据总结一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('igno原创 2022-03-17 07:38:26 · 425 阅读 · 1 评论 -
接口文档开发apiDoc
文章目录一、apiDoc是什么?二、使用步骤1.下载apiDoc模块2.在项目根目录创建apidoc.json文件3. 接口注释4. 生成接口文档一、apiDoc是什么?是Nodejs中的一个模块,能够根据代码中的注释快速生成接口文档。二、使用步骤1.下载apiDoc模块全局安装npm install apidoc -g //或者npm i apidoc -gnpm下载是国外的资源,可以换成阿里源,这是全局安装cnpm install apidoc -g 2.在项目根目录创建apid原创 2021-11-22 22:49:55 · 261 阅读 · 0 评论 -
Ajax用法详解
Ajax用法详解前言一、Ajax是什么?二、使用步骤三、封装Ajax总结前言学习Ajax,今天在这里记录一下一、Ajax是什么?Ajax 是与服务器交换数据并更新部分网页的艺术,它不重新加载整个页面。 ajax 是异步的 javascript和 xml(数据传输格式),是异步的 javascript 和 数据传输什么是同步异步:同步 阻塞,当前程序运行,必须等前一个程序运行完毕以后,才能运行。异步 非阻塞,当前程序运行,和前面程序的运行没有任何关系。说到这里介绍一下前后端数据传输的原创 2021-10-24 09:25:06 · 687 阅读 · 0 评论 -
电子时钟(HTNL+CSS+JS练手小项目)
电子时钟(HTNL+CSS+JS练手小项目)前言效果展示1.HTML代码2.CSS代码3.JS代码总结前言新手练手小项目,图中效果未使用图片,完全用标签得到效果展示1.HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-10-24 09:19:38 · 1744 阅读 · 0 评论 -
台式小风扇(HTML+CSS+JS练手小项目)
台式小风扇(HTML+CSS+JS练手小项目)功能介绍外观展示HTML代码CSS代码JS代码总结功能介绍前段时间看到这样的风扇特效,感觉还挺好玩,就自己也写一个练练手。风扇有四个档位点击0这个档位时风扇就停止转动了。外观展示HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible原创 2021-10-17 12:40:14 · 1508 阅读 · 2 评论 -
3D旋转相册代码及详细使用教程
相信很多小伙伴看着短视频里的3D旋转相册很想要吧,下面就让我们来看看它的代码及使用方法吧!效果展示代码展示1.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>3D立体动态相册</title> <link rel="stylesheet" type="text/css" href="css/css.css"/> <原创 2020-08-19 17:20:36 · 36676 阅读 · 131 评论