Web前端
文章平均质量分 90
Web前端个人学习笔记
Le`soleil
这个作者很懒,什么都没留下…
展开
-
在Vs-Code中配置“@”路径提示的插件
在使用VS-Code打开VUE时,想使用@语法从src根目录导入一个文件的路径,默认情况下是无法自动提示下一级的路径的。这样很容易产生路径书写的错误。原创 2022-08-10 11:18:27 · 1410 阅读 · 0 评论 -
Node.js中使用中文产生乱码的解决方案
Node.js 有很多有助于开发服务器端 Web 应用的工具,在Node.js中往往会使用中文字符的场景。原创 2022-07-25 11:34:43 · 5519 阅读 · 0 评论 -
Web前端vueDemo—实现天气预报功能(四)
该案例是axios+vue实现的天气预报功能。原创 2022-07-21 13:25:04 · 3956 阅读 · 3 评论 -
Web前端vueDemo—实现记事本功能(三)
vuedemo的第三部分,实现记事本功能。原创 2022-07-20 16:09:09 · 1372 阅读 · 0 评论 -
Web前端vueDemo—实现图片切换功能(二)
vueDemo系列文章的第二个Demo。原创 2022-07-20 11:16:32 · 2871 阅读 · 0 评论 -
Web前端vueDemo—实现简单计数器功能(一)
使用vue实现简单的计数器功能原创 2022-07-19 17:21:42 · 1832 阅读 · 0 评论 -
Web前端 学习知识点总结(一)HTML基本标签
文章目录前言一、Web前端二、HTML1.HTML介绍2.基本的标签3.结构标签4.块元素和行内元素总结前言本文是Web系列学习的第一章内容,本人也是第一次接触到Web的学习。希望通过自己的努力学习可以获得最近基本的Web开发能力。一、Web前端是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态..原创 2020-09-21 21:55:03 · 1172 阅读 · 0 评论 -
Web前端 学习知识点总结(二)之Form和Css选择器
系列文章目录目录系列文章目录前言一、表单1.form 元素1.1 Action 属性1.2 Method 属性二、使用步骤1.引入库2.读入数据总结前言上一篇文章总结了HTML中最常用的一些基本标签,本文承上启下,对HTML中重要的表单进行了知识点的总结,以及一个小案例的演示。到此HTML的基本内容结束,之后总结了CSS的关键点。提示:以下是本篇文章正文内容,下面案例可供参考一、表单HTML 表单用于搜集不同类型的用户输入。并可以进行提交的操作,达成网页之间的交互。1.form 元原创 2020-09-29 23:31:29 · 591 阅读 · 0 评论 -
Web前端 学习知识点总结(三)Css字体 文本样式以及盒子模型
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、CSS的字体样式1.font-family(字体)2.font-size3.color4.font-weight(加粗)5.font-style6.font(复合)二、CSS的文本样式1.text-align(水平居中)2.text-indent(缩进)3.line-hei原创 2020-10-07 23:27:59 · 692 阅读 · 1 评论 -
Web前端 学习知识点总结(四)之display 和 float
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、display1.页面的布局2.display的内的属性3.hover隐藏案例二、使用步骤1.引入库2.读入数据总结前言本文来总结一下display和float,两者为了页面的合理布局而设计的。提示:以下是本篇文章正文内容,下面案例可供参考一、display原创 2020-10-07 23:29:45 · 624 阅读 · 1 评论 -
Web前端 学习知识点总结(五)qq导航条案例,使用min-width解决留白
系列文章目录文章目录系列文章目录前言QQ导航条案例1.外部CSS引入2.html界面前言关于HTML和CSS的学习,需要经过不断的练习,不断的模仿以及做好的成品,积极地总结属于自己的经验。QQ导航条案例用一个qq导航条的案例来解释。1.外部CSS引入在项目的css文件中使用外部css,创建一个.CSS文件。在css的文档第一句中加入@charset “utf-8”;最关键的解决留白问题:当窗口过小的时候,只需要设置出来页面的最小宽度min-width=控件的width即可。原创 2020-10-20 22:03:51 · 471 阅读 · 1 评论 -
Web前端 学习知识点总结(六)定位position
系列文章目录文章目录系列文章目录前言一、页面中三种定位机制1.标准文档流2.浮动float和display:inline-block3.定位二、定位1.static2.fixed吸顶效果案例3.relative4.position亚马逊案例前言定位来解决标准文档流和浮动无法解决的页面指定位置布局的问题。一、页面中三种定位机制1.标准文档流2.浮动float和display:inline-block但是无法实现以下效果:图片右上角按钮;吸顶栏;鼠标移动后下拉菜单。3.定原创 2020-10-20 23:12:58 · 735 阅读 · 0 评论 -
Web前端 学习知识点总结(七)Css3动画animation
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、早期的动画二、CSS3的动画效果1.transform2.读入数据总结前言通过transform,transition和animation可以在页面中做出一些基本的动画效果。提示:以下是本篇文章正文内容,下面案例可供参考一、早期的动画GifGIF是一种原创 2020-10-23 22:35:21 · 587 阅读 · 0 评论 -
Web前端 学习知识点总结(八)JavaScript的常用基础
系列文章目录文章目录系列文章目录前言一、JavaScript是什么?二、JavaScript 外部使用三、JavaScript 的基础用法3.1 JS输出3.2 JS注释3.3 JS变量3.4 JS运算符3. 4 .1 赋值运算符3. 4 .2 算数运算符3. 4 .3 比较运算符(关系运算符)3. 4 .4 逻辑运算符3.5 程序的流程结构3.6 案例 打印九九乘法表3.7 数组3.8 JS几个常用的对象3.8.1 Math(数学)3.8.2 Date(日期)3.9 函数四、系统函数前言通过H原创 2020-11-03 22:37:52 · 413 阅读 · 0 评论 -
Web前端 学习知识点总结(九)JavaScript的BOM和DOM基础
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、BOM1.1 Window方法1.2 history方法1.3 document方法1.4 Window的时间函数。1.5 window综合案例 网页时间倒计时后,跳转到百度二、DOM2.1DOM的操作分类:2.2 Node2.3 属性的更改2.3 窗口事件前言在掌原创 2020-11-05 21:50:19 · 371 阅读 · 0 评论 -
Web前端 学习知识点总结(十)jQuery基础 获取文本和选择器
系列文章目录文章目录系列文章目录前言一、案例一 购物车二、案例二 轮播图1.引入库2.读入数据总结前言在学习了JS的基础以后,多练习简单的案例可以帮助我们更好的理解JS语言的使用方式,以及相应功能的实现,在此分享轮播图案例。提示:以下是本篇文章正文内容,下面案例可供参考一、案例一 购物车目标:示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、案例二 轮播图1.引入库代码如下(示例):import numpy as npimpor原创 2020-11-11 23:04:11 · 365 阅读 · 0 评论 -
Web前端 学习知识点总结(十一)jQuery进阶 动画和节点操作
系列文章目录文章目录系列文章目录前言一、jQuery节点的操作1.1 节点的操作1.1 节点的案例1.2 事件绑定1.3 hover事件二、 动画2.1 显示和隐藏2.2 动画案例三、补充3.1 节点的遍历3.2 节点的关系前言有了jQuery的基础可以进一步对节点的操作和动画进行学习。类比JavaScript,进行jQuery的学习。提示:以下是本篇文章正文内容,下面案例可供参考一、jQuery节点的操作1.1 节点的操作所用的html<!DOCTYPE html>原创 2020-11-23 23:43:49 · 202 阅读 · 0 评论 -
Web前端 学习知识点总结(十二)jQuery进阶 表单验证和简单正则表达式
系列文章目录文章目录系列文章目录前言一、表单验证1.1 表单验证的时机1.2 表单选择器1.3 常见表单验证的规则二、正则表达式2.1 常见的正则表达式2.2 常见的正则表达式前言表单可以作为一个独立的模块来进行学习,在进行提交的时候经常会使用到表单的内容。一、表单验证减轻服务器的压力,数据在发送给服务器之前,需要先在客户端进行一些基本的验证。为了保证数据的完整性,并减服务器压力,还可以提升用户的体验。1.1 表单验证的时机表单在提交的时候进行验证,为了证明,使用return f原创 2020-11-24 23:25:02 · 249 阅读 · 1 评论 -
Web前端 学习知识点总结(十三)学生管理系统案例
系列文章目录文章目录系列文章目录前言一、系统设计思路二、系统代码2.1 html2.2 Javascript2.3 Css前言前端的基本内容到此就到结束了,主要是四部分的学习html5,css3,JavaScript,和jQuery的学习。通过不断的学习,笔者现在认为,如果需要做一名程序员,就需要不断的练习,并根据需要不断学习。之后得JavaSE中继续学习Java的基础,提高编程能力。一、系统设计思路对于该系统 总体分为两部分:1.删除功能横向删除 $(":button[na原创 2020-11-25 16:27:36 · 2228 阅读 · 4 评论 -
在Hbuilder中,使用Emmet缩写+tab快捷键,快速创建HTML结构
以创建table为例table[border]>tr*4>td*4加tab 可以快速创建一个4*4的图标。根据层次的结构可以快速创建多行的HTML结构。原创 2020-11-11 18:18:57 · 4374 阅读 · 2 评论