- 博客(29)
- 收藏
- 关注
原创 Jquert知识点
一、jQuery对象与dom对象转换1、dom对象转换为jQuery对象 $(dom对象)2、jquery对象转换为dom对象(jquery对象[索引号]、jquery对象.get[索引号])二、jQuery入口小函数语法:$(document).ready(function(){})简写:$(function()})1、$(document).ready()与window.οnlοad=function(){}的区别执行时机window.onload:必须等待网页全部
2022-05-16 22:49:01
437
原创 JavaScript关于元素
DOM对象:节点:元素节点:标签属性节点:属性文本节点:文本查找节点:父找子父节点对象.firstChild 获取当前元素的第一个子节点父节点对象.lastChild 获取当前元素的最后一个子节点父节点对象.childNodes 获取当前元素的所有子节点 可能会有空格父节点对象.firstElementChild 查找父节点下的第一个子元素节点父节点对象.lastElementChild 查找父节点下的最后一个子元素节点父节点对象.children 获取
2022-04-24 22:43:04
1219
原创 js知识点
一, thisthis定义this是一个对象,在不同情况在指向不同的对象当一个函数被调用的时候回产生一个对象(调用方式,调用地点,参数等等)一般来说我们用this指向全局作用域或者局部作用域来代替当前使用的对象。使用的用途主要有:1,作为对象方法来调用2,作为构造函数来调用3.使用call或者apply改变this方向后调用this指向1、对象调用this,调用那个对象this指向那个对象2、没有定义就直接调用this函数 ,this指向全局作用域3、通过new的方式调用
2022-04-13 00:01:50
67
原创 JavaScript函数
预定义函数eval() 可以把字符串当做js来执行 isNaN() 判断参数是否是NaN(非数字) 如果是返回值true 否则返回false 会在输出时候进行类型转换 无法直接判断是不是NnN类型 Number.isNaN() 只有参数为NaN的时候 返回值才为true 其他均为false 不会进行类型转换 直接判断是不是NaN类型 自定义函数声明函数function 函数名(形参1,形参2,....){ 函数体; return 返回值;...
2022-04-06 21:21:11
68
原创 js知识点
一,==和===的区别“==”运算符会在进行相等比较之前会进行必要值的类型转换。简单来说,就是先把值转换为一样的类型再进行相等比较。就算比较的值的类型不相同,也可以通过强制转换类型成一样的,不会发生错误。“===”运算符,它不会执行类型转换,因此如果两个值不是相同类型,那么当比较时,它将返回false。如果比较两个变量,它们的类型彼此不兼容,则会产生编译错误比较过程: 双等号==: (1)如果两个值类型相同,再进行三个等号(===)的比较 (2)如果两个值类型不同,.
2022-03-30 21:27:28
81
原创 JavaScript
1,js是一种轻量级的脚本语言,由浏览器解释每一行js都要分好结尾区分大小写2,引入方式(1)内嵌式:<script type="text/javascript">js代码 </scrpit> (2) 外链式:<script src="js文件路径"></script>(3) 事件引入:<buttom oncl...
2022-03-28 20:01:32
470
原创 flex-弹性盒子 二
除了给容器添加 还可以给项目添加属性属性如下:order 定义项目的排列顺序 数值越小 排列越靠前 默认为0 flex-grow 定义项目放大比例 默认为0 如果存在剩余空间 也不放大 flex-shrink 定义项目缩小比例,默认为1 空间不足 项目将缩小 flex-basis flex 简写形式 align-self 默认为auto 可覆盖align-items属性,有以下属性值:| flex-start | flex-end | center | baseline | s..
2022-03-24 20:27:51
70
原创 flex-弹性盒子布局
Flex 是 Flexible Box 的缩写,意为"弹性布局"基本概念:1,采用 Flex 布局的元素,称为 Flex 容器,简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目,简称"项目" 2,容器默认存在两根轴:水平的主轴和垂直的交叉轴容器的属性 :属性一般都写到容器里 写在父元素里(即加了display=“flex”的元素里)一 主轴的对齐方式justify-con...
2022-03-23 18:38:55
427
2
原创 3.21知识点
一.columns缩写:columns : column-width column-count ;效果图:二.meta元数据标签<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />详解:width:控制 viewport 的大小,可以指定的一个值,如...
2022-03-21 21:46:31
230
原创 css3新增知识点
一.文本相关样式1. text-shaow 文本阴影text-shadow : 水平方向阴影 垂直阴影 [模糊距离] [阴影颜色];[ ]意思为可写可不写,以下都是2.box-shaow 文本阴影box-shadow: 水平阴影 垂直阴影 [模糊距离] [阴影扩展半径] [阴影颜色] [投影方式]阴影颜色:默认为黑色投影方式:默认为外投影,若设置为inset,则为内投影二.border-radius1.border-radius: 值;...
2022-03-17 22:00:58
414
2
原创 Css续更
1.seo优化1.logo里面首先放一个h1标签,目的是为了提高权重,告诉搜索引擎,这块很重要!!2.h1里面在放一个a链接,点击可以返回首页,把logo的背景图放进去即可。3.为了让搜索引擎更好的接纳我们,a链接里要放文字,一般是网站名,但是文字不要显示出来①:text-indent移到盒子外(text-indent: -9999px),然后overflow: hidden 隐藏②:直接给font-size: 0,就看不到文字了。4.最后给a链接一个title属性,这样...
2022-03-11 22:38:44
174
原创 css(4)
一、盒子模型-背景1.background-image:定义背景图片,可定义多背景2.background-repeat背景图片重复方式(1)repeat 默认 垂直水平均重复(2)no-repeat 不重复(3)repeat-x 水平重复(4)repeat-y 垂直重复3background-position背景图片位置x y4.background-size背景图片大小(1)width值(2)contain 包含把 背景图片等比例扩.
2022-03-07 21:46:52
229
1
原创 css(3)
1.盒子模型 内容区域width 宽度height 高度内容溢出内容区别overflow overflow-x overflow-yvisible 默认 溢出部分 可见hidden 溢出部分 隐藏scroll 显示滚动条auto 浏览器自动处理2.内边距 paadingpadding-top 上内边距padding-bottom上内边距padding-left上内边距padding-right上内边距简写形式:1....
2022-03-05 09:20:32
77
原创 css()
一.文本相关样式text-align: left;左对齐 text-align: center;水平居中 text-align: right;右对齐 text-align: justify;两端对齐 text-indent: 2em;首行缩进 text-indent: -2em;首行悬挂 ...
2022-03-03 18:42:13
136
原创 css入门
一.css是什么css(Cascading Style Sheets)层叠样式表,用于布局美化网页二.css引入方式(1)行内样式<div style="color:red;">内容</div>(2)内嵌式<style> div{ color:red; }</style>(3)外链式<link rel="stylesheet" href="css文件">(4)导入式...
2022-03-02 18:56:47
117
原创 补充(表单)
一.label标签作用:点击文字也可以选中 提升用户体验二.type类型1.单选框radio需注意name值要一致2.多选框checkbox<input type="checkbox">3.文件上传multiple是同时选择多个文件打开4.文本域resize是不允许他人拉动文本框5.下拉选择框selected是默认选择“台湾省”6.三种按钮三.元素分类...
2022-03-01 21:15:08
92
原创 HTML知识点-4
一.表单form1.form 用来表示采集数据的范围2.action 数据提交的路径3.value=" 初始值"4.placeholder 输入框里面的提醒文本5.method="" 数据提交的方式(1)get(2)post 推荐input标签内容1.type="text" 文本框2.type="password" 密码框3.type="submit" 提交按钮4.type="reset" 重置5.type="button" 普通按钮5
2022-02-25 21:17:30
152
1
原创 HTML知识点-3
一.超链接href全称hypertext reference,跳转目标可以是网址,本地相对路径的html页面,图片,邮箱!!注意:超链接的打开方式可以是自身打开,也可以开启一个新的页面使用属性target=_blank即为新窗口打开,其余皆为本页面跳转二.锚链接注意(1)链接格式为#id内容 (2)id值是唯一的 不能重复 也不能有俩id三.iframe框架标签可以有多种属性(1)width="" 宽度(2)height=""高度(3...
2022-02-24 20:31:56
248
原创 HTML知识点--2
一.属性width 宽 height 高 title(鼠标放到标签上的提醒文本) <br>(单标记标签,换行标记) <hr> (单标记标签,水平线) <hr>和<img>可直接加width和heightalign对齐方式lift 居左对齐 center 居中对齐 right 居右对齐1em=16px二.标题标签1.<h1>一级标题</h1>2.<h2>一级标题</h2>..
2022-02-23 20:30:22
171
原创 HTML知识点- -入门
一.什么是HTMLhtml全称(HyperText Markup Language),并非编程语言而是超文本标记语言,由浏览器解释执行二.五大主流浏览器1.IE(Internet Explorer)2.火狐(Firefox)3.safari (苹果)4.opera 欧朋5.Google Chrome 谷歌三.html标签分类1.双标记标签2.单标记标签四.html文档结构1.<!DOCTYPE html&g...
2022-02-22 20:12:37
277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人