【代码】html5播放flv视频。

当img标签的src为空时，会显示一个破碎的图片，不好看。2、图片为空时用其他图片替代。1、图片为空时隐藏图片。

【代码】SQL多条件查询时函数封装。

目录容器属性项目属性参考阮一峰grid教程：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.htmlGrid 布局的属性分成两类。一类定义在容器上面，称为容器属性；另一类定义在项目上面，称为项目属性容器属性设为grid布局：display:grid;间隔：gap:10px 等价于 row-gap:10px ;column-gap:10px; 简写为：gap:10px 10px ;gap:5px 10px.

js判断浏览器类型

给单个页面顶层div设置style即可。

js中位运算 &

wow.js依赖，不需要jquery；cdn：wow (v1.1.2) - Reveal CSS animation as you scroll down a page | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务。

【代码】实现导航栏下拉菜单（带下拉三级菜单）

XML格式化工具是一款XML在线解析工具，提供XML格式化、XML压缩功能，格式化后的XML代码有着很高的可读性，颜色高亮显示代码，是程序员必备工具之一。在node中 将格式化后的字符串写入test.xml中。XML格式化 XML在线解析工具。

undefined和null是两个比较特殊的数据类型,是不能用点操作符去访问属性的，否则将会报错。

参考：JavaScript（js）中数组Array的常用方法_~疆的博客-优快云博客_array jsArray.some()var arr=[1, 2, 3, 4, 5]var arr1=arr.some(x => x > 3);console.log(arr) //Array [1, 2, 3, 4, 5]console.log(arr1) //truesome() 方法用于检测数组中的元素是否满足指定条件（函数提供）。some() 方法会依次执行数组的每个元......https://blog.cs

通过new Date().getTime()获取的时间戳是毫秒级的，为了在某些情况下方便和其他秒级的时间戳比较大小，现需要将毫秒级的转为秒级的，方式如下：

一维数组转二维数组 //一维数组转二维数组 let arr1 = [ 103.743896484375, 21.48374090716327, 101.05224609374999, 20.550508894195637, 103.60107421874999, 17.518344187852218 ]; console.log('一维数组：', arr1); let newArr1 = []; for (let i = 0,

Sass官网：https://www.sass.hk/docs/Sass就是css的预处理器，它是Sass3版本中引入的新语法特性vue中使用scss，安装：cnpm i -S node-sass sass-loader使用：<style lang="scss" scoped></style>一、变量使用$符号去声明一个变量给同一个变量再次赋值时，后赋值的会替换先赋值的可以在变量的结尾添加!default给一个未通过!defa...

判断是否为空：JavaScript随机获取数组Array中的值：let colors = ["orange","red","blue","yellow"];let color = colors[Math.floor(Math.random()*colors.length)];

四舍五入：45.6784.toFixed(2) // 输出结果为 45.68不四舍五入Math.floor(45.6784 * 100) / 100 // 输出结果为 15.67

单行 <div style=" width: 200px; overflow: hidden; border: 1px solid white; text-overflow: ellipsis; white-space: nowrap; " > 啦啦啦啦啦啦啦啦绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿

外边框：box-shadow: 0 0 8px rgb(0, 204, 255); <div style=" width: 100px; height: 100px; box-shadow: 0 0 8px rgb(0, 204, 255); " ></div>内边框：只需在前面加个 inset即可box-shadow: inset 0 ..

base64样式：File样式：base64转换为file类型//base64转换为file类型 base64toFile(base64, filename) { var arr = base64.split(","), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Ar

盒子模型：W3C盒子模型 、IE盒子模型一、W3C盒子模型 （标准盒子模型）box-sizing:content-box;（默认）二、IE盒子模型box-sizing:border-box;示例：代码：<!--test--><template> <div class="test"> <div class="box1"> <p>width: 300px;</p> ..

