笔记
文章平均质量分 80
luokii
这个作者很懒,什么都没留下…
展开
-
Web前端开发笔记-----24.正则表达式、字符、正则练习
Web前端开发笔记-----24.正则表达式、文章目录Web前端开发笔记-----24.正则表达式、一、正则表达式1.创建正则表达式2.正则表达式方法3.在字符串中使用正则的方法二、元字符1.单个数字和字符的元字符一、正则表达式概念:假设用户需要在HTML表单中填写姓名、地址、出生日期等。那么在将表单提交到服务器进一步处理前, JavaScript 程序会检查表单以+确认用户确实输入了信息并且这些信息是符合要求的。正则表达式:super string。正则表达式( regular express原创 2021-04-06 21:29:05 · 133 阅读 · 0 评论 -
Web前端开发笔记-----23.阻止默认行为、拖拽、事件委托
Web前端开发笔记-----23.阻止默认行为、拖拽、事件委托文章目录Web前端开发笔记-----23.阻止默认行为、拖拽、事件委托一、阻止默认行为1.阻止浏览器中右键默认菜单。2.阻止超链接默认行为二、拖拽三、事件委托一、阻止默认行为1.阻止浏览器中右键默认菜单。阻止默认行为: <script> window.onload = function(){ document.oncontextmenu = function(){原创 2021-03-29 15:35:31 · 394 阅读 · 0 评论 -
Web前端开发笔记-----22.认识事件、事件类型、事件对象、事件对象属性
Web前端开发笔记-----22.事件文章目录Web前端开发笔记-----22.事件一、认识事件1.什么是事件2.事件绑定方式3.绑定事件格式:二、事件类型1.鼠标事件2.键盘事件3.HTML事件window事件表单事件一、认识事件1.什么是事件事件是发生并得到处理的操作,即:事件来了,人后处理。2.事件绑定方式1.内联模式<button onclick="btnClick">内联模式</button>2.外联模式var oBtn = document.getE原创 2021-03-27 16:50:34 · 343 阅读 · 0 评论 -
Web前端开发笔记-----21.认识BOM、认识DOM
Web前端开发笔记-----21.认识BOM文章目录Web前端开发笔记-----21.认识BOM一、认识BOM1.系统对话框2.open方法3.history对象二、认识DOM一、认识BOMBOM(browser object model)浏览器对象模型1.系统对话框 alert() 弹出警告框 confirm() 弹出一个带确定和取消的提示框 如果点击确定,返回true 如果点击取消,返回false prompt() 弹出一个带输入框的提示框 参数: 第一个参数原创 2021-03-18 23:12:04 · 146 阅读 · 1 评论 -
Web前端开发笔记-----20.认识对象、Math对象、定时器
Web前端开发笔记-----20.认识对象、Math对象、定时器文章目录Web前端开发笔记-----20.认识对象、Math对象、定时器一、认识对象1.面向对象编程思想:直接将生活逻辑映射到我们的程序2.语法3.对象的代码二、Math对象日期对象1.声明日期对象2.日期对象的方法三、定时器实时显示当前时间:一、认识对象1.面向对象编程思想:直接将生活逻辑映射到我们的程序(1)分析有哪些实体(2)设计实体属性和功能(3)实体之间相互作用2.语法类:一类具有相同特征事物的概念对象:具体某一个原创 2021-03-16 22:53:18 · 101 阅读 · 0 评论 -
Web前端开发笔记-----19.js字符验证码、表单验证
Web前端开发笔记-----19.js验证码文章目录Web前端开发笔记-----19.js验证码一、js验证码1.纯数字组成的验证:2.数字和字符组成的验证码:3.点击按钮获取验证码4.敏感词过滤二、一、js验证码1.纯数字组成的验证:6位验证码0-9 随机数:parseInt(Math.random()*10)<script>function numTestCode(n){ var arr=[]; //存储生成的数字 for(var i=0;i<n;i+原创 2021-03-15 21:10:30 · 214 阅读 · 0 评论 -
Web前端开发笔记-----18.布局扩展、Flex弹性盒模型、Grid网格布局
Web前端开发笔记-----18.布局扩展文章目录Web前端开发笔记-----18.布局扩展一、布局扩展1.等高布局2.双飞翼布局二、Flex弹性盒模型一、布局扩展1.等高布局利用margin负值和padding正值实现等高。margin-bottom:-2000px; padding-bottom:2000px;2.双飞翼布局左右固定,中间自适应。利用margin负值.container .center{ height :200px; float:left; width:100%;}原创 2021-03-12 20:19:14 · 187 阅读 · 0 评论 -
Web前端开发笔记-----17.阴影、遮罩、倒影、模糊与计算、分栏布局
Web前端开发笔记-----17.阴影文章目录Web前端开发笔记-----17.阴影一、阴影1.文字阴影2.盒子阴影二、遮罩三、倒影四、模糊与计算五、分栏布局一、阴影1.文字阴影text-shadow x y blur color 多阴影注:阴影的默认颜色是跟文字样色相同text-shadow:10px 10px 20px bule;向右向下偏移10px 模糊程度20px 阴影颜色bluetext-shadow:10px 10px 20px bule,10px 10px 2原创 2021-03-11 18:08:20 · 223 阅读 · 0 评论 -
Web前端开发笔记-----16.3D、背景扩展、css3渐变、字体图标
Web前端开发笔记-----16.3D、背景扩展、css3渐变、字体图标文章目录Web前端开发笔记-----16.3D、背景扩展、css3渐变、字体图标一、3D1.transform3D相关属性2.3D相关属性3D效果之旋转木马3d效果之翻转图片二、背景扩展三、css3渐变1.线性渐变2.径向渐变(用的不多)四、字体图标阿里巴巴矢量图标库自定义字体图标一、3D1.transform3D相关属性rotateX():正值向上翻转rotateY():正值向右翻转rotateZ():正值向前,负值向右原创 2021-03-10 17:29:56 · 125 阅读 · 0 评论 -
Web前端开发笔记-----15BFC规范、transition过渡、transform变形、animation动画
Web前端开发笔记-----15BFC规范文章目录Web前端开发笔记-----15BFC规范一、BFC规范二、transition过渡三、transform变形一、BFC规范Formatting context(格式化上下文)是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。BFC即Blo Formatting Context(块级格式化上下文),它属于上述中的其中一种规范。具有BFC特性的元素可以看作原创 2021-03-08 21:06:47 · 215 阅读 · 0 评论 -
Web前端开发笔记-----14.css精灵、css圆角、引用标签、iframe嵌套页面、map与area、audio与video
Web前端开发笔记-----14.css精灵、css圆角、引用标签、iframe嵌套页面、map与area、audio与video文章目录Web前端开发笔记-----14.css精灵、css圆角、引用标签、iframe嵌套页面、map与area、audio与video一、css精灵二、css圆角三、引用标签四、iframe嵌套页面五、map与area六、audio与video一、css精灵Css Sprite特性: CSS雪碧也叫做CSS精灵,是一种网页图片应用处理方式。它允许你将一个页面涉原创 2021-03-07 15:32:55 · 227 阅读 · 0 评论