技术杂项
chenqiong1991
这个作者很懒,什么都没留下…
展开
-
JavaScript数组去重方法
去重原理目前有数组 [2,3,4,4,3,3,0,12,4,89] 去重的原理是,做两层循环,第一层依次检测数组元素,第二层从第一层的元素后开始,并检测后面的元素是否和第一层的元素重合,如果后面的所有元素都和这个元素不同,则这个元素在此数组中是唯一的。 比如,以此数组中第一个元素“2”为例,第二层循环从它后面的“3”开始检测,3与2不同,继续下一个,是4,也与2不同,继续下一个,如此检测,...原创 2018-08-14 17:36:53 · 168 阅读 · 0 评论 -
vue v-for 使用:key属性识别DOM
添加 :key 属性可以让vue识别DOM哪个是哪个上图中,列表DOM每一项有复选框,勾选状态代表了DOM自身在列表中的位置。现更新列表数据,以查看勾选项是否可以正确渲染。先勾选第三项,再删除第三项。正确的DOM渲染应该是只留下了1 2 4项,且每一项都未勾选。实际结果:实际结果显示,如果没有正确的key属性(下方所示),勾选的项目会被认为是列表第三项,移除第三项后,第...原创 2019-03-11 14:57:26 · 854 阅读 · 0 评论 -
css垂直居中
设置父元素position为relative,要居中的子元素position为absolute,然后设置居中子元素的位置的top和left均为50%,再将该元素进行平移translate(-50%,-50%)<div class="myParent"> <span class="myChild">123</span></div>效...原创 2019-02-20 11:38:24 · 214 阅读 · 0 评论 -
css清除浮动
不清除浮动产生的问题:红色为浮动的元素,浮动元素影响正常DOM流动,其父元素不考虑该浮动元素的高度,似乎无视了该浮动元素。并且影响了父元素的兄弟元素。方法一:父元素内添加空元素,并设置clear:both&amp;amp;lt;div class=&amp;quot;topDiv&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&原创 2019-02-20 11:20:56 · 156 阅读 · 0 评论 -
浏览器环境使用es6 模块
定义一个module模块//module.jsvar m="mmm";var n="nnn";export {m,n}HTML文件script标签的type使用“module”<script type="module" src="module.js"></script>使用本地服务器本地文件模式会报错Access to script at 'file原创 2018-12-26 21:53:37 · 828 阅读 · 0 评论 -
matter.js 技术 | 操作指定物体属性(旋转、加速)
引入Body模块var Body=Matter.Body;旋转物体Events.on(mouseConstraint, "startdrag", function(e){ Body.rotate(e.body,Math.PI/4); $("#rotate")[0].play();})点击物体时,将其旋转45度。此方法中,角度的单位为弧度设置物体速度$(...原创 2018-09-10 10:22:35 · 2749 阅读 · 0 评论 -
matter.js技术 | 删除物体
关键语句World.remove(world,body);World为Matter的World模块,world为生成的world实例,body为欲删除的物体。示例一:删除指定物体var ball=Bodies.circle(x,y,15,{});World.remove(world,ball);删除生成的球体示例二Events.on(mouseConstra...原创 2018-09-10 10:12:45 · 1353 阅读 · 0 评论 -
$.ajax()实现跨域访问
服务器php代码:<?php $arr = array ( 'Name'=>'希亚', 'Age'=>20 );echo $_GET['my']."(".json_encode($arr,JSON_UNESCAPED_UNICODE).")";;?>本地代码:<script type="text/javasc...原创 2018-08-21 17:27:59 · 2472 阅读 · 0 评论 -
nw.js打包Windows桌面应用
nw.js打包HTML5桌面应用利用HTML5技术可以生产网页,利用nw.js可以将其打包为桌面应用。 此文打包Windows平台的桌面应用。网页配置文件 一个是网页相关的文件:index.html,这是一个入口文件。 另一个是pagkage.json,这是nw.js需要读取的配置文件。下载nw.js 具体下载方法搜索nw.js,解压出来如图: 此时,点击nw.exe,如...原创 2018-08-19 22:20:09 · 4077 阅读 · 0 评论 -
prototype详解
参考链接:https://segmentfault.com/a/1190000003017751 function Person(name){ this.name=name; } Person.prototype.sayName=function(){ console.log(this.name); } var person=n...转载 2019-09-05 21:52:09 · 910 阅读 · 0 评论