jo miro的博客

做了一个图片管理系统，由于图片的高度不一，需要瀑布流布局。文章目录先看效果技术需求固定数据动态数据防抖节流防抖常见错误js闭包先看效果技术需求HTML、javascript、数学固定数据js函数是我参照其他网页的布局效果想出来的，这里我们先采用固定的列数来进行分析。首先我们假设会有5列的图片，这样每行最多就会有5张图片。我们将父容器的position设置为相对定位，图片的位置设置成绝对定位，然后在图片加载完成后js遍历修改图片的位置。function rePosion(){ //

vue/cli框架撸一个分页器组件，非常的好用，快来领取吧。文章目录视频教程预览源码视频教程B站直通车预览这是调取组件后传入总页数20，显示4页的效果。源码源码请到源码链接源码仅供学习和参考，请勿直接使用。源码里的前进后退按钮我用用了iconfont所以在使用时需要替换一下。参数：参数类型默认值描述totalnumber/string5总页数show-pagenumber5展示页数事件：自定义事件描述curre

闭包在我们平时的前端编程中使用，使用好了可以利用，使用不好了则会导致内存溢出文章目录JavaScripthtml操作截图###目标使用闭包的变量性质定义一个变量，不会影响作者的使用，也不会被其他地方的定义影响。JavaScriptfunction clickFn(){ var counts=0; var obj={ click:function(){ counts++; }, getcounts:funct.

今天借用几分钟，写了一个回车添加标签、删除标签、标签获取的js，大家可以随意使用啊！！！html： <div id=""> <div id="tagsContainer"> <input type="text" id="tagIn" size="8" maxlength="15" placeholder="输入标签回车"/> </div> </div>css:<style type="text/css"&g

首先读取出来的都是字符串，不是对象或者字典，所以需要一步转换。同理，需要存储的时候也需要这样的操作。否则操作就会变形。1.nodejs读取json文件（分异步、同步）同步的方法读取2.Python读取json文件...

字符串转json时报错Unexpected token ' in JSON那就报json或数组中的单引号（'）改成双引号（"）就可以了

for in 是我们在学习中比用的一个语句不经常用的朋友是不是忘得差不多了for in可以使用在对象、数组中。忘记的，看完这段测试应该就想起来了。测试源码：//数组的for in//var 一个变量//这个变量充当第几，和对象差不多var long=[10,20,30,40,50,60,70];//可以修改值long[0]=50;for(var s in long){ console.log(s,long[s]);}//对象的for in//var 一个变量

1.json文件2.怎么调用本地json文件3.总结前言：有这个需求是因为我需要使用本地的json文件来做仪表盘，搜寻了一圈下来后。发现直接调用本地的json文件会遭系统拒绝，那么就只能建立路由，托管文件了，这样就可以调用了。但是这样多了一个开路由的过程，体验稍微弱一些，但是却可以模拟接服务器的过程。...

初学者看到正则表达式，可能比较懵，希望这张图可以帮助大家理解

JavaScript运算符优先级JavaScript 运算符优先级，是描述在计算机运算计算表达式时执行运算的先后顺序。 先执行具有较高优先级的运算，然后执行较低优先级的运算。 例如，我们常说的先执行相乘和除，再执行加减运算。JavaScript 运算符优先级 运算符 说明 结合性1 []、.、() 字段访问、数组索引、函数调用和表达式分组 从左向右2 ++ – -~!delete new typeof void 一元运算符、返回数据类型、对象创建、未定义的值 从右向左3 、/、% 相乘、相除、

总结了一下dom节点的常用方法，基本涵盖了平时会用到的节点获取方法。（因为还有很多方法，为了图解清晰暂且例举这些）希望对大家有帮助！同时我提供了一条练习路径，可以看我下一条blog。...

var u_l=document.getElementsByTagName("ul");var oimg=document.getElementsByTagName("img");oimg.remove(); u_l.remove();//VM406:3 Uncaught TypeError: oimg.remove is not a functionvar u_l=document.getElementsByTagName("ul");var oimg=document.getElement.

Element.nextElementSibling //返回当前元素节点的下一个兄弟HTML元素节点Element.previousElementSibling //返回当前元素节点的前一个兄弟HTML节点var jiedian01=document.getElementById("aoli");var jiedian00=jiedian01.previousSibling;var jiedian02=jiedian01.nextSibling;console.log(jiedian01)

只是简单的梳理了一下节点和逻辑，需要具体的属性还需要单个查询和学习

我们更新了应用的状态，但没有触碰 DOM——所有的 DOM 操作都由 Vue 来处理，你编写的代码只需要关注逻辑层面即可。

为了前端运动和交互不是那么突兀和死板，而是更加自然，友好对待我们的感官，我们通常会引入过渡。使元素逐步过渡到我们预定到的值。这时我们就需要引入循环定时器setInterval（）；这样就可以控制元素值，逐步到达预定值。我们采用视觉上的误差，给元素循环累加到预定的值。注意：为了避免定时器的累加效应，需要在每次开启定时器前先把之前的clear了。所以要给定时器定义一个全局变量，否则，先clear定时器就会报未定义的错误。但...

Js中鼠标事件有很多，例如点击、移动、移入、移出、滚轮滚动等等。这里我总结了10大鼠标事件，供参考学习。鼠标事件又可分为点击、移动点击又可分为：点击、双击、长按、多按钮同时等等。移动又可分为：移入，移出，移动等等。1.点击事件我们先来看一下常用的点击事件吧。点击事件可以说是最常用的啦！ 01.onclick，点击鼠标左键。event.button返回值为0. 特点：针对鼠标左键的点击。 02.onmousedown，点击鼠标按键。...