JS使用Dijkstra算法求解最短路径
一、Dijkstra算法的思路Dijkstra算法是针对单源点求最短路径的算法。其主要思路如下：1. 将顶点分为两部分：已经知道当前最短路径的顶点集合Q和无法到达顶点集合R。2. 定义一个...
2020-05-27
JS实现深度优先搜索求解两点间最短路径
本文实例为大家分享了JS实现深度优先搜索求解两点间最短路径的具体代码，供大家参考，具体内容如下
效果：
找出图里点到点最短路径，并打印轨迹图片如下所示：
代码：const map = [ [...
2020-05-27
node app 打包工具pkg的具体使用
node 打包可执行文件的工具有很多。node-packer 是国人写的，但一年前就停止更新了。而 nexe 一到fetching prebuilt binary 就报错，放弃了，最终选择了 pkg。这个项目很神奇，直接...
2020-05-27
vuex如何重置所有state(可定制)
在正式场景中我们经常遇到一个问题，就是登出页面或其他操作的时候，我们需要重置所有的vuex，让其变为初始状态，
那么，就涉及到了多种方法：
1、页面刷新：window.location.reload()这...
2020-05-27
js中Array对象的常用遍历方法详解
1.forEach(),遍历数组的每个元素 let arrFor = ['muzi','digbig','muzidigbig','lucky'] //forEach(),遍历数组的每个元素 arrFor.forEach((item,index) => { console...
2020-05-27
vue项目打包之后背景样式丢失的解决方案
原始build/untils.js原因：至于为什么背景图有的打包后存在，有的丢失，那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了，直接引，而背景图片里用的是相对路径最后会直...
2020-05-27
vue中$nextTick的用法讲解
vue是非常流行的框架，他结合了angular和react的优点，从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时，我们经常用到一个方法...
2020-05-27
js中null与空字符串""的区别讲解
String str=null这句话的意思就是定义一个字符串，变量str，字符串的内容为空值。String str=“”定义一个String类型的变量str，并为其赋值。1、类型null表示的是一个对象的值，而...
2020-05-27
js中怎么判断两个字符串相等的实例
在javascript判断两个变量值是否相等，可以使用 ==（等同）操作符 或者 ===（恒等）操作符
== 操作符
“等同”操作符，简单判断2个变量值是否相等，变量类型不一致时，会做类型转换，即忽略变...
2020-05-27
js中call()和apply()改变指针问题的讲解
1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。（天生的）2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，...
2020-05-27
Jquery获取radio选中值实例总结
Radio 1.获取选中值，三种方法都可以：
$('input:radio:checked').val()；$("input[type='radio']:checked").val();$("input[name='rd']:checked").val();
2.设置第一个Radio为选...
2020-05-27
详解VUE单页应用骨架屏方案
什么是骨架屏？简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏...
2020-05-27
vue 项目接口管理的实现
在vue开发中，会涉及到很多接口的处理，当项目足够大时，就需要定义规范统一的接口，如何定义呢？方法可能不只一种，本文使用axios+async/await进行接口的统一管理本文使用vue-cli生成...
2020-05-27
React性能优化系列之减少props改变的实现方法
React性能优化的一个核心点就是减少render的次数。如果你的组件没有做过特殊的处理（SCU -- shouldComponentUpdate或使用PureComponent），那每次父组件render时，子组件就会跟着一...
2020-05-27
JQuery判断radio单选框是否选中并获取值的方法
一、设置选中方法代码如下:$("input[name='名字']").get(0).checked=true; $("input[name='名字']").attr('checked','true');$("input[name='名字']:eq(0)").attr("checked...
2020-05-27
jQuery无冲突模式详解
解决冲突的方法：在jQuery中解决冲突的方法是noConflict（）方法，这个方法将$标识符的控制权返回给其他JavaScript库如以下示例中的jQuery代码将在将jQuery加载到页面后立即将其置...
2020-05-27
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
vue.js 2.0版的双向数据绑定就是通过Object.defineProperty方法实现的，俗称属性拦截器。这么说吧，vue.js是通过它实现双向绑定的。俗称属性拦截器。而且专门用来监控对象属性...
2020-05-27
js实现图片放大并跟随鼠标移动特效
图片跟随鼠标移动并放大js特效，供大家参考，具体内容如下
很多网站有类似于淘宝放大镜的效果，只不过这里说的是 “ 不仅能直接放大，而且会跟随鼠标移动 ” ！
类似于“ DEDECMS ”...
2020-05-27
jquery层次选择器的介绍
jquery层次选择器jquery层次选择器，包括空格、>、next、+、nextAll、~、siblings、prev()、prevAll()等函数或表达式。1、空格表示获取所有子孙后代元素2、 >表示获取一级子...
2020-05-27
使用form-create动态生成vue自定义组件和嵌套表单组件
使用form-create动态生成vue自定义组件和嵌套表单组件[github]| [说明文档]maker.create通过建立一个虚拟 DOM的方式生成自定义组件生成Makerlet rule = [ formCreate.maker...
2020-05-27
jquery的$().each和$.each的区别
$(selector).each(function(index,element))这个函数和之前项目里面用到的遍历数据的函数不是同一个呀（项目里面用到的函 数：$.each(dataresource,function(index,element))），...
2020-05-27
JS实现的贪吃蛇游戏完整实例
本文实例讲述了JS实现的贪吃蛇游戏。分享给大家供大家参考，具体如下：思想：1、设计蛇：属性有宽、高、方向、状态（有多少节），方法：显示，跑2、设计食物：属性宽、高3、显示蛇：根据状态向地...
2020-05-27
vue ssr 实现方式(学习笔记)
为什么要写本文呢，话说现在vue-ssr 官网上对 vue 服务端渲染的介绍已经很全面了，包括各种服务端渲染框架比如 Nuxt.js 、 集成 Koa 和vue-server-renderer 的 node.js 框架 eg...
2020-05-27
vue.js实现的幻灯片功能示例
本文实例讲述了vue.js实现的幻灯片功能。分享给大家供大家参考，具体如下：1、在父组件中<slide-show :slides="slides"></slide-show>import SlideShow from '@/components/Sli...
2020-05-27
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
1.jquery grep()筛选遍历数组(可以得到反转的数组)// 1.jquery grep()筛选遍历数组(可以得到反转的数组) var array = [1,5,9,3,12,4,48,98,4,75,2,10,11]; var filterArr...
2020-05-27
如何解决.vue文件url引用文件的问题
解决.vue文件url引用文件的问题遇到的问题： 在css中引入图片，明明目录结构是对的，还是This dependency was not found； dev好好的，build 之后凉凉，图片加载404添加图片路径配置w...
2020-05-27
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
程序运行时间计算：注意：测试代码运行时间的话console.time()与console.timeEnd()要一起使用，这是一个组合；这两个之间的代码就是要运行测试程序的时间<!DOCTYPE html><html lang...
2020-05-27
vue-cli3 karma单元测试的实现
KarmaKarma是一个测试工具，能让你的代码在浏览器环境下测试。代码可能是设计在浏览器端执行的，在node环境下测试可能有些bug暴露不出来（比如要做样式的测试），如果你的代码只会运...
2020-05-27
微信小程序实现分享朋友圈的图片功能示例
本文实例讲述了微信小程序实现分享朋友圈的图片功能。分享给大家供大家参考，具体如下：由于微信小程序只支持分享给朋友或者群，不支持分享到朋友圈，又有分享到朋友圈这个需求，那就...
2020-05-27
js中的reduce()函数讲解
定义：reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。对空数组是不会执行回调函数的。案例1.数组求和 // 1.数组求和 var arr = [1...
2020-05-27
js根据需要计算数组中重复出现某个元素的个数
一、有时候的根据需要需要计算数组中某个元素重复出现的个数var arr = ["apple","orange","apple","orange","pear","orange"];计算出来重复出现的元素个数：{apple: 2, orang...
2020-05-27
js中数组对象去重的两种方法
方法一：采用对象访问属性的方法，判断属性值是否存在，如果不存在就添加。方法二：采用数组中的reduce方法，遍历数组，也是通过对象访问属性的方法var arr = [{ key: '01', value:...
2020-05-27
微信小程序使用canvas的画图操作示例
本文实例讲述了微信小程序使用canvas的画图操作。分享给大家供大家参考，具体如下：基础写起来太没动力了，也写得乱七八糟的，还是直接解决一些小问题比较方便，代码的方方面面的细节...
2020-05-27
highCharts提示框中显示当前时间的方法
一、项目需求提示框中需要显示当前时间（常规的提示并不能达到这种效果）样式二、知识点highCharts图表tooltip属性中有一个formatter属性formatter: function() {……} 提示框...
2020-05-27
jQuery实现的3D版图片轮播示例【滑动轮播】
本文实例讲述了jQuery实现的3D版图片轮播。分享给大家供大家参考，具体如下：这个是用了3张图，来回滑动，类似一个圆圈（不晓得这个 怎么上动图啊！！！！）图就是这么个图，但是他是可以滑动的（不...
2020-05-27
js数组去重的方法总结
一、普通的方法去重1、简单的去重方法// 最简单数组去重法/** 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法*/function uniq(...
2020-05-27
jQuery实现适用于移动端的跑马灯抽奖特效示例
本文实例讲述了jQuery实现适用于移动端的跑马灯抽奖特效。分享给大家供大家参考，具体如下：图片全部隐私处理跑马灯抽奖特效难点一：奖品位置排放，如下图<div class="gift_div">...
2020-05-27
jquery获取file表单选择文件的路径、名字、大小、类型
一、问题在使用file表单时想知道选择的文件的路径、名字、大小、类型？二、知识点1.input表单会触发change事件2.获取路径 触发这个事件的对象调用val()函数3.文件名 触发...
2020-05-27
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
本文实例讲述了jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法。分享给大家供大家参考，具体如下：项目描述：九宫格的跑马灯抽奖特效，抽中奖品1-9的概率分别是2%，2%，4%，1%，1...
2020-05-27
js取小数点后两位四种方法
Javascript取float型小数点后两位，例22.123456取成22.12,如何做？1.通过substring截取。function getnum(){var num = 22.123456;var result = num.substring(0,s.indexOf(".")...
2020-05-27
Vue核心概念Action的总结
Action 类似于mutation，不同在于：- Action 提交的是mutation，而不是直接变更状态。- Action 可以包含任意异步操作。Action 函数接受一个与 store 实例具有相同方法和属性的 co...
2020-05-27
JavaScript数据结构之栈实例用法
栈
先来看一道题
Leetcode 32 Longest Valid Parentheses (最长有效括号)给定一个只包含 '(' 和 ')' 的字符串，找出最长的包含有效括号的子串的长度。示例 1:输入: "(()"
输...
2020-05-27
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)...
2020-05-27
Vue核心概念Getter的使用方法
有时候我们需要从store中的state中派生出一些状态。如果有多个组件需要用到此属性，我们要么复制这个函数，或者抽取到一个共享函数然后在多处导入它——无论哪种方式都不是很理...
2020-05-27
为什么要使用Vuex的介绍
单向数据流以下是一个表示“单向数据流”理念的极简示意：但是，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏： - 多个视图依赖于同一状态。 - 来自不同...
2020-05-27
Vuex中的State使用介绍
现在在上一篇为什么要使用Vuex的介绍理解基础上使用Vuex中的State，一个正面例子来证实，同时也介绍一下Vue核心概念State。Vuex 使用单一状态树——是的，用一个对象就包含了全部...
2020-05-27
JavaScript实现与使用发布/订阅模式详解
本文实例讲述了JavaScript实现与使用发布/订阅模式。分享给大家供大家参考，具体如下：一、发布/订阅模式简介发布/订阅模式（即观察者模式）： 设计该模式背后的主要动力是促进形成松...
2020-05-27
js的各种数据类型判断的介绍
1.typeoftypeof 用来判断各种数据类型,有两种写法：typeof xxx ， typeof(xxx)例如：typeof 2 输出 number typeof null 输出 object typeof {} 输出 object typeof [] 输出 objec...
2020-05-27
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
数组的扁平化：将多维数组变成一维数组对于一个像这样的嵌套数组：a=[1,[2,[3,4]],5,6]我们想要把它变成一个一维数组，有下面几种方法：方法一：递归一function parseArr(arr,res){...
2020-05-27
15分钟深入了解JS继承分类、原理与用法
本文全面讲述了JS继承分类、原理与用法。分享给大家供大家参考，具体如下：许多 OO 语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的...
2020-05-27
