![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
自学
文章平均质量分 78
yanwuhc
实践出真知。
展开
-
flex布局常用属性
flex布局flex布局是一种相对简单,但实现效率高的布局。相比于传统布局,flex布局有高度自适应、操作方便、布局极为简单的特点。一般会使用在移动端以及不考虑兼容性的网页端上面。传统布局和flex布局的区别:传统布局:兼容性好、布局繁琐、局限性,不能在移动端很好的布局。flex布局:高度自适应、操作方便、布局极为简单、移动端应用很广泛、PC端浏览器支持情况比较差、IE 11或者更低的版本,不支持或者仅仅部分支持。flex布局原理flex布局:flexible Box的缩写,意为弹性布局,任何一原创 2020-12-27 01:02:41 · 1029 阅读 · 2 评论 -
笔记 | ECMAscript6 基本语法
ECMAscript 6 基本语法1.变量var(1)可以重复声明(2)无法限制修改(3)没有块级作用域let(变量)(1)不能重复声明(2)变量-可以重复修改(3)有块级作用域const(常量)(1)不能重复声明(2)常量-不能重复修改(3)有块级作用域解释一下块级作用域:使用var和function定义的变量a和方法test可以在大括号外边被访问,而使用let和const定义的变量和常量无法在大括号外面被访问。{ var a = 1; let b = 2;原创 2020-09-09 22:23:50 · 168 阅读 · 0 评论 -
demo | 用HTML和CSS写一个简单的菜单栏块
大致思路是这样的:两个空白是为了让p标签在div标签中能够垂直居中(属于比较笨的方法)。HTML和CSS代码如下:<html> <head> <meta charset="utf-8"> </head> <style> div.outer{width: 175px;text-align: center;} a{text-decoration: none;}原创 2020-07-26 03:19:41 · 320 阅读 · 0 评论 -
用JavaScript实现瀑布流布局的效果(附源码)
瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。——摘自百度百科“瀑布流”制作瀑布流布局,首先需要准备几张图片,将其放置在html页面中。<head> <meta charset="utf-8"> <title>瀑布流练习</title> <link rel="stylesheet" type="text/css" hr原创 2020-07-24 16:53:22 · 662 阅读 · 0 评论 -
JavaScript事件、事件对象
JavaScript 使我们有bai能力创建动态页面。事件是可以被 JavaScript 侦测到zhi的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。JavaScript里的事件有很多, 主要分为两种:一种是由人触发的,比如鼠标单击、双击、移动鼠标、在输入框输入文本等等都会触发这类事件, Javascript通过监视这些事件,可以知道用户在网页里干什么,好做出不同的交互反馈。第二种是由浏原创 2020-07-23 17:18:22 · 159 阅读 · 0 评论 -
JavaScript BOM对象模型
BOM即 浏览器对象模型(Browser Object Model)浏览器对象包括Window(窗口)Navigator(浏览器)Screen (客户端屏幕)History(访问历史)Location(浏览器地址)1.Window对象(1)获取文档显示区域的高度和宽度。一旦页面加载,就会自动创建window对象,所以无需手动创建window对象。通过window对象可以获取文档显示区域的高度和宽度。通过调用innerWidth和innerHeight获取。(注意,不能加括号!!不是一个原创 2020-07-23 17:00:15 · 100 阅读 · 0 评论 -
JavaScript DOM操作
JavaScript DOM操作DOM全称 Document Object Model,即文档对象模型,它允许脚本(js)控制Web页面、窗口和文档。关于DOM更详细的说明下面主要是关于如何用DOM操作对象改变样式或者属性。1.DOM操作HTML(1)改变HTML输出流:注意不要在文档加载完成之后使用document.write()。会覆盖该文档。(2)寻找元素:通过id找到HTML元素。通过标签名找到HTML元素。(3)改变HTML内容:使用属性innerHTML(4)改变HTML原创 2020-07-22 12:15:05 · 100 阅读 · 0 评论 -
笔记 | JavaScript语言基础
JavaScript语言基础 笔记整理JavaScript用于网页和用户之间的交互,比如提交的时候,进行用户名是否为空的判断。1.Hello JavaScript<script> document.write("Hello Javascript");</script>document是javascript的内置对象,代表浏览器的文档部分document.write(“Hello Javascript”); 向文档写入字符串2.JavaScript与DOM结合的例子原创 2020-07-22 12:03:06 · 125 阅读 · 0 评论 -
demo | 用JavaScript写一个简易的计时器,实现开始计时、暂停计时、继续计时、重置的功能。
今天学到了JavaScript的计时对象模型,于是心血来潮,想做一个简单的计时器。下面是最终的代码。在这里插入代码片原创 2020-06-10 01:34:09 · 2955 阅读 · 0 评论 -
学习html第二天。
这是第二天学习html,感觉把基础的html只是学完了,就是有点乱,回头要好好整理一下,再看一看笔记。继续加油!整理的笔记如下:1.input标签表示文本框,只能单行输入。<input type="text">备注:如果要输入多行,用textarea标签。用size属性定义文本框的大小,用value属性定义初始值。注意:input标签没有width属性。用placeholder属性设置背景(灰色字体)<input type="text" placeholder="对方正在原创 2020-05-26 16:14:57 · 118 阅读 · 0 评论 -
学习html的第一天。
今天是学习html的第一天,整理一下学习的笔记,主要是便于自己复习。希望自己可以坚持下去吧哈哈。【html概念】1.尽量把元素写的完整,即有开始标签也有结束标签。2.横线用hr标签、br是换行标签。3.h1、h2、h3、h4字体大小逐渐下降。4.如何显示多个空格?用pre标签显示文字就好了;直接用pre可以在页面直接显示内容包括空行和回车。5.写在标签里面的属性要用双引号引起来。align="center"设置代码为居中格式。align属性:left,center,right.【ht原创 2020-05-26 01:18:09 · 208 阅读 · 0 评论