前端基础
文章平均质量分 91
starNewwu
这个作者很懒,什么都没留下…
展开
-
正则
元字符 非\n字符出现0到多次 [] 中括号内的限定符出现一次 [a-z] [a-zA-Z] [0-9] [a] \d 数字 \D 非数字 \s 空格 \S 非空格 \w 非特殊字符 _是非特殊字符 \W 特殊字符 {1,2} 前面的限定符出现1到2次 | 或者 () 分组 前面的表达式出现一次到多次 ? 前面表达式出现0次到1次 ^ 表示以开始 或者取非 $ 表示以结束 . 非/n的字符 \b 单词边界 邮箱 1+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2原创 2020-06-26 21:42:34 · 128 阅读 · 0 评论 -
js高级
复习 编程思想 面向过程:一步一步做 面向对象:找对象解决; js基于对象模拟面向对象 面向对象的特性 封装(property method 封装有利于代码的复用) 继承(继承父类的属性和方法 js中没有类的概念但是有构造函数) 多态(父类的引用指向子类对象 不同的子类的属性和方法可能不一样) 抽象性(abstract) eg: // 面向对象执行者变成了指挥者 function eat(){ eatFood(); }; function eatFood(){ alert('执行吃饭')原创 2020-06-26 21:41:20 · 130 阅读 · 0 评论 -
js进阶(webAPI)
关于对象的一些补充: 引用相关的问题: eg: var arr = [1,2,3]; var newArr = arr; newArr[0] = 2; 第一行:从栈内存开辟出一个空间并且储存一个地址给arr 这个地址指向了堆内存中的一块区域[1,2,3] 第二行:从栈内存再开辟一个空间并且储存一个地址(这个地址是从arr储存的地址copy过来的))给newArr 这个地址也指向了 [1,2,3] 第三行:因为arr和newArr指向了同一个对象 所以修改newArr指向堆内存空间的数据之后 arr也随原创 2020-06-26 21:40:32 · 165 阅读 · 0 评论 -
js基础
文章目录javascript介绍结构:js语言的特点:历史:js代码书写的位置:注意:注释:变量变量的作用变量的使用注意数据类型num数字数字的进制数字的范围数字的判断:string(字符串)booleannullobject 对象类型的转换:运算符流程控制:顺序语句:分支结构:条件语句循环语句调试关键字:数组函数arguments对象(伪数组)函数表达式预解析创建对象的三种方式Date对象Date方法:String对象属性和方法Array对象方法基本包装类型 javascript介绍 结构: ECMA原创 2020-06-26 21:39:15 · 162 阅读 · 0 评论 -
html+css基础自学笔记
文章目录table:table表格 属性cellspacing单元格之间的距离 cellpadding内容到单元格边框内边距 align="center"表格居中 border边框 样式通过css设置标签表单结构:表单域 表单控件 提示文字css选择器:font:盒子display注意点:权重:背景盒子盒子宽=width + border-left + border-right + padding-left + padding-right盒子高=height + border-bottom + border原创 2020-06-26 21:35:48 · 357 阅读 · 0 评论 -
html5
文章目录HTML5新增的type属性新增的其他属性新增的标签新增的事件新增的多媒体标签 (代替flash)操作DOM网络监听新增API拖拽地理定位web存储 HTML5 HTML超文本标记语言的第五次重大修改版本 支持的浏览器 :所有的主流浏览器(Chrome Firefox Safari 。。。) IE9及以上(IE9有选择的支持 Ie10以上完全支持) IE8及以下不支持 改变了用户与文档的交互模式 :多媒体 video audio canvas 增加了新特性:语义特性 本地存储特性原创 2020-06-26 21:31:57 · 204 阅读 · 0 评论 -
css3
文章目录CSS3C3现状选择器属性选择器:伪类选择器-伪元素选择器:颜色设置RGBAHSLA文本阴影text-shadow盒模型边框圆角边框阴影background线性渐变径向渐变重复渐变background:边框图片transition 过渡transform2d变换3D变换动画animation多列布局伸缩盒子模型 从左到右 从上到下 CSS3 C3现状 1、 浏览器支持程度差,需要添加私有前缀(移动端) 2、移动端支持优于PC端 3、不断改进中 4、应用相对广泛 选择器 属性选择器: E[attr]原创 2020-06-26 21:31:28 · 186 阅读 · 0 评论 -
canvas
canvas 创建画布 var canvas = document.querySelector(‘canvas’); var ctx = canvas.getContext(‘2d’); 属性 ctx.lineWidth//直线宽度 ctx.strokeStyle//颜色 ctx.fillStyle;//填充颜色 ctx.lineCap;//线头样式 butt默认 square方 round圆 ctx.lineJoin //拐点样式 beval/round ctx.lineDashOffset原创 2020-06-26 21:30:55 · 151 阅读 · 0 评论 -
CSS命名规则
文章目录css类名命 css类名命 ~~s as sa ~~ H2O is是液体原创 2020-06-20 20:10:23 · 150 阅读 · 0 评论