自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 DOM事件流(支持冒泡与不支持冒泡事件)

DOM事件流(event flow )分为以下三个阶段:事件捕获阶段事件捕获(event capturing):意思是当鼠标点击或者触发dom事件的时候,浏览器会从这个事件的元素根节点开始一层一层的传播至当前元素,即我们触发了这个元素,如果它的父元素通过事件捕获方式注册了对应的事件的话,会先触发父元素绑定的事件。处于目标阶段事件到达目标节点时,就到了目标阶段,事件在目标节点上被触发事件冒泡阶段事件冒泡(dubbed bubbling):与事件捕获恰恰相反,事件冒泡顺序是由内到外进行事件传播,

2021-10-07 21:01:41 554

原创 浏览器对象的理解

location用于获取或设置窗体的URL,并且可以用于解析URL。window对象是BOM的核心,window对象指当前的浏览器窗口。history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。screen对象用于获取用户的屏幕信息。...

2021-10-07 20:41:34 155

原创 2021-09-22 css单位

Css单位px,rem,em,vw,vh的区别:1.pxpx是像素pixel的缩写,是进行网页布局的基本单位,像素px简单来说,就是相对于显示器屏幕的分辨率的大小。2.emem是相对长度单位。大小取决于当前对象内的父元素的font-size的文本字体尺寸,汝过当前父元素没有设置尺寸,则默认为浏览器的默认字体尺寸3.remrem是CSS3中新增加的一个相对单位,rem的大小取决于HTML的根元素字体大小,一般浏览器默认是16pxhtml{/* 10/16*100%=62.5% 定义

2021-09-22 12:36:51 116

原创 H5-3d-魔方

本文使用html css 进行一个3d魔方的设计<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3D魔方</title> <style> <!-- 清除页面所有内边距,外边距 --> *{ padding: 0;

2021-03-18 09:59:56 369

vue笔记-计算属性以及监视的简单使用

vue计算属性以及监视的简单使用一、计算属性计算属性的表达式十分便利,计算属性的设计非常简单。在计算属性中放入大量计算会使计算复杂和混乱。在computed属性对象中定义计算属性的方法, 在页面中使用{{方法名}}来显示计算的结果.在使用计算属性时, 都会用到缓存.computed: { xxx () { // 属性的get() console.log('model1()', this) return thi

2021-03-15 09:02:54 96

原创 (1)vue简介

Vue.js是什么?(1). 华裔前Google工程师尤雨溪开发的一个前端js库(2). 作用: 动态构建用户界面(3). 特点:遵循MVVM模式编码简洁, 体积小, 运行效率高, 移动/PC端开发它本身只关注UI, 可以轻松引入vue插件和其它第三库开发项目(4). 与其它框架的关联:借鉴angular的模板和数据绑定技术借鉴react的组件化和虚拟DOM技术(5). vue包含一系列的扩展插件(库):vue-cli: vue脚手架vue-resource(axios): ..

2021-03-14 13:53:28 110

原创 H5-边框 内外边距

设置边框大部分的浏览器中,边框的宽度和颜色都是有默认值,而边框的样式默认值都是noneborder-width:1px ;border-color: red;border-style: solid; border边框的简写样式,通过它可以同时设置四个边框的样式,宽度,颜色而且没有任何的顺序要求border一指定就是同时指定四个边不能分别指定 border-top border-right border-bottom border-left可以单独设置四个边的样式,规

2021-03-02 21:27:21 3118

原创 前端学习-吃豆子游戏设计

前端学习练习之吃豆子游戏设计吃豆子游戏游戏截图一、H5样式代码1.H5设计2.js代码样式设计游戏截图一、H5样式代码1.H5设计代码如下(示例):<html><head><meta charset="utf8"><title>吃豆游戏</title><link rel="shortcut icon" href="favicon.png"><style> body{background

2021-03-01 12:06:13 361

原创 前端学习-选择器的使用

文章目录前言一、选择器是什么?二、选择器示例1.常用的选择器2.读入数据总结前言H5之选择器的使用一、选择器是什么?“选择器”指明了页面中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。二、选择器示例1.常用的选择器代码如下(示例):<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>常用选择器</title> &lt..

2021-02-28 20:19:43 284

原创 前端学习-扫雷小游戏

**HTML扫雷大战小游戏**提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、游戏截图二、使用步骤1.代码总结前言这里使用html代码5编写了一个扫雷大战小游戏一、游戏截图二、使用步骤1.代码代码如下(示例):<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name=...

2021-02-28 19:45:34 443 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除