青和的小宝箱-CSDN博客

原创 DOM事件流（支持冒泡与不支持冒泡事件）

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

2021-10-07 21:01:41 559

原创浏览器对象的理解

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 373

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

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

2021-03-15 09:02:54 97

原创 (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 3124

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

前端学习练习之吃豆子游戏设计吃豆子游戏游戏截图一、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 444 2

qq_41960957的博客