JavaScript - 教程之家

95浏览

0评论

详解微信小程序之scroll-view的flex布局问题

关于微信小程序的scroll-view组件，第一次写的时候是直接在scroll-view中用了一层容器包裹子元素，然后用了flex布局，并且是用了组件来实现的横向滚动，后面有提出改进，但是不记录下...

2020-05-27

56浏览

0评论

jQuery实现的点击图片居中放大缩小功能示例

本文实例讲述了jQuery实现的点击图片居中放大缩小功能。分享给大家供大家参考，具体如下：该功能是基于jquery实现的，所以第一步则是引入jqueryjquery下载地址：https://jquery.com...

2020-05-27

69浏览

0评论

深入koa-bodyparser原理解析

一、前置知识
在理解koa-bodyparser原理之前，首先需要了解部分HTTP相关的知识。1、报文主体
HTTP报文主要分为请求报文和响应报文，koa-bodyparser主要针对请求报文的处理。请...

2020-05-27

80浏览

0评论

vue element动态渲染、移除表单并添加验证的实现

又接到新需求了吧~~背景
在一个大表单里，有可能会出现这种需求，用户可以自己操作动态添加、移除表单，更加个性化的效果。常见于填写个人信息、附加内容的表单例如：“工作经历”...

2020-05-27

53浏览

0评论

vue-cli中vue本地实现跨域调试接口

使用vue的同学们大都是基于vue-cli来搭建项目的，vue-cli中的配置全面强大。// 常用的命令npm run dev // 本地热更新模式npm run build //生产模式会在根目录下打包出一个di...

2020-05-27

53浏览

0评论

JavaScript设计模式之代理模式实例分析

本文实例讲述了JavaScript设计模式之代理模式。分享给大家供大家参考，具体如下：代理模式的定义，代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同...

2020-05-27

53浏览

0评论

JavaScript设计模式之责任链模式实例分析

本文实例讲述了JavaScript设计模式之责任链模式。分享给大家供大家参考，具体如下：介绍责任链模式（Chain of responsibility）是使多个对象都有机会处理请求，从而避免请求的发送者...

2020-05-27

59浏览

0评论

js删除数组中某几项的方法总结

1:js中的splice方法splice(index,len,[item]) 注释：该方法会改变原始数组。splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值index:数组开始下标 len: 替换...

2020-05-27

76浏览

0评论

JavaScript设计模式之命令模式实例分析

