我的生活感悟

学会重视错误处理失败是成功之母，学会接纳错误try-catch语句(因为浏览器处理不同，可能会发生错误时用)标准化错误处理，捕捉错误信息示例:try{ // 可能会导致错误的代码 } catch(error){ // 在错误发生时怎么处理 } finally { // 不管怎样都会执行，只要有finally存在，try和catch里面的都会被忽视 } 错误类型Error：Error 是

- 阅读全文 -

跨文档消息传递跨文档消息传送（cross-document messaging），有时候简称为 XDM，指的是在来自不同域的页面间传递消息。例如，www.wrox.com 域中的页面与位于一个内嵌框架中的 p2p.wrox.com 域中的页面通信。postMessage():接收两个参数：一条消息和一个表示消息接收方来自哪个域的字符串。值得注意:postMessage()向另一个地方传递数据。对于

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -

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

- 阅读全文 -