Cao_Mary的博客

7.JavaScript基础-流程控制-if7.1、JavaScript流程控制基本概念- 默认情况下，浏览器会按书写从上至下顺序执行程序中的每一行代码，但是这并不能满足我们所有的开发需求；- 为了方便我们控制程序的运行流程，JavaScript提供3种流程结构，不同的流程结构可以实现不同的运行流程。这3种流程结构分别是顺序、选择、循环三种基本控制结构构造。1、顺序结构：默认的流程...

一、动画1.SVG动画在SVG中提供了三种常用动画标记animate：基础动画animateTransform：形变动画animateMotion：路径动画2.SVG动画属性attributeType: CSS/XML 规定的属性值的名称空间attributeName: 规定元素的哪个属性会产生动画效果from/to: 从哪到哪dur: 动画时长fill: 动画结束之...

一、裁剪与蒙版1.clipPath只有路径范围内的内容会被显示, 路径范围外的内容不会被显示2.maskmask和clipPath差不多2.1.裁切路径是可见与不可见的突变2.2.蒙版则是可见与不可见的渐变注意点:在指定裁剪和蒙版的时候需要通过url(#id)来指定1.圆形在上，矩形在下<svg width="500" height="500"> ...

一、SVG常用属性1.fill: 修改填充颜色2.fill-opacity: 0~1 设置填充颜色的透明度3.stroke: 修改描边颜色4.stroke-width: 修改描边宽度5.stroke-opacity: 0~1 设置描边透明度6.stroke-linecap: butt(两边都没有)/square（两边为方块）/round （两边为圆形）设置线段两端帽子7.strok...

一、SVG概念1.什么是SVG?SVG英文全称为Scalable Vector Graphics，意思为可缩放的矢量图2.位图和矢量图在计算机中有两种图形, 一种是位图, 一种是矢量图2.1 位图:传统的 jpg / png / gif图都是位图位图是一个个很小的颜色小方块组合在一起的图片。一个小方块代表1px2.2 位图的优点和缺点:优点: 色彩丰富逼真缺点: 放...

一、初识jquery1.1、初识jQuery1.jQuery是什么？jQuery是一款优秀的JavaScript库，从命名可以看出jQuery最主要的用途是用来做查询（jQuery=j（javascript）+Query）. 在jQuery官方(www.jquery.com)Logo下方还有一个副标题（write less, do more）, 体现了jQuery除了查询以...

1.SASS开篇1.什么是SASS(Syntactically Awesome Stylesheets Sass)?SASS是一套利用Ruby实现的, 最早最成熟的CSS预处理器, 诞生于2007年.它扩展了 CSS 语言，增加了变量、Mixin(混合)、嵌套、函数和运算等特性，使 CSS 更易维护和扩展2.如何学习SASS?LESS是一套利用JavaScript实现的C...

1.JavaScript-BOM开篇1.什么是BOM?DOM就是一套操作HTML标签的API(接口/方法/属性)BOM就是一套操作浏览器的API(接口/方法/属性)2.BOM中常见的对象window: 代表整个浏览器窗口注意: window是BOM中的一个对象, 并且是一个顶级的对象(全局)Navigator: 代表当前浏览器的信息, 通过Navigator我们就...

一、less基础1.1、less开篇1.什么是CSS预处理器？CSS预处理器就是用某一种语言用来为CSS增加一些动态语言的特性（变量、函数、继承等。js就是动态语言。）CSS预处理器可以让你的CSS更加简洁，适应性更强，代码更直观等诸多好处简而言之：CSS预处理器就是升级版CSS2.常见的CSS预处理器Less、Sass、Stylus3.为什么需要les...

一、JavaScript——DOM宿主对象：JS运行环境提供的对象。DOM(Document Object Model)：JavaScript操作网页上的元素(标签)的API- DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作1.1、JavaScript——DOM开篇1.什么是windowwindow：是一个全局对象，代表浏览器中一个打开的窗...

1.JavaScript基础-基本概念1.1、什么是JavaScript？JavaScript简称JS，是前端开发的一门脚本语言(解释型语言)。解释型语言：程序执行之前，不需要编译就可以直接运行, 运行时再边解析边执行的语言编译型语言：程序执行之前，需要一个专门的编译过程，把程序编译成为机器语言的文件，比如exe文件。（C、JAVA、C++）为什么JS不需要编译就可以直接执行？...

10.JavaScript-面向对象10.1、JavaScript-面向对象基本概念1.面向过程：强调的是功能行为关注的是解决问题需要哪些步骤每一个具体步骤中我们都是参与方，并且需要面对具体的每一个步骤和过程。2.面向对象Object Oriented Programming-OOP将功能封装进对象，强调具备了功能的对象关注的是解决问题需要哪些对象3.从面...

svg脚本编程：通过js操作svg企业开发中均使用框架进行脚本编程脚本编程推荐自学svg框架https://svgjs.com/http://snapsvg.io/docs/可以做搜狗浏览器官网特效。多看看svg在线编辑器使用js绘制svg注意点：绘制画布注意点:创建SVG时必须指定命名空间（用于告诉浏览器，此文件不是普通xml文件，而是用来表示SVG图形的。svg内所有标签都...