
Web
文章平均质量分 90
ZikM_0221
本人也在博客园中有自己博客:https://www.cnblogs.com/James-221/
展开
-
jQuery学习
入口函数$(function(){})1.等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成, jQuery帮我们完成了封装。2.相当于原生js中的DOMContentl oaded.3.不同于原生js中的load事件是等页面文档、外部的js文件、css文件、 图片加载完毕才执行内部代码。jquery的顶级对象1.$是jQuery的别称,在代码中可以使用jQuery代替$ ,但一般为了方便,通常都直接使用$.2.$是jQuery的顶级对象,相当于原生JavaScript原创 2022-05-27 22:58:49 · 294 阅读 · 1 评论 -
Canvas学习与使用
Canvas学习与使用<canvas> 是 HTML5 新增的,一个可以使用脚本(通常为 JavaScript) 在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画,甚至可以进行实时视频处理和渲染。<canvas> 只有两个可选的属性 width、heigth 属性,默认 width为300、height 为 150,单位都是 px一、绘制形状的原理栅格的起点为左上角,坐标为 (0,0) 。所有元素的位置都相对于原点来定位;图中蓝色方形原创 2022-05-19 23:28:15 · 699 阅读 · 0 评论 -
JavaScript正则表达式
正则表达式的创建一、创建正则表达式对象语法:let 变量 = new RegExp( '正则表达式','匹配模式' )注意:在正则表达式中可以传递一个匹配模式作为第二个参数分别是:i 忽略大小写g 全局模式匹配let reg = new RegExp('a','i');let str = 'a';console.log(reg.test(str)); // true二、正则表达式的方法test( ) 用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回原创 2022-05-14 15:14:26 · 775 阅读 · 0 评论 -
CSS属性-【盒子模型】or【溢出属性】
一、盒子模型1.内边距padding1个值,4个方向一样 padding:10px;2个值,上下,左右 padding:10px 10px ;3个值,上 左右 下 padding:10px 10px 10px;4个值,上 右 下 左 padding:10px 10px 10px 10px;2.内边距特性1.可以设置单一方向padding-方向:top bottom left lright2.清除所有元素的内边距*{ padding:0;}3.背景色蔓延3.边原创 2022-02-09 20:47:01 · 941 阅读 · 0 评论 -
CSS属性-【背景属性】or 【浮动属性】
1.背景属性 backgroundbackground-color 背景颜色background-color: red ;background-image 背景图片background-image: url() ;background-repeat 背景图片的平铺background-repeat: no-repeat / repeat / repeat-x /repeat-y ;background-position 背景图片的定位background-pos原创 2022-01-26 21:41:35 · 1227 阅读 · 0 评论 -
CSS属性【文本属性】or【列表属性】
CSS属性1.文本属性font-size 字体大小 单位是px,浏览器默认是16px,设计图常用字号是12pxfont-family 字体 多个字体中间用逗号连接,先解析第一个字体,如果没有解析第二个人字体color 字体颜色 color:red; color:rgb(255,0,0)取值在0~255之间 ;十六进制color:#ffffffont-weight 字体加粗font-weight:bolder (更粗的) / bold (加粗) / normal (常规) /lighter原创 2022-01-24 17:35:14 · 671 阅读 · 0 评论 -
HTML标签
HTML标签标题标签 <h1>h1 h2 h3 h4 h5 h6段落标签 <p><p></p>换行标签<br><br/>水平线 <hr/><hr/>加粗 <b> or<strong>通常标签<strong>替换加粗标签<b>来使用倾斜标签<em>or <i>通常标签<em>替原创 2022-01-22 21:59:24 · 403 阅读 · 0 评论 -
js表单校验
<html><head> <meta charset="UTF-8"> <title>新用户注册</title></head><style> form{ width: 700px; margin: 50px auto; padding: 20px; border: 1px solid black; } div{ .原创 2020-09-29 15:08:53 · 246 阅读 · 0 评论