×

html5教程

【JavaScript】学习第十四天(事件传播、阻止事件冒泡、事件委托)

facesun facesun 发表于2024-05-09 浏览5879 评论0
1.事件流(事件传播) 概念: 描述页面接收事件的顺序,事件发生时,事件会在元素节点之间按照特定的顺序,依次传播。 思考: 互相嵌套的div,同时给每个元素绑定了不同结果的相同事件,事件会如何传播 IE提出的是冒泡流: 事件开始时由最具体的元素接收,然后逐级向上到DOM顶级节点 网景提出的是捕获流: 事件开始时从DOM顶级节点开始,然后逐层向下传递到最具体的元素 W3C规范: js事件传播流程主要有三个阶段: 事件捕获阶段:从window向 目标 传递的过程 处于目标阶段:具体点

JavaScript教程

Vue--》超详细教程——vue-cli脚手架的搭建与使用(vue-cli(vue脚手架)超详细教程)

dede58织梦模板 dede58织梦模板 发表于2024-05-09 浏览4589 评论0
目录 vue-cli vue-cli 的安装 (可能出现的问题及其解决方法) vue-cli 创建 Vue 项目 Vue项目中目录的构成 Vue项目的运行流程 Vue组件的使用 vue-cli vue-cli是Vue.js开发的标准工具。它简化了程序员基于webpack创建工程化的Vue项目的工程。其好处就是简省了程序员花费时间去配置webpack,从而目标只需专注在撰写项目应用上。其官网如下:vue-cli官网 ,基于vue-cli这个系统,我们就可以快速搭建好“单页面应

spring boot

史上最详细微信小程序授权登录与后端SprIngBoot交互操作说明,附源代码,有疑惑大家可以直接留言,蟹蟹 2021.11.29 完善更新小程序代码,2022.4.27 更新

shabibani shabibani 发表于2024-05-09 浏览5134 评论0
2021.11.29 更新文章 你好,我是博主,一起学习吧!!! 写这篇文章的原因,主要是因为最近在写毕业设计,用到了小程序,这中间曲曲折折,一言难尽啊。毕业设计真的让人麻脑阔??。唉 最近在持续更新,每天推送完代码,遇到的问题都记下来,希望对大家也能有所帮助。 在网上找了很多很多,看了不下几十篇,说实话,有些给出了核心代码,添上一个微信官方的那张流程图就结束了,会的人一下就懂了。但是说实话,真的不适合入门学者,浪费很多时间都不一定能解决问题,将代码复制完不是少这就是少那,

JavaScript教程

JavaScript对象

dede58织梦模板 dede58织梦模板 发表于2024-05-09 浏览5097 评论0
前言 一、对象 1.1什么是对象 现实生活中:万物皆对象,对象是一个具体的事物,看得见摸得着的实物。例如,一本书、一辆汽车、一个人可以是“对象”,一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。 在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的  属性:事物的特征,在对象中用属性来表示(常用名词)  方法:事物的行为,在对象中用方法来表示(常用动词) 1.

前端框架

【Vue入门必备知识篇03】--- 生命周期 & 数据共享(生命周期vue详解)

7 7 发表于2024-05-09 浏览8830 评论0
前言 ❤️ 过好自律的生活,美好才会在路上不期而遇 ❤️ 一、生命周期 & 数据共享 (1)组件的生命周期 1.1 生命周期 & 生命周期函数 1️⃣ 生命周期(Life Cycle)是指一个组件从创建 → 运行 → 销毁的整个阶段,强调的是一个时间段。 2️⃣ 生命周期函数:是由 vue 框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行。 😆温馨提醒😆:生命周期强调的是时间段,生命周期函数强调的是时间点。 1.2 组件生命周期函数的分类

node.js

