![](https://img-blog.csdnimg.cn/20210916103059312.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
Web零基础学习,从入门到精通
深巷的猫&fan
这个作者很懒,什么都没留下…
展开
-
JS正则表达式写法:手机号、邮箱、用户只能由英文字母或数字组成,长度为4-16个字符,并且以英文字母开头
1、手机号:以136,138,150开头,278946782、邮箱:4478@qq/163.com/cn3、用户只能由英文字母或数字组成,长度为4-16个字符,并且以英文字母开头<script type="text/javascript"> //匹配四个一样的字符 // \1反向引用第一组 // \2反向引用第二组 // var reg = /([a-z])\1\1\1(\d)\2\2/g; // var str ="aaaa3333" // .原创 2021-11-29 16:45:59 · 3338 阅读 · 0 评论 -
JS正则表达式
[a-z]表示所有字母\d表示所有数字[0-9]表示所有数字正 则:str=abcssabc表达式:regex=/[a-z]{3}\d{3}/ 表示:3位字母,3位数字regex.test(str)regex.exec(str)1、正则表达式:<script type="text/javascript"> //正则书写方式 // var reg = /ab...原创 2021-11-29 16:42:15 · 273 阅读 · 0 评论 -
贪婪匹配和非贪婪匹配
1.什么是正则表达式的贪婪与非贪婪匹配 如:String str="abcaxc"; Patter p="ab*c"; 贪婪匹配:正则表达式一般趋向于最大长度匹配,也就是所谓的贪婪匹配。如上面使用模式p匹配字符串str,结果就是匹配到:abcaxc(ab*c)。 非贪婪匹配:就是匹配到结果就好,就少的匹配字符。如上面使用模式p匹配字符串str,结果就是匹配到:abc(ab*c)。2.编程中如何区分两种模式下面的都是量词: {m...原创 2021-11-29 14:52:02 · 2903 阅读 · 0 评论 -
JS倒计时按钮
利用定时器 ,制作按钮在有效时间内失效的效果可用作于接收验证码避免了用户多次连续点击【效果如下】 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/jav...原创 2021-11-29 09:17:59 · 829 阅读 · 0 评论 -
JS使用event对象以及默认行为等知识点制作个性菜单
步骤:点击鼠标右键,阻止掉默认菜单,出现自定义菜单,且鼠标点击哪里,自定义菜单就在哪里自定义菜单使用CSS制作,并添加过渡效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> *{ margin: 0;padding: 0原创 2021-11-29 09:05:54 · 633 阅读 · 0 评论 -
JavaScript幸运大转盘
需求说明:使用点击事件等相关知识点完成幸运大转盘页面打开时,出现九宫格蓝色色块,色块内分别是奖品,当点击开始按钮时,有一个灰色色块开始转动,点击停止按钮时,灰色按钮停在哪里,就表示所中的奖品是什么<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/c.原创 2021-11-29 09:01:52 · 813 阅读 · 0 评论 -
JavaScript
JavaScriptJavaScript是运行在浏览器端的脚本语言,JavaScript主要解决的是前端与用户交互的问题是一种动态性、弱类型的语言;他的解释器就在我们的浏览器中,是浏览器的一部分 这门语言对大小写敏感,并会忽略多余的空格,可以使用\进行代码换行,注释使用//或/**/主要由三部分组成:ECMAScript:语言的语法和基本对象文档对象模型Dom(Document Object Model):处理网页内容的方法和接口浏览器对象模型Bom(BrowserObjectModel):原创 2021-11-26 19:25:55 · 111 阅读 · 0 评论 -
【JS实现轮播图】
JS实现轮播图【效果】 图一 图二 图三 图四 图五代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head>...原创 2021-11-26 18:58:11 · 337 阅读 · 0 评论 -
javascript:比较两个数的大小
<script> function test(num1, num2) { if (num1 > num2) { alert("较大的数为" + num1); } if (num1 < num2) { alert("较小的数为" + num2); } if (num1 == num2) .原创 2021-11-26 15:11:23 · 5021 阅读 · 2 评论 -
javascript:类型转换
parseInt是将内容转换为整数形式,小数点去丢弃掉。parseInt与Number区别就是下面的第二种形式。parseInt方法是将内容转换为数值类型document.write(typeof (parseInt('1')) + '<br>'); // parseInt转换document.write(parseInt('1456') + '<br>');document.write(parseInt('4gd455') + '<br>');d原创 2021-11-26 15:08:06 · 93 阅读 · 0 评论 -
javascript(函数)
函数的定义: 一段程序处理的代码单元 函数的语法: function函数名([参数列表]){ 函数体 [rutern结果] } 函数的作用: 封装代码。提高代码重用性和简洁性 函数分为: 自定义函数、内置函数/系统函数 常用的系统函数: eval(...原创 2021-11-26 14:51:09 · 285 阅读 · 0 评论 -
利用Photoshop制作棋盘(黑白格)
象棋是生活中比较常见的娱乐工具,今天要给大家说的就是用photoshop绘制象棋棋盘的方法。1、打开PS新建一个画布,大小为200 *200像素2、利用工具栏中的矩形工具,点击面板制作两个100*100像素的黑色格子,分别分布在左上角和右下角,效果如下图:3、菜单栏中点击---->编辑----->定义图案(输个备注)4、再新建一个画布,比如【1000*1000】像素,尺寸要与你的黑白格预设图案成正比,在工具栏中,选择油漆桶工具【G】,再将工具菜...原创 2021-09-16 17:57:12 · 6140 阅读 · 0 评论 -
Phontoshop快速扣取--图章
Phontoshop快速扣取--图章(案例)印章素材可以从网站上搜索获取,也可以通过高清拍摄。其实扣区图章有很多方法,接下来让我给大家演示一种方法: 图一(原图) 图二(效果图) 图三(效果图)操作流程:1、在Photoshop中打开原图,不要创建背景2、选取工具栏中...原创 2021-09-16 13:09:00 · 252 阅读 · 0 评论 -
怎么通过photoshop制作扇叶页面进行图层填充
扇叶页面填充案例:图一(原图) 图二(效果图)操作流程:1、制作好一个扇子之后也可以从网上下载一个扇子图片,如图一(原图)2、利用快速选择工具(快捷键:W)选取扇叶的部分(温馨提示:如果扇子是你通过图层连续复制做出来的可以给图层合并之后再进行操作,合并快捷键:CTRL+ E 或者 盖印快捷键:CTRL+ SHIFT + A...原创 2021-09-16 10:26:14 · 258 阅读 · 0 评论 -
前端人员一定要掌握的PS技巧
Photoshp简称psPS主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。图片分类1、位图位图图像(bitmap),亦称为点阵图像或栅格图像,是由称作像素(图片元素)的单个点组成的。特点:放大会失真jpg 特点:色彩丰富,有损压缩,不支持透明。它支持...原创 2021-09-14 11:26:26 · 241 阅读 · 0 评论 -
学习前端需要掌握的知识
Web前端开发是从网页制作演变而来的,涵盖的知识面非常广,基本的开发技术包括Xhtml、CSS3、DOM、JavaScript、Ajax等。一个优秀的Web前端开发工程师不仅需要掌握这些技术,还需要有一定的后台知识、对网站构架有一定了解,还要掌握一定的SEO网站优化技术。前端开发工程师的主要职责是与交互设计师、视觉设计师协作,根据设计图用HTML和CSS完成页面制作。同时,在此基础之上,对完成的页面进行维护和对网站前端性能做相应的优化,把网站的界面更好地呈现给用户。...原创 2021-09-13 19:35:57 · 168 阅读 · 0 评论