JavaScript第十五章节 使用Canvas绘图(WebGL)

WebGLWebGL 是针对 Canvas 的 3D 上下文。与其他 Web 技术不同,WebGL 并不是 W3C 制定的标准,而是由 Khronos Group 制定的。其官方网站是这样介绍的:“Khronos Group 是一个非盈利的由会员资助的协会,专注于为并行计算以及各种平台和设备上的图形及动态媒体制定无版税的开放标准。” KhronosGroup 也设计了其他图形处理 API,比如 O

- 阅读全文 -

JavaScript第十五章节 使用Canvas绘图(2D)

基本用法要使用元素,必须先设置其 width 和 height 属性,指定可以绘图的区域大小。出现在开始和结束标签中的内容是后备信息,如果浏览器不支持元素,就会显示这些信息。示例:<canvas id="drawing" width=" 200" height="200">A drawing of something.<

- 阅读全文 -

JavaScript第十四章节 表 单 脚 本

表单的基础知识acceptCharset:服务器能够处理的字符集;等价于 HTML 中的 accept-charset 特性。action:接受请求的 URL;等价于 HTML 中的 action 特性。elements:表单中所有控件的集合(HTMLCollection)。enctype:请求的编码类型;等价于 HTML 中的 enctype 特性。length:表单中控件的数量。method:

- 阅读全文 -

小程序wx-charts的项目实用

大家好,我是小九最近公司的一个小程序项目要用到统计类折线图于是准备用wx-charts来做这个趋势图首先从gethub上或者从码云上下载wx-charts.js,传送门:https://gitee.com/Q_Augly/wx-charts.git打开git地址后我们可以看到wx-charts的一些介绍。wx-charts是基于canvas用js写的。支持的图表类型有:饼图 pie圆环图 ring

- 阅读全文 -

微信小程序自定义组件的使用

小程序自定义组件的使用一直以来忙项目都没有什么时间来写博客,今天晚上刷了会儿csdn,知乎等平台,发现有很多人再问小程序自定义组件怎么写,如何编写一个自己的自定义组件?当然也有一些同行们对于这些问题都有解答。今天就自己的项目经验给大家从构建自定义组件,调用自定义组件,传值给组件,组件传值出来,给大家讲解一下如何构造一个自定义视频组件大家可能都刷过火山小视频,本次讲解的就是做的一款类似于火山小视频的

- 阅读全文 -

JavaScript第十三章节 事件

事件事件流:描述的是从页面中接收事件的顺序事件冒泡:事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点事件捕获:由不太具体的节点应该更早得接收到事件,而最具体的节点应该最后接收到事件DOM事件流:事件捕获阶段,处于目标阶段,事件冒泡阶段事件处理程序Html事件处理程序DOM2级事件处理程序addEventListener(eventName,methon,Boolean):接收三个参

- 阅读全文 -

JavaScript第十一章节 DOM扩展

选择符APIquerySelector()方法querySelector()方法接收一个css选择符,返回鱼该模式匹配的第一个元素,如果没有找到匹配的元素就返回null。 通过Document类型调用querySelector()方法,会在整个文档范围内查找匹配 通过Element类型调用querySelector()方法,会在整个后代范围内查找匹配querySelectAll()方法与quert

- 阅读全文 -

JavaScript第十章DOM

节点层次文档元素htmlNode类型每个节点都有nodeType,可根据nodeType来判断系欸DNA类型,详见高程248页节点关系,每个节点都有childNodes属性,保存着NodeList类数组对象操作节点:appendChild():在末尾添加节点insertBefore():接收两个参数,第一个为需要插入的节点,第二个为插入节点的位置replaceChild():替换节点,要替换的节点

- 阅读全文 -

JavaScript第八章节BOM

Windows对象全局作用域全局作用域中声明的变量,函数和方法都会变成windows的属性和方法窗口关系及框架每个框架都有自己的windows对象可通过windows.frames进行访问frames可用frameset包裹窗口位置screenLeft(screenX):窗口相对于屏幕左边screenTop(screenY):窗口相对于屏幕上边moveTo(x,y):x和y表示新位置的坐标值mov

- 阅读全文 -

JavaScript第六章节 面对对象的程序设计

理解对象属性类型数据属性Configurable:表示能否通过delete删除属性从而定义属性Enumberable:表示是否能通过for-in循环返回属性Writeable:表示能否修改属性的值Value:包含这个属性的数据值要修改属性的默认的特性,需要使用Object.defineProperty(),该方法接收三个参数:属性所在的对象,属性的名字和一个描述符对象,其中描述符对象的属性必须是:

- 阅读全文 -