随笔分类 - 前端开发
摘要：概述 生命周期的每个阶段总是伴随着一些方法的调用，这些方法就是生命周期的钩子函数 钩子函数的作用：为开发人员在不同操作阶段提供了十几 只有 类组件 才有生命周期 生命周期的图片： 同时有： 1.1 创建时 的生命周期执行顺序 编写以下代码，从而验证constructor,render,compone
阅读全文
摘要：一共只有两步。 1.初始化项目 npx create-react-app my-app 2.启动项目，在项目根目录当中执行： cd my-appnpm start
阅读全文
摘要：1.行间距使用line-height属性 2.首行缩进使用text-indent，单位为em，一个em就是一个汉字的宽度 3.文字居中使用text-align：center为居中，right则放到最右边，left放到最左边 代码如下所示： <!DOCTYPE html> <html lang="en
阅读全文
摘要：链接伪类选择器也是一种选择器，它可以向某些选择器当中添加特殊的效果。比如给链接添加特殊的效果。它的使用方法如下所示： :link /# 未访问的链接#/ :visited /# 已经访问的链接#/ :hover /#鼠标移动到链接上 #/ :active /# 选定的链接#/ 用了这四个关键字，我们
阅读全文
摘要：ID选择器和class类选择器的不同是:每一个ID只能够被html调用一次，而css当中所编写的class则可以被html调用多次，我们使用ID选择器编写一个谷歌样式的字体，如果需要选择同样的颜色，则需要更换不同的id名称，使用class类选择器编写谷歌字体样式的网页如下： https://www.
阅读全文
摘要：假设我们想要实现谷歌首页这样的样式字体该怎么办呢？如下所示： 从中可以看到Google当中的G和小写的g均为蓝色，o和e均为红色，剩下的一个o和l分别为黄色和绿色。我们可以使CSS当中的class选择器来完成这字体的编写，首先我们使用span标签来表示Google这个单词如下所示： <!DOCTYP
阅读全文
摘要：首先我们看ListView实现之后的的效果，如下图所示： 现在我们来看看如何来实现这个可以进行上下活动的ListView: 首先是主界面Activity_Main.xml的代码： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:a
阅读全文
摘要：Bootstrap是前端开发中比较受欢迎的框架，简洁且灵活。它基于HTML、CSS和JavaScript，HTML定义页面元素，CSS定义页面布局，而JavaScript负责页面元素的响应。Bootstrap将HTML、CSS和JavaScript封装成一个个功能组件，用起来简单，粗暴,是由美国麻省
阅读全文
摘要：注释以 <!-- 开始并以 --> 结束，例如 <!--注释内容-->。注释可以出现在文档序言中，包括文档类型定义 (DTD)；文档之后；或文本内容中。 注释不能出现在属性值中。 不能出现在标记中。分析器在遇到 > 时，就认为注释已结束；然后继续将文档作为正常的 XML 处理。 因此，字符串 > 不
阅读全文
