在页面中给元素添加事件 1、使用元素事件属性: onxxx=“f()” 2、使用jquery对象: 选择器.xxx(function(){ //js }) 注意:只能给固有元素添加事件 固有元素:当调用事件函数给元素添加事件时,如果元素已经生成,则这些元素叫做固有元素。 动态生成的元素:当调用事件函数给元
日期选择组件。需要将当天之前的所有日期禁用掉,不可以选择当天之前的日期。效果如下: 实现:使用 (picker-options)属性 Date.now() 是Js中的内置函数,它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数
https://www.bemcss.com/ BEM解决的问题 组件内部元素的名字加上组件名,并用元素的名字做为选择器,这样可以保证组件内的原始不会与组件外的样式冲突了 模块名 + 元素名 + 修饰器名: block-name__element-name--modifier-name 比如一个组件路径为 /app/components/page-btn/ 组
// 1.在data中定义属性 data{ defalutValue: null } // 2.将该属性绑定到对应的timePicker上 <template> <el-time-select placeholder="起始时间" defaule-value="defaultValue" /> </template> // 3.在VUE渲染完成时给该属性赋值 // 可以根据需要
Zepto 用文档的话来说,Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 主要针对移动端,因为不兼容IE浏览器,所以更轻量级,体积更小,才10k左右,为移动端各事件提供很好的支持,但它也有部分API是和jQuery的实现方式
CSS的第一天学习 1.CSS介绍 CSS一般是放在head部分,这样CSS就和body部分分开了。 2.标签选择器 CSS在head部分是style标签,然后style由选择器(标签名字)+花括号组成,其中花括号里写入键值对(什么属性以及属性值)。属性值之间用冒号分隔,每个属性值最后用分号结尾。 3.类选择
基本选择器: 通配符选择器 * 元素选择器 p{} id选择器 #id值{} 类选择器 .class值{}复合选择器 后代选择器 .main p{} 子代选择器 .main>p{} 群集选择器 body,html{} 交集选择器 li.active{} 从li标签中选择class="active" <li class="act
错误代码演示: <template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.val
代码演示: <template> <div class="block"> <span class="demonstration">带快捷选项</span> <el-date-picker v-model="value2" align="right" type="date" place
1. web概念概述 1.1 JavaWeb 使用Java语言开发基于互联网的项目 1.2 软件架构 C/S: Client/Server 客户端/服务器端 在用户本地有一个客户端程序,在远程有一个服务器端程序 如:QQ,迅雷... 优点: 用户体验好 缺点: 开发、安装,部署,维护 麻烦 B/S: Browser/Server 浏览器/服务
CSS基础 CSS:层叠样式表 CSS写在style标签中,style标签一般写在head标签里,title标签下面 选择器:{属性名:属性值; } ctrl+/快捷键显示CSS注释 选择器:查找标签 <style> p{ color:red; font-size:30px; } </style> CSS引入方式 内嵌式:CSS写在style中 style标
一.CSS引入样式 行内样式:<标签 style="属性:属性值"></标签> 内嵌式:所有的样式写在标签内,放在head标签内 外链式:把所有的css样式均放在一个css单独的文件里(后缀名xx.css),在html里通过来引入外部的css 导入式:@import url("css路径"),注:css2.1特有,不常用。 注:优先级:就近原
JavaScript进阶内容——jQuery 我们在前面的文章中已经掌握了JavaScript的全部内容,现在让我们了解一下JavaScript库 这篇文章主要是为了为大家大致讲解JavaScript库以及使用方法,本篇不会完全讲解jQuery的全部语法 如果希望完全掌握,可以参考网站jQuery API 中文文档 | jQuery API
选择器是纯函数,它将状态切片(State slice)作为输入参数,并返回组件可以使用的状态数据切片(这些切片包含真正的业务数据)。 正如数据库有自己的 SQL 查询语言一样,Ngrx/store 模块也有自己的查询工具,即选择器。 在 Angular 应用程序中,每个功能模块负责将自己的状态注入到根应用程序
选择器是纯函数,它将状态切片(State slice)作为输入参数,并返回组件可以使用的状态数据切片(这些切片包含真正的业务数据)。 正如数据库有自己的 SQL 查询语言一样,Ngrx/store 模块也有自己的查询工具,即选择器。 在 Angular 应用程序中,每个功能模块负责将自己的状态注入到根应用程序
CSS样式快速入门 前言 前端基础的博客主要分为HTML、CSS和JavaScript,本类博客主要用于记录博主的学习过程和分享学习经验,由于博主学识浅薄,经验不足,难免会出现错误,欢迎大家提出问题。 注:前端基础的文章参考于b站up主遇见狂神说的前端视频,文章中的源码笔记等资源放在百度网盘了,有
jQuery 概述 js的类库,开源,轻量便捷 引入jQuery,官网下载,开发用未压缩版,上线用压缩版 入口函数及其简写 标准写法 $(document).ready(function(){ //执行代码 }) 简写 $(function(){ //执行代码 }) dom对象和jQuery对象 dom对象:传统js语法创建出的对象 jQuery
原子类
1、jQuery的基本用法 1.1 jQuery引入 <script src="js/jquery-3.4.1.min.js" type="text/javascript"></script> 1.2 第一个jQuery测试 <script src="js/jquery-3.4.1.min.js" type="text/javascript"></script> <scr
CSS - 选择符 Selectors - 元素选择符 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>02.选择器.html</title> <style type="text/css"> /* 目前使用过的选择器的优先级:
一、CSS简介 1.CSS的简单介绍 HTML(结构)+CSS(表现)+JavaScript(交互) CSS最新版本是CSS3 如何学习CSS CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字,阴影,超链接,列表,渐变...) 盒子模型 浮动 定位 网页动画(动画特效、自学) 2.什么是CSS和发展史 Cascad
css概述 层叠样式表(cascading style sheet) 层叠是指==将多个样式施加在一个元素(标签)上== 作用: 美化页面 将html代码与样式代码分离 好处: 功能强大 分离代码,降低耦合性,提高重用性,提高维护性,提高开发效率 使用方法 1、在HTML标签的style属性书写,这个属性的值,是由一些小的键值对
属性选择器: 选择器含义 [attr] 存在attr属性即可 [attr=val] 属性值完全等于val [attr*=val] 属性值里包含val字符并且在“任意”位置 [attr^=val] 属性值里包含val字符并且在“开始”位置 [attr$=val] 属性值里包含val字符并且在“结束”位置 伪元素选择器:
CSS层叠性: 如果权重高,则覆盖另一个属性; 如果权重相同,使用就近原则; 处理冲突的能力 基础优先级: !important 是题搞单行样式的语法,空格和css属性值隔开 进行书写 !important>行内>内部=外部>id选择器>类选择器>标签选择器>*通配符>继承>浏览器默认继承 font具有继承性 优先级权
字体属性: font-size: smlaller;x-small;xx-small;large;x-large;xx-large; 16px:浏览器默认大小 px:像素;相对长度单位,相对于2560px电脑分辨率 pt:点;1/72英寸 in:英寸 font-weight: (100~700/900)范围 100~300:变细 400:普通文本相同 400~500:差不多 600:加粗 bold/bolder=700:变粗 lanter: