前端
关注
分享
扫一扫
文章平均质量分 60
疯狂的小强呀
这个作者很懒，什么都没留下…
展开
-
通过鼠标移入移出增加页面交互效果
有时候希望给用户带来一些炫酷的交互体验，常常会通过鼠标触发一些动态的样式效果！！！这里简单总结一下，以后会不定时补充，谨以此博客作为记录！原创 2024-04-26 18:01:53 · 604 阅读 · 0 评论 -
HTML入门之head标签学习
head标签作用head标签中的标签演示作用主要是配置：浏览器显示数据的配置信息 eg：字符串编码一般是给浏览器进行使用head标签中的标签网页标题标签告诉浏览器使用什么标题显示网页<title>标题名</title>编码格式标签告诉浏览器使用指定的编码格式解析文档<meta charset="编码格式"/> <!--html5--><meta> http-equiv="content-type" cont原创 2020-09-02 17:20:01 · 195 阅读 · 0 评论 -
HTML之表格标签
表格标签表格标签子标签表格标签表示<table></table>作用：声明一个表格属性border：给表格添加边框特点：默认根据数据的大小进行表格大小的显示子标签行标签<tr></tr>作用：声明一行2. 单元格标签<td></td>作用：声明一个单元格...原创 2020-10-04 16:31:13 · 173 阅读 · 0 评论 -
HTML入门之基本概念
HTML入门概念作用HTML标准文档学习概念互联网三大基石URL：统一资源定位符（唯一的定位一个网络资源）HTTP：超文本传输协议（规范浏览器和服务器之间数据交互的格式）HTML：超文本标记语言（有效的组织数据在浏览器端的显示）HTMLHTML全称是Hyper Text Markup Language，即超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性原创 2020-09-02 00:38:03 · 368 阅读 · 0 评论 -
HTML之form表单标签的学习
form表单标签from表单form表单域from表单表示：<form>form表单域</form>作用：收集并替提交用户数据给指定服务器属性action：收集的数据的提交地址（也就是URL）method：收集的数据的提交方式其中提交方式有两种：get和postget： 适合小量数据，提交的表单数据以？隔开拼接在URL后面，不同的数据的键值对使用&符号隔开，不安全post： 适合大量数据 ，隐式提交， 安全form表单标签的使用在点击提交数据时原创 2020-10-12 17:38:47 · 1059 阅读 · 0 评论 -
HTML之内嵌标签学习
HTML之内嵌标签学习内嵌标签内嵌标签表示：<iframe></iframe>作用：在当前网页中加载其他网页的资源，达到不同网页资源之间不互相干扰，并能在同一个页面中展现给用户的目的。属性src：要显示的网页资源路径，可以是本地路径也可以是网络资源路径，默认当前页面打开和加载src指向的资源width：设置显示区域的宽度height：设置显示区域的高度name：设置内嵌区域的名字，结合超链接标签的target属性使用用法演示<html><h原创 2020-10-06 10:20:08 · 452 阅读 · 1 评论 -
HTML之框架标签的学习
HTML之框架标签的学习框架标签表示作用属性子标签用法演示框架标签表示<frameset></frameset>作用可以将多个网页资源整合到一个网页上显示属性rows：按照行进行切分页面clos：按照列进行切分页面子标签<frame></frame>：进行切分区域的占位，一个frame可以单独加载网页资源属性：src：资源路径name：区域名，结合超链接使用用法演示注意：使用frameset标签时第一步一定要先删除body标签原创 2020-10-06 12:30:47 · 297 阅读 · 1 评论 -
HTML body标签之列表标签
列表标签无序列表有序列表自定义列表演示无序列表表示：<ul><ul/>子标签<li><li/>：该标签中书写列表内容，一个li标签代表列表中的一行数据li标签特点：默认数据前有一个黑圆圈符号有序列表表示：<ol><ol/>子标签<li><li/>：该标签中书写列表内容，一个li标签代表列表中的一行数据li标签特点：会自动的给列表进行顺序编码，格式从小到大是连续的属性type：可以改变原创 2020-09-22 20:27:34 · 254 阅读 · 0 评论 -
HTML body标签之文本标签
HTML入门之文本标签标题标签水平线标签标题标签表示标题标签主要用h1~h6这几个符号表示eg：<h1>文本<h1>作用将其中的文本加粗加黑显示，h1~h6显示效果依次减弱，并且标题标签自带换行功能。像这样自己占一行的标签也叫块级标签。标签属性标签的属性是对标签功能进一步的补充，可以由开发人员自由的指定属性值，来达到想要的显示效果。标题标签的属性有：属性名属性值作用aligncenter、left、right改变标题标签的位置原创 2020-09-22 17:02:25 · 439 阅读 · 0 评论 -
HTML之图片标签学习
HTML之图片标签学习图片标签标签符号属性演示图片标签标签符号表示：<img/>属性src： 图片路径（可以是相对路径，也可以是绝对路径）本地资源路径：一般本地资源路径使用相对路径即可网络资源路径：图片资源的URL地址width： 图片宽度，如果是单独设置，则在图片不失真的情况下自动缩小或者放大，单位可以是px，也可以是百分比height： 图片高度，如果是单独设置，则在图片不失真的情况下自动缩小或者放大，单位可以是px，也可以是百分比title： 图片标题，鼠标放在图片上原创 2020-09-25 13:58:08 · 199 阅读 · 0 评论 -
HTML之超链接标签
HTML之超链接标签超链接标签表示属性超链接标签表示<a>访问方式</a>注意：超链接标签中一定要声明方式，访问方式可以是文字也可以是图片属性href：要跳转的网页资源路径本地资源：相对路径（绝对路径也可以，不推荐）网络资源：网页的URLtarget：指明要跳转的网页资源的显示位置target的取值：符号意义_self在当前页中刷新显示_blank在新的标签中显示_top在顶层页面中显示_parent在父级页面原创 2020-10-02 12:04:43 · 557 阅读 · 0 评论 -
CSS的选择器和常见样式
CSS的选择器和常见样式CSS的使用过程CSS的选择器作用标签选择器id选择器类选择器全部选择器组合选择器子标签选择器属性选择器CSS的使用过程声明CSS代码域根据选择器选择要添加样式的标签书写样式单CSS的选择器作用选择要添加样式的标签，并为其添加样式标签选择器用法标签名{ 样式名1:样式值1; ...}作用会将当前网页内的所有该标签添加相同的样式id选择器用法<!--使用该选择器，我们要先为标签添加id属性-->#标签的id属性值{原创 2020-10-14 17:36:18 · 180 阅读 · 0 评论 -
CSS定位之position
HTML学习之CSS定位CSS定位演示CSS定位CSS可以使用属性position来实现定位属性值作用具体说明relative相对定位相对元素自己原有位置移动指定的距离，可以使用top、left、right、bottom进行设置，其他元素的位置不会随之改变absolute绝对定位可以使元素参照界面或者相对父元素进行移动，可以使用top、left、right、bottom进行设置，注意：如果父元素成为参照元素，必须对父元素使用相对定位属性，默认情况下是以界面为基准进行原创 2020-10-16 20:31:35 · 225 阅读 · 0 评论 -
CSS入门之CSS的作用及声明
CSS入门HTML的局限性CSS的概念定义作用特点CSS的声明HTML的局限性HTML是负责数据显示的，如果使用HTML来书写数据的样式，则会发现样式书写起来太过于麻烦，不易于维护，且不能够重复使用HTML可以有效的组织数据的展示，但是不同类型数据在浏览器中的分布没有办法实现。为了解决上述问题，诞生了CSS语言，专门用来给网页进行样式开发。CSS的概念定义CSS即层叠样式表(英文全称：Cascading Style Sheets)，是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网原创 2020-10-14 16:49:14 · 184 阅读 · 0 评论 -
CSS的盒子模型
HTML学习之盒子模型div标签表示作用特点盒子模型外边距margin内边距padding边框border内容区域演示div标签表示<div></div>作用块级标签，主要用来进行网络布局的，会将其中的子元素内容作为一个独立的整体存在。特点默认宽度是页面的宽度，但是可以设置高度默认是没有的，但是可以设置如果子元素设置了百分比的高或宽，占据的是div标签的高或宽，不是页面的盒子模型CSS盒模型即通过设置边距，边框，填充，和实际内容等属性使HTML元素像盒子一样原创 2020-10-16 18:51:38 · 378 阅读 · 0 评论 -
JavaScript入门之JavaScript的变量学习
变量作用：变量是用来存储数据的，方便程序进行操作声明格式：var 变量名=初始值;eg：var a=123;var A=456;var a1=1.234;var a2="js";var a3='k';var a4=true;var a5=new Date();特点变量声明只有var关键字，且可以储存任意类型的数据js中的代码可以不用分号结尾，但是为了提高代码的可阅读性，建议使用分号js的变量名严格区分大小写js中的字符串可以使用双引号也可以使用单引号js中可以声原创 2020-10-19 20:00:54 · 252 阅读 · 0 评论 -
JavaScript入门之JavaScript的概念与声明
js的声明与引入方式一：内部声明在head标签中使用script标签进行js代码域的声明eg：<script type="text/javascript"> alert("这是我第一个js")</script>作用： 声明js代码域特点： 只作用于当前网页方式二：外部声明在head标签中使用script标签引入外部声明好的js文件eg：<script src="相对路径" type="text/javascript" charset="utf-原创 2020-10-19 17:12:31 · 315 阅读 · 0 评论 -
微信小程序简单封装接口
微信小程序接口封装比如说，现在我要访问后台数据，我面临两个问题：我可能在多个模块中向后台发送数据请求，每次都需要再写一遍url 地址当获取数据的地址发生变化时，我需要修改项目中所有的url地址显然，上面两项工作费时费力，这个时候怎么办呢？如果我们能将上面的接口封装起来，在项目中直接调用会不会方便很多？答案是肯定的，因为所有的接口我们只需要在封装模块里面写一遍即可，如果要修改的话，也只需要修改封装模块里面的内容。下面就给举个栗子：我现在要封装我的后台请求数据的地址，在项目中先创建一个req原创 2021-12-30 11:26:15 · 1827 阅读 · 0 评论 -
前端学习之webpack的使用
webpack是一个流行的前端项目构建工具（打包工具），可以解决当前web开发中所面临的问题。webpack提供了友好的模块化支持，以及代码压缩混淆、处理js兼容问题、性能优化等强大的功能，从而让程序员把工作重心放到具体的功能实现上，提高了开发效率和项目的可维护性。原创 2023-10-30 22:10:39 · 969 阅读 · 0 评论 -
前端学习之ES6模块化
模块化就是把单独一个功能封装到一个模块中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块模块化开发的好处：方便代码重用，从而提升开发效率，并且方便后期的维护。原创 2023-10-30 20:26:05 · 295 阅读 · 0 评论 -
前端学习之Babel转码器
Babel转码器可以将ES6转为ES5代码，从而在老版本的浏览器运行。这说明你可以用ES6的方式编码，又不用担心现有环境是否支持。浏览器支持性查看：https://caniuse.com/Babel官网：https://babeljs.io/原创 2023-10-28 22:31:36 · 643 阅读 · 0 评论 -
使用 Visual Studio Code 编写 TypeScript程序
首先，确保你已经安装了 TypeScript，如果没有安装，请参考进行安装。原创 2023-10-27 20:07:47 · 1128 阅读 · 0 评论 -
使用WebStorm创建和配置TypeScript项目
有的人可能找不到run这个命令，这个时候进行如下操作：①安装直接运行所需依赖包： `npm install -g ts-node`②settings->plugins，安装ts-node插件原创 2023-10-27 19:15:16 · 2965 阅读 · 0 评论 -
使用Node.js软件包管理器（npm）安装TypeScript
node.js的安装很简单，这里不再赘述，如果大家有需要，可以看一下这个：https://blog.youkuaiyun.com/David_house/article/details/123218488检验电脑上node.js是否安装成功，或者是否已经安装node.js，可以使用以下命令：windows+R然后输入cmd进入命令行，然后再输入以下命令。原创 2023-10-27 16:18:37 · 752 阅读 · 0 评论