javascript原生的事件,总结了一下,包括事件流、处理函数、事件对象这几样东西。而在兼容性方面,主要是老牌ie8以及以下和现代浏览器的差异,也就是ie和DOM事件标准的差异。事件流这个事件流ie4和Netscape4提出来的,但是两个公司提出的事件流确实刚好相反的。ie的是事件冒泡,Netscape的是事件捕获。ie会从触发事件的元素一直往上冒泡直到document元素。如图ie8以下包
前端开发始终绕不过的就是操作DOM,在以前,我们使用Jquery,zepto等库来操作DOM,之后在vue,Angular,React等框架出现后,我们通过操作数据来控制DOM(绝大多数时候),越来越少的去直接操作DOM,更不用说用原生的JS来操作DOM了。但是并不是所有时候都一定要引入这些库,对于基础的JS操作DOM的一些方法,还是要有些了解的。这里就算是回顾一下JS那些熟悉却也陌生的DOM操作
标题定义Vue组件什么是组件:组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同功能模块,将我们需要什么样的功能,就可以对调用对应的组件即可。组件化和模块化的不同:模块化:是从代码逻辑的角度进行划分的;方便代码的的分层开发,保证每个功能的职能单一;组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用。创建组件的方式:
1.使用Vue.extend 来
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网:http://element-cn.eleme.io/#/zh-CN注1:类似前端框架还有iview 案例:<!DOCTYPE
转载
2024-04-18 10:18:39
95阅读
组件化组件化的实现和使用步骤1.1 注册组件的基本步骤1.2 组件化的基本使用全局组件和局部组件父组件和子组件注册组件语法糖组件模块抽离方法组件数据的存放组件中的data为什么必须是函数?父子组件的通信父传子props驼峰标识子传父父子组件通信—结合双向绑定案例父子组件访问父访问子 children-refs子访问父 parent-root 组件化的实现和使用步骤组件化: 如果我们将一个页面所有
转载
2024-04-09 14:41:36
62阅读
目录一.概述二.CDN网站分享三.打包前后对比四.实例代码1.index.html 页面2.vue.config.js2.1 cdn预设值2.2 在configureWebpack下定义externals,2.3 在chainWebpack下将当前页面定义的cdn值传到主页面3. main.js中的使用五.啰里啰嗦 注意!!!注意!!!注意!!! 本文是基于Webpack和VueCli 4 打包
转载
2024-08-13 11:32:50
61阅读
我们在开发中,有势会接到一种关于表单验证的需求,在对整体表单验证的同时也希望对单个表单进行验证,虽然官网都有api,但是为了让大家更为直观,这里小杰为了更为直观的理解做了总结。本次涉及到的核心点validate(callback)参数为回调函数validateField(arr,callback)第一个参数为数组,第二个参数为回调函数--额外两个--resetFields()表单
转载
2024-03-21 10:17:26
1444阅读
这段时间,一直在学习些源码,想了解下大佬的思路,看完后,只能说卧槽,还有这种操作。element-ui一个Vue常用的组件库,包含很多的知识点可以学习,其很多组件只是样式的变化。难度比较大的,轮播算一个。今天就给大家简单实现下它的一系列操作。首先它分为两个组件,一个是父组件(容器),另一个是子组件(幻灯片),首先容器是固定一个窗口,让对应的幻灯片显示。
我们先来写好它的模版。
父组件
转载
2024-04-26 08:39:12
2420阅读
安装配置node.js安装vue并搭建前台项目前台项目引入elementUI前台项目引入axios 本篇主要记录前台项目搭建之前的环境准备,首先要安装node.js(node官网),进行相关配置等。安装配置node.js进入node.js 官网下载你电脑对应的安装包,下载完双击运行下载的软件一直next安装,安装完后,你可以在命令行中查看是否安装成功。windows键加R打开运行窗口,输入cmd
Vue+element.js使用心得一:前期准备工作1:node.js我们知道javascript代码只能在浏览器上运行,只有浏览器能够解析js代码,如果想要javascript代码能够在服务器端运行就必须提供一个Javascript的运行环境(runtime environment),这就是node.js。2:npm:类似于java的maven注:npm已经内置于node.js,所以安装了nod
转载
2024-08-29 14:19:41
21阅读
Element-UI的基本使用一、基于命令行的方式手动安装npm 安装npm i element-ui -SCDN目前可以通
原创
2022-07-01 10:04:31
412阅读
前言:Vue+ElementUI开发项目,使用Dialog作为子组件时,父组件初始化子组件内部未能获取到dom元素;假设 在父组件初始化完成之后,从后台异步拿到数据传递给子组件;子组件接收到父组件数据之后,做某种处理 返回给父组件 用于展示;比如我需要做一个修改功能,整个页面作为父组件、Dialog作为子组件、并且嵌套级联面板用于勾选数据(也可以想象一下嵌套的是一个form表单、table表格、E
转载
2024-04-22 15:14:09
135阅读
1.1 ElementUI介绍 1.2 常用组件1.2.1 Container 布局容器 <body>
<div id="app">
<el-container>
<el-header>Header</el-header>
<el-container>
<el-asi
转载
2024-06-02 14:42:32
120阅读
1.安装node.js 官网:https://nodejs.org/en/ 查看是否按安装了node.js 2.安装 vue-cli 脚手架 安装教程地址: 直接命令安装 命令行执行 : npm install -g vue-cli // 加-g是安装到全局 安装完成以后 可以输入命令 :vue 回车,可以看到针对vue的命令行 **: 如果npm在国内的网络环境下可能会比较慢,解决方案: 使用
转载
2024-04-02 19:32:11
218阅读
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网:http://element-cn.eleme.io/#/zh-CNVue+ElementUI安装CDN方式: &nbs
转载
2024-04-21 19:04:24
46阅读
# UniApp如何使用Android原生UI
UniApp是一个基于Vue.js的跨平台应用开发框架,能够帮助开发者用一套代码实现多端运行。尽管UniApp提供了丰富的组件和API,但在某些情况下,我们可能需要调用Android的原生UI组件,以利用Android平台的独特特性。本文将逐步介绍如何在UniApp项目中使用Android原生UI,以及相应的代码示例。
## 1. UniApp
原创
2024-07-31 07:52:25
510阅读
一、序数词复数咋发音理工科学生想躲分数是不可能的。若去国际会议去交流时碰到3/5,我们都知道英文是three fifths。现在麻烦是fifths怎么念。序数词的-th都读清辅音/θ/, 清辅音后面的s也读清辅音/s/(若s前是浊辅音,则s也读浊辅音/z/或/iz/)。清辅音的声带不振动,浊辅音的声带振动。若清浊交替,控制声带的肌肉群就得来回启动和停止,这样就会浪费人类的能量和时间,所以复数(或第
目录1.简介2.案例3.Node.js是什么?4.npm是什么?5.Node.js环境搭建6.效果7.总结 1.简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件 ElementUI官网:http://element-cn.
转载
2024-05-03 14:58:22
65阅读
# 使用原生JS结合Axios解决HTTP请求问题
在现代Web开发中,处理HTTP请求是一项常见任务。虽然浏览器提供了Fetch API来简化请求,但Axios因其便捷性和强大的功能而受到广泛欢迎。本文将展示如何在原生JavaScript中使用Axios,与之结合解决一个具体的API数据请求问题。
## 项目背景
假设我们正在开发一个网站,用户可以查看旅行目的地的天气情况。为此,我们需要从
ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使用module.exports导出接口。node编程中最重要的思想之一就是模块,而正是这个思想,让JavaScript的大规模工程成为可能。模块化编程在js界流行,也是基于此,随后在浏览器端,requ