目录方式1：splice（index,1）方式2：new Set()方式3：delete方式1：splice（index,1）splice() 方法会直接对修改原数组 let arr = ["vue", "react", "angular"]; console.log("删除前arr：", arr); for (let i in arr) { if (arr[i] === "react") { let result = ...

目录一、交集二、并集三、差集四、补集目前使用for，for in ,for of ,for each 等循环，搭配Array.indexOf()、Array.includes()等函数都可以实现该功能，但是代码较为繁杂，不够简洁，因此，推荐使用以下方式来实现：注意：new Set()有去重的效果一、交集方式1： let arrA = ["a", "b", "c", "d"]; let arrB = ["a", "b", "e"]; le.

目录一、transition（过渡）1、transition-duration2、transition-property3、transition-timing-function4、transition-delay二、animation1、@keyframes2、animation-timing-function3、animation-delay4、animation-iteration-count：检索或设置对象动画的循环次数5、animation-pla...

 HtmlPage1.html&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt; function loadXMLDoc(str) {

 目录     AJAX工作原理图：基于AJAX的异步处理（AJAX采用异步方式与后台交互）：基于AJAX的异步加载过程XMLHttpRequest的方法： XMLHttpRequest的属性： 创建XMLHttpRequest对象：例1.例2.使用get方法和POST方法向服务器传送参数：https://blog.youkuaiyun.com/qq_40323256/ar...

     HtmlPage.html：&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt; var xmlHttp;

目录使用get方法：使用POST方法：  void open（String method，String url，boolean asyncn，String username，String password）；  这个方法会建立对服务器的调用。有两个必要参数，还有三个可选参数。要提供调用的特定方法（GET、POST 或PUT）,还要提供所调用资源的URL，是服务器上文件的地址。 ...

align-content属性起作用的条件:对父元素设置自由盒属性display:flex; 并且设置排列方式为横向排列flex-direction:row; 设置换行，flex-wrap:wrap;1，align-content:stretch;2，align-content:flex-start;3，align-content:flex-end;...

flex容器常用属性（6个）：flex-direction（主轴方向。默认row） flex-wrap（项目在容器轴线排不下是否换行。 默认nowrap） flex-flow（是前两个属性的缩写。 默认值未row nowrap） justify-content（项目在容器主轴上对齐方式。默认flex-start） align-items（项目在交叉轴上如何对齐。默认flex-start...

同步时的情况一，单独使用 this，它指向全局(Global)对象，即window对象。二，在对象方法中， this 指向调用它所在方法的对象。同步：且为function时：this指向调用当前方法的对象注意下面这个例子，和上面这个例子进行对比：结论：this永远指向的是最后调用它的对象，也就是看它执行的时候是谁调用的。上例中虽然函数fn是被对象b所引用...

下载字体：https://www.fontke.com/字体转换器：https://www.fontke.com/tool/convfont/目录结构如下：stheitisc.css: @font-face { font-family: 'STHeitiSC'; /* 这个名字可以自己定义 */ src: url('./stheitisc.eot')...

所有的任务分为两种，一种是同步任务，一种是异步任务。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有等主线程任务执行完毕，"任务队列"开始通知主线程，请求执行任务，该任务才会进入主线程执行。这里说到了一个“队列”（即任务队列），该队列放的是什么呢，放的就是setTimeou...

官网：http://www.animate.net.cn/在线演示：https://www.dowebok.com/demo/2014/98/1，安装cnpm i animate.css -S2，在main.js中引入import animated from 'animate.css';Vue.use(animated);3，应用（注意：必须使用animated...

a标签中有四个：link、visited、hover、active未移入a标签链接时：link移入a标签链接时：link、hover点击a标签链接时：link、hober、active点击后未移入a标签连接时：link、visited点击后移入a标签连接时：link、visited、hover点击后再次点击a标签连接时：link、visited、hover、active.....................

Array.some()var arr=[1, 2, 3, 4, 5]var arr1=arr.some(x => x > 3);console.log(arr) //Array [1, 2, 3, 4, 5]console.log(arr1) //truesome() 方法用于检测数组中的元素是否满足指定条件（函数提供）。some() 方法会依次执行数组的每个元.........

一，margin塌陷父子嵌套元素在垂直方向的margin,父子元素是结合在一起的,他们两个的margin会取其中最大的值.正常情况下,父级元素应该相对浏览器进行定位,子级相对父级定位.但由于margin的塌陷,父级相对浏览器定位.而子级没有相对父级定位,子级相对父级,就像坍塌了一样.<!DOCTYPE html><html> <head>...

目录一、position:static二、position: relative三、position: absolute四、position: fixed五，四个属性的综合运用一、position:staticMDN的描述：该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时 top、right、bottom、left 属性无效。...

看例子就懂了例1可以在外部使用prototype为自定义的类型添加属性和方法<script type="text/javascript"> function Aclass() { this.Property = 1; this.Method = function() { alert(1); } } Aclass...

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> var numresult; var str; ...