本文实例讲述了JavaScript设计模式之命令模式。分享给大家供大家参考，具体如下：第一，命令模式：（1）用于消除调用者和接收者之间直接的耦合的模式，并且可以对(调用这个过程进行留痕操...

2020-05-27

57浏览

0评论

JavaScript设计模式之观察者模式实例详解

本文实例讲述了JavaScript设计模式之观察者模式。分享给大家供大家参考，具体如下：观察者模式观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观...

2020-05-27

52浏览

0评论

js中int和string数据类型互相转化实例

在javascript里怎么样才能把int型转换成string型
(1)
var x=100 a = x.toString() (2)
var x=100; a = x +""; //JS会自动隐性转换 javascript 将string 变成...

2020-05-27

45浏览

0评论

jquery获取img的src值实例介绍

简简单单的一句话，如下：<img id="img" src="1.jpg" alt="test" /> 引用的jquery如下：<script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"></s...

2020-05-27

77浏览

0评论

NVM安装nodejs的方法实用步骤

安装nodejs方式有很多种。第一种：官网下载
通过nodejs官网下载安装，但有个缺陷，不同版本的nodejs无法顺利的切换。第二种: NVM安装
NVM可以帮助我们快速切换 node版本。但是安...

2020-05-27

54浏览

0评论

vuex页面刷新后数据丢失的方法

1. 原因
（1）js代码是运行在内存中的，代码运行时的所有变量、函数都是保存在内存中。
（2）刷新页面，以前申请的内存被释放，重新加载脚本代码，变量要重新赋值。
（3）要想刷新后数据不丢失...

2020-05-27

53浏览

0评论

JavaScript设计模式之享元模式实例详解

本文实例讲述了JavaScript设计模式之享元模式。分享给大家供大家参考，具体如下：通过两个例子的对比来凸显享元模式的特点：享元模式是一个为了提高性能(空间复杂度)的设计模式，享...

2020-05-27

48浏览

0评论

npm 常用命令详解(小结)

今年上半年在学习gulp的使用，对npm的掌握是必不可少的，经常到npm官网查询文档让我感到不爽，还不如整理了一些常用的命令到自己博客上，于是根据自己的理解简单翻译过来，终于有点输...

2020-05-27

58浏览

0评论

JavaScript设计模式之装饰者模式实例详解

本文实例讲述了JavaScript设计模式之装饰者模式。分享给大家供大家参考，具体如下：这里我们通过需求逐渐引出装饰者模式。下面是一个关于几代汽车的不同逐渐体现装饰者模式的。...

2020-05-27

83浏览

0评论

如何能分清npm cnpm npx nvm

用过 npm cnpm吗？知道 npx nvm 吗？唔~npm
npm 的全称是 Node Package Manager 是 JavaScript 世界的包管理工具，并且是 Node.js 平台的默认包管理工具，在安装的 nodejs 的时候，np...

2020-05-27

49浏览

0评论

JavaScript之实现一个简单的Vue示例

vue的使用相信大家都很熟练了，使用起来简单。但是大部分人不知道其内部的原理是怎么样的，今天我们就来一起实现一个简单的vueObject.defineProperty()实现之前我们得先看一下O...

2020-05-27

63浏览

0评论

nvm、nrm、npm 安装和使用详解(小结)

一、nvm的安装和使用
nvm全称Node Version Manager是 Nodejs 版本管理器，它让我们能方便的对 Nodejs 的版本进行切换。 nvm 的官方版本只支持 Linux 和 Mac。 Windows 用户，...

2020-05-27

58浏览

0评论

微信小程序使用wxParse解析html的方法示例

本文实例讲述了微信小程序使用wxParse解析html的方法。分享给大家供大家参考，具体如下：首先去 https://github.com/icindy/wxParse 下载wxParse，只拷贝wxParse文件夹即可。或者...

2020-05-27

78浏览

0评论

JS使用Prim算法和Kruskal算法实现最小生成树

之前都是看书，大部分也是c++的实现，但是搞前端不能忘了JS啊，所以JS实现一遍这两个经典的最小生成树算法。一、权重图和最小生成树
权重图：图的边带权重最小生成树：在连通图的所有...

2020-05-27

64浏览

0评论

使用nvm和nrm优化node.js工作流的方法

对于一个 Web 开发从业人员的电脑，node.js 和它的 npm 包管理工具那是少不了的，但是 node.js 的更新速度是非常快的，而生产环境一般选择使用 LTS（Long-term Support）版本，如何高效...

2020-05-27

46浏览

0评论

vue权限管理系统的实现代码

后台管理系统一般都会有权限模块，用来控制用户能访问哪些页面和哪些数据接口。大多数管理系统的页面都长这样。左边为菜单，分为两级，右边为图表显示区域，有增删改查的按钮。表的...

2020-05-27

64浏览

0评论

JavaScript简单实现的仿微博留言功能示例

本文实例讲述了JavaScript简单实现的仿微博留言功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微博留言</ti...

2020-05-27

65浏览

0评论

JS使用Dijkstra算法求解最短路径

一、Dijkstra算法的思路Dijkstra算法是针对单源点求最短路径的算法。其主要思路如下：1. 将顶点分为两部分：已经知道当前最短路径的顶点集合Q和无法到达顶点集合R。2. 定义一个...

2020-05-27

57浏览

0评论

JS实现深度优先搜索求解两点间最短路径

本文实例为大家分享了JS实现深度优先搜索求解两点间最短路径的具体代码，供大家参考，具体内容如下
效果：
找出图里点到点最短路径，并打印轨迹图片如下所示：
代码：const map = [ [...

2020-05-27

74浏览

0评论

node app 打包工具pkg的具体使用

node 打包可执行文件的工具有很多。node-packer 是国人写的，但一年前就停止更新了。而 nexe 一到fetching prebuilt binary 就报错，放弃了，最终选择了 pkg。这个项目很神奇，直接...

2020-05-27

60浏览

0评论

vuex如何重置所有state(可定制)

在正式场景中我们经常遇到一个问题，就是登出页面或其他操作的时候，我们需要重置所有的vuex，让其变为初始状态，
那么，就涉及到了多种方法：
1、页面刷新：window.location.reload()这...

2020-05-27

65浏览

0评论

js中Array对象的常用遍历方法详解

1.forEach(),遍历数组的每个元素 let arrFor = ['muzi','digbig','muzidigbig','lucky'] //forEach(),遍历数组的每个元素 arrFor.forEach((item,index) => { console...

2020-05-27

64浏览

0评论

vue项目打包之后背景样式丢失的解决方案

原始build/untils.js原因：至于为什么背景图有的打包后存在，有的丢失，那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了，直接引，而背景图片里用的是相对路径最后会直...

2020-05-27

64浏览

0评论

vue中$nextTick的用法讲解

vue是非常流行的框架，他结合了angular和react的优点，从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时，我们经常用到一个方法...

2020-05-27

304浏览

0评论

js中null与空字符串""的区别讲解

String str=null这句话的意思就是定义一个字符串，变量str，字符串的内容为空值。String str=“”定义一个String类型的变量str，并为其赋值。1、类型null表示的是一个对象的值，而...

2020-05-27

60浏览

0评论

js中怎么判断两个字符串相等的实例

在javascript判断两个变量值是否相等，可以使用 ==（等同）操作符或者 ===（恒等）操作符
== 操作符
“等同”操作符，简单判断2个变量值是否相等，变量类型不一致时，会做类型转换，即忽略变...

2020-05-27

89浏览

0评论

js中call()和apply()改变指针问题的讲解

1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。（天生的）2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，...

2020-05-27

80浏览

0评论

Jquery获取radio选中值实例总结

Radio 1.获取选中值，三种方法都可以：
$('input:radio:checked').val()；$("input[type='radio']:checked").val();$("input[name='rd']:checked").val();
2.设置第一个Radio为选...

2020-05-27

66浏览

0评论

详解VUE单页应用骨架屏方案

什么是骨架屏？简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏...

2020-05-27

73浏览

0评论

vue 项目接口管理的实现

在vue开发中，会涉及到很多接口的处理，当项目足够大时，就需要定义规范统一的接口，如何定义呢？方法可能不只一种，本文使用axios+async/await进行接口的统一管理本文使用vue-cli生成...

2020-05-27

51浏览

0评论

React性能优化系列之减少props改变的实现方法

React性能优化的一个核心点就是减少render的次数。如果你的组件没有做过特殊的处理（SCU -- shouldComponentUpdate或使用PureComponent），那每次父组件render时，子组件就会跟着一...

2020-05-27

77浏览

0评论

JQuery判断radio单选框是否选中并获取值的方法

一、设置选中方法代码如下:$("input[name='名字']").get(0).checked=true; $("input[name='名字']").attr('checked','true');$("input[name='名字']:eq(0)").attr("checked...

2020-05-27

47浏览

0评论

jQuery无冲突模式详解

解决冲突的方法：在jQuery中解决冲突的方法是noConflict（）方法，这个方法将$标识符的控制权返回给其他JavaScript库如以下示例中的jQuery代码将在将jQuery加载到页面后立即将其置...

2020-05-27

60浏览

0评论

vue.js的双向数据绑定Object.defineProperty方法的神奇之处

vue.js 2.0版的双向数据绑定就是通过Object.defineProperty方法实现的，俗称属性拦截器。这么说吧，vue.js是通过它实现双向绑定的。俗称属性拦截器。而且专门用来监控对象属性...

2020-05-27

66浏览

0评论

js实现图片放大并跟随鼠标移动特效

图片跟随鼠标移动并放大js特效，供大家参考，具体内容如下
很多网站有类似于淘宝放大镜的效果，只不过这里说的是 “ 不仅能直接放大，而且会跟随鼠标移动 ” ！
类似于“ DEDECMS ”...

2020-05-27

69浏览

0评论

jquery层次选择器的介绍

jquery层次选择器jquery层次选择器，包括空格、>、next、+、nextAll、~、siblings、prev()、prevAll()等函数或表达式。1、空格表示获取所有子孙后代元素2、 >表示获取一级子...

2020-05-27

185浏览

0评论

使用form-create动态生成vue自定义组件和嵌套表单组件

使用form-create动态生成vue自定义组件和嵌套表单组件[github]| [说明文档]maker.create通过建立一个虚拟 DOM的方式生成自定义组件生成Makerlet rule = [ formCreate.maker...

2020-05-27

70浏览

0评论

jquery的$().each和$.each的区别

$(selector).each(function(index,element))这个函数和之前项目里面用到的遍历数据的函数不是同一个呀（项目里面用到的函数：$.each(dataresource,function(index,element))），...

2020-05-27

59浏览

0评论

JS实现的贪吃蛇游戏完整实例

本文实例讲述了JS实现的贪吃蛇游戏。分享给大家供大家参考，具体如下：思想：1、设计蛇：属性有宽、高、方向、状态（有多少节），方法：显示，跑2、设计食物：属性宽、高3、显示蛇：根据状态向地...

2020-05-27

156浏览

0评论

vue ssr 实现方式(学习笔记)

为什么要写本文呢，话说现在vue-ssr 官网上对 vue 服务端渲染的介绍已经很全面了，包括各种服务端渲染框架比如 Nuxt.js 、集成 Koa 和vue-server-renderer 的 node.js 框架 eg...

2020-05-27

68浏览

0评论

vue.js实现的幻灯片功能示例

本文实例讲述了vue.js实现的幻灯片功能。分享给大家供大家参考，具体如下：1、在父组件中<slide-show :slides="slides"></slide-show>import SlideShow from '@/components/Sli...

2020-05-27

52浏览

0评论

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

热门文章