NPM包发布过程中报错——`npm ERR! Unexpected token < in JSON at position 0 while parsing near ‘<!DOCTYPE HTML P

如风 如风 发表于2024-05-09 浏览6507 评论0
最近在学习MVVM框架,本着眼睛会了但手不一定会的学习态度,于是在网上找各种资源,实现了自己的第一个MVVM简易框架——且叫:uuq-mvvm-test吧。 于是想借助这个小框架的实现,学习发布包的过程,查阅资料得知发布的基础步骤为: 在https://www.npmjs.com/上注册账号;或者在终端输入npm adduser也可创建账户噢; 创建npm包(也就是我uuq-mvvm-test的入口文件); 登录:npm login 发布:npm publish 乍一看很简单,但是有可

JavaScript教程

js对象获取属性的方法(.和[]方式)(获取对象属性的方法 js)

dede58织梦模板 dede58织梦模板 发表于2024-05-09 浏览6863 评论0
js对象获取属性有两种方法:1.通过.的方式  2. 通过[]方式 // 通过.方式获取属性值,key是静态的 var aa = {name: "zhang", age: 18}; console.log(aa.name);   // 通过[]获取属性值, key是动态的,可以是字符串,或者数字的形式 var bb = {"apple": 3, "pear": 2} var cc = {1: "number1", 2: "number2"} console.log(bb["apple"]);

html5

猿创征文 | 基于H5实现跨文档通信 & websocket

水 发表于2024-05-09 浏览5480 评论0
 ♡ ‧₊˚ 跨文档通信 ‧₊˚ ♡ 跨文档通信指的是不需要借助服务器实现两个页面之间的数据传递。 H5里面可以通过window.open()方法实现了一个页面到另一个页面的跳转以及数据的发送与接收; 还可以通过内联框架在 iframe 里面嵌套另一个页面来实现跳转。   ☆·♪ *゚・  window.open()  ・ *゚ ☆·♪   发送页面 HTML:在html中写两个按钮,一个用来发送数据,一个用来跳转页面。 <body> <button&

JQUERY文章/教程

JQuery-表单验证 (jquery表单验证教程)

晓程云计算 晓程云计算 发表于2024-05-09 浏览6825 评论0
1.什么是表单验证? 表单验证是javascript中的高级选项之一。 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 2.为什么表单验证? 减轻服务器的压力 。 保证输入的数据符合要求。 3.案例 实现表单验证的案例在这里用GiWiFI页面进行实现。其由三部分构成 1.登录页面 2.登陆成功页面 3.注册页面 4.效果图 1.如果账号和密码为空或与所写的条件不符,则无法登录。  2.下方为输入符合的条件。  3.点击认证上网则进入登陆成功页

spring boot

【前后端分离系列】 Spring Boot + Vue 实现 EasyPOI 导入导出

清风 清风 发表于2024-05-09 浏览5661 评论0
⚡前言 Hello~ ,前后端分离系列和大家见面了,秉着能够学到知识,学会知识,学懂知识的理念去学习,深入理解技术! 项目开发过程中,很大的需求都有 导入导出功能,我们依照此功能,来实现并还原真实企业开发中的实现思路 一、为什么做导入导出? 为什么做导入导出 导入 在项目开发过程中,总会有一些统一的操作,例如插入数据,系统支持单个插入数据效率太慢了,为此,我们可以将数据写入Excel中,系统提供导入功能进行批量添加数据,实现了数据的统一覆盖,快捷操作! 导出

JavaScript教程

初识 vxe-table (一)

六叔 六叔 发表于2024-05-09 浏览16486 评论0
对于 vxe-table 的介绍这里就不说了,常规用法也不多累赘,应该按文档撸就可以了。这里主要讲下关于自定义渲染的一些方式 1、先看看部分自定义的效果 熟悉 Element 的朋友可能已经发现了,这个表格里面用了相关组件,比如:tooltip — 实现了hover气泡el-link — 渲染了表格内容el-dropdown — 实现下拉菜单 最后还有一个空数据的渲染 el-empty,同时细心的朋友可能也发现了,排序那里也是自定义的图标。 小总结: 我们知道了,表头的内容、单元格的内