JavaScript - 教程之家

39浏览

0评论

vue中关闭eslint的方法分析

如图，注释掉该行，然后重新运行 npm run dev撤销上步操作，将配置文件中的true改为false。下图是更改后的结果。更改了配置文件后，需要运行npm run dev...

2020-05-27

51浏览

0评论

详解Require.js与Sea.js的区别

Require.js与Sea.js的区别相同之处RequireJS 和 Sea.js 都是模块加载器，倡导模块化开发理念，核心价值是让 JavaScript 的模块化开发变得简单自然。不同之处两者的主要区别如下...

2020-05-27

55浏览

0评论

使用D3.js+Vue实现一个简单的柱形图

最近想在Vue的项目里尝试使用d3.js，封装一些常用的图表。这里记录一下自己搭建项目的过程，以及实现一个简单的柱形图。不了解D3的请移步D3 Data-Driven Documents，它是基于数据...

2020-05-27

40浏览

0评论

vue实现简单的MVVM框架

不知不觉接触前端的时间已经过去半年了，越来越发觉对知识的学习不应该只停留在会用的层面，这在我学jQuery的一段时间后便有这样的体会。虽然jQuery只是一个JS的代码库，只要会一...

2020-05-27

39浏览

0评论

通过函数作用域和块级作用域看javascript的作用域链

在ES6之前，javascript只有全局作用域和函数作用域。所谓作用域就是一个变量定义并能够被访问到的范围。也就是说如果一个变量定义在全局（window）上，那么在任何地方都能访问到这...

2020-05-27

43浏览

0评论

js数据类型检测总结

在js中，有四种用于检测数据类型的方式，分别是： typeof　　用来检测数据类型的运算符 instanceof 　　检测一个实例是否属于某个类 constructor　　构造函数 Object.proto...

2020-05-27

37浏览

0评论

深入理解JavaScript的async/await

async 和 await 在干什么
任意一个名称都是有意义的，先从字面意思来理解。async 是“异步”的简写，而 await 的意思是等待。所以应该很好理解 async 用于申明一个 function 是...

2020-05-27

66浏览

0评论

dts文件中删除一个node或属性的操作方法

1、删除Node删除节点的语法如下： /delete-node/ 节点名；以一个例子介绍如何删除设备节点。
注意：
（1）/delete-node/与节点名之间有空格。
（2）如果节点中有地址信息，节点名后也需要加...

2020-05-27

77浏览

0评论

vue+element-ui集成随机验证码+用户名+密码的form表单验证功能

在登入页面，我们往往需要通过输入验证码才能进行登入，那我们下面就详讲一下在vue项目中如何配合element-ui实现这个功能第一步：自定义一个生产随机验证码的组件，其本质是使用ca...

2020-05-27

48浏览

0评论

vue-content-loader内容加载器的使用方法

当我们开发网站或者APP时，遇到内容过多加载速度慢时，会导致用户打开页面有大量空白页，vue-content-loader正是解决这个问题的一个组件，使加载内容之前生成一个dom模板，提高用户体...

2020-05-27

53浏览

0评论

iconfont的三种使用方式详解

在我们项目中经常要使用到iconfont，在此我们使用阿里巴巴矢量库提供的icon图标，此图标库足够为我们提供大量的图标，我们首先需要的事在阿里巴巴矢量图标库新建一个自己的账号，并...

2020-05-27

72浏览

0评论

animate.css在vue项目中的使用教程

在vue项目中使用动画其实有多种方式，可以使用vue中的过渡transition，可以使用animate动画与transition配合使用，也可以单独使用animate动画库（详情可见vue官网-过渡：过渡），下面我们...

2020-05-27

30浏览

0评论

在 Angular6 中使用 HTTP 请求服务端数据的步骤详解

第一步准备好api接口地址，例如 https://api.example.com/api/第二步在根组件 app.components.ts 中引入 HttpClientModule 模块。// app.components.tsimport {HttpClientMo...

2020-05-27

49浏览

0评论

原生JS实现的轮播图功能详解

本文实例讲述了原生JS实现的轮播图功能。分享给大家供大家参考，具体如下：一、效果预览：由于只能上传2M以下的图片，这里只截取了自动切换的效果：二、编写语言HTML、CSS、原生JS三...

2020-05-27

36浏览

0评论

ES6 中可以提升幸福度的小功能

一、变量解构赋值的用途1）交换变量的值let x = 1;let y = 2;[x, y] = [y, x]2）从函数返回多个值// 返回一个数组function example(){ return [1, 2, 4];}let [a, b, c] = exa...

2020-05-27

304浏览

0评论

JavaScript选择排序算法原理与实现方法示例

本文实例讲述了JavaScript选择排序算法原理与实现方法。分享给大家供大家参考，具体如下：一、选择排序简介冒泡排序、插入排序、选择排序合称为简单排序。下面是选择排序的思...

2020-05-27

51浏览

0评论

ES6 系列之 WeakMap的使用示例

前言
我们先从 WeakMap 的特性说起，然后聊聊 WeakMap 的一些应用场景。特性
1. WeakMap 只接受对象作为键名
const map = new WeakMap();map.set(1, 2);// TypeError: Invali...

2020-05-27

67浏览

0评论

微信小程序之多列表的显示和隐藏功能【附源码】

今天在项目碰到一个问题，之前在项目首页实现单列表的显示和隐藏，通过wx:if判断就可实现，现在要实现多列表的单项显示和隐藏功能应该如何实现呢？如果还用wx:if实现的话会出现点击...

2020-05-27

56浏览

0评论

JavaScript插入排序算法原理与实现方法示例

本文实例讲述了JavaScript插入排序算法原理与实现方法。分享给大家供大家参考，具体如下：一、插入排序简介：想象我们斗地主，摸排阶段，手里的牌都按照从小到大排序。如果每摸一张牌...

2020-05-27

45浏览

0评论

JavaScript折半查找（二分查找）算法原理与实现方法示例

本文实例讲述了JavaScript折半查找（二分查找）算法原理与实现方法。分享给大家供大家参考，具体如下：一、问题描述：在一个升序数组中，使用折半查找得到要查询的值的索引位置。如：var...

2020-05-27

48浏览

0评论

详解小程序原生使用ES7 async/await语法

小程序原生使用ES7 async / await 语法
小程序开发工具-详情-开启ES6转ES5
下载 regenerator 库 https://github.com/facebook/regenerator
将库中packages文件夹下 regener...

2020-05-27

47浏览

0评论

使用js实现将后台传入的json数据放在前台显示

如下所示：{"idCardAddress":"123","idCardNumber":"345","eRegAddress":"456"}后台传过来的数据是这样的，前台无法通过el表达式直接获取，通过jsvar fingerprint =${obj.data.fi...

2020-05-27

48浏览

0评论

json数据传到前台并解析展示成列表的方法

因为某些原因，项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面，网上找了半天都没有看到现成的，决定自己写个例子1、HTML页面<!doctype html><html><he...

2020-05-27

36浏览

0评论

react-native使用leanclound消息推送的方法

iOS消息推送的基本流程1.注册：为应用程序申请消息推送服务。此时你的设备会向APNs服务器发送注册请求。2. APNs服务器接受请求，并将deviceToken返给你设备上的应用程序 3.客户...

2020-05-27

35浏览

0评论

bootstrap 路径导航分页进度条的实例代码

路径导航<ol class="breadcrumb"> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external no...

2020-05-27

40浏览

0评论

json字符串传到前台input的方法

JSONObject把对象转换成的json字符串，无法直接通过request.setAttribute();传到页面的input标签如下是错误的：request.setAttribute(“pageInfoJsonStr”, JSONObject.fromObj...

2020-05-27

49浏览

0评论

微信小程序网络封装(简单高效)

废话引言
小程序虽然出世很久了，但一直没怎么接触到小程序开发。吉他兴趣班老师想弄一个小程序发布课程信息和打卡功能，作为IT一员就自愿加入了这个小程序开发小组中。虽然小...

2020-05-27

88浏览

0评论

JS解析后台返回的JSON格式数据实例

ajax中若没有定义dataType : "json"，需要eval("("+data+")")将后台传回的数据转化为JSON格式，否则不需要转换。遍历json中的array方法：$.eachjquery.eachfor (var i in array)...

2020-05-27

60浏览

0评论

js实现图片上传并预览功能

本文为大家分享了js实现图片上传并预览的具体代码，供大家参考，具体内容如下思路：完成这个功能，首先需要美化上传图片的按钮，然后添加一个<img/>标签，在图片上传之后，用新图片的src...

2020-05-27

51浏览

0评论

JS插件clipboard.js实现一键复制粘贴功能

一键复制粘贴功能需要用到一个轻量级的JS插件：clipboard.js。官网地址下载到本地后，将其放入项目中，直接引用即可。具体实现代码如下：<!DOCTYPE html><html> <head> <meta char...

2020-05-27

43浏览

0评论

JS实现图片上传多次上传同一张不生效的处理方法

在做图片上传的功能时, 使用删除功能删除了一张图片, 然后想重新上传原来删除的图片, 结果预览不显示, 也不能上传成功解决办法, 在删除方法里置空input$("#id").find('inpu...

2020-05-27

42浏览

0评论

JS实现中英文混合文字溢出友好截取功能

在显示字符串的时候，避免字符串过长往往会对字符串进行截取操作，通常会用到js的 substr 或者 substring方法, 以及字符串的length属性substr() 方法可在字符串中抽取从 start...

2020-05-27

50浏览

0评论

springMvc 前端用json的方式向后台传递对象数组方法

如下所示：JSPvar vipFee= new Array;//遍历选中的对象$("#feeList :checkbox:checked").each(function(i){ vipFee.push({"enterpriseSeq":$(this).attr("enterpriseSeq"),"m...

2020-05-27

49浏览

0评论

深入浅析var,let,const的异同点

一、let和var区别1.关于变量提升,var能变量提升，let不能
// 关于var 如下所示console.log(a); //输出undefined，此时就是变量提升var a = 2; console.log(a); //2//相当于下...

2020-05-27

37浏览

0评论

JavaScript设计模式之缓存代理模式原理与简单用法示例

本文实例讲述了JavaScript设计模式之缓存代理模式原理与简单用法。分享给大家供大家参考，具体如下：一、原理：缓存代理可以为一些开销大的运算结果提供暂时的存储，在下次运算时，如...

2020-05-27

71浏览

0评论

opencv 识别微信登录验证滑动块位置

目标识别微信登录新账号，需要拖动滑块验证时，目标块相对于图片的位置前提相关信息: 滑块与目标位置的距离是随机的，且在一定范围内，设其最大最小值为[min, max] 滑块滑到距离...

2020-05-27

39浏览

0评论

JavaScript设计模式之模板方法模式原理与用法示例

本文实例讲述了JavaScript设计模式之模板方法模式原理与用法。分享给大家供大家参考，具体如下：一、模板方法模式：一种只需使用继承就可以实现的非常简单的模式。二、模板方法模...

2020-05-27

29浏览

0评论

JavaScript使用享元模式实现文件上传优化操作示例

本文实例讲述了JavaScript使用享元模式实现文件上传优化操作。分享给大家供大家参考，具体如下：一、享元模式是一种用于性能优化的模式，主要优化方式为，若系统中因为创建了大量类...

2020-05-27

50浏览

0评论

JavaScript设计模式之职责链模式应用示例

本文实例讲述了JavaScript设计模式之职责链模式。分享给大家供大家参考，具体如下：一、职责链的定义：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将...

2020-05-27

48浏览

0评论

React-router4路由监听的实现

React-router 4
React Router4是一个纯React重写的包，现在的版本中已不需要路由配置，一切皆组件。
问题出发点
最近在一个新的H5项目中使用了react router 4 ("react-router-d...

2020-05-27

147浏览

0评论

Nuxt配合Node在实际生产中的应用详解

上个星期，甲方说要在应用上做一个促活活动（其实就是让用户领OFO的骑车券），考虑到之前在我另一个应用上已经做过客户端token验证，想想，撸起袖子直接在之前的Node上开搞吧。Nuxt这个...

2020-05-27

56浏览

0评论

解决vue 中 echart 在子组件中只显示一次的问题

问题描述一次项目开发过程中，需要做一些图表，用的是百度开源的 echarts。 vue推荐组件化开发，所以就把每个图表封装成子组件，然后在需要用到该图表的父组件中直接使用。实际开发...

2020-05-27

79浏览

0评论

详解Nuxt.js部署及踩过的坑

Nuxt.js 提供了两种发布部署应用的方式：服务端渲染应用部署和静态应用部署。静态应用部署就不说了，主要说说服务端渲染应用部署。官方推荐部署方式
关于服务端渲染应用部署，...

2020-05-27

61浏览

0评论

echarts实现地图定时切换散点与多图表级联联动详解

1. 摘要
最近做项目遇到个统计相关需求，一个页面中大概四个或更多图形统计，百度地图、饼图、柱状图、线型图。百度地图上显示所有店面在全国各地大概位置，目前暂定每省一个，在...

2020-05-27

32浏览

0评论

使用Nuxt.js改造已有项目的方法

前言如果我们需要对现有的vue项目进行ssr改造，使用nuxt.js是一个不错的选择。这里用作例子的“现有项目”是一个“高仿”饿了么外卖APP的spa。不过我没有把全部功能开发出来（...

2020-05-27

32浏览

0评论

解决koa2 ctx.render is not a function报错问题

最近在学习使用koa2，在尝试用koa2复写之前用express写的一个入口文件的时候发现命令行报错ctx.render is not a function

项目路径如下

app.js是之前用express写的入口...

2020-05-27

28浏览

0评论

详解vue axios用post提交的数据格式

vue框架推荐使用axios来发送ajax请求，之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求，现在我自己搭博客时使用了post方法，结果发现后台（nod...

2020-05-27

54浏览

0评论

微信小程序methods中定义的方法互相调用的实例代码

当调用test2时：
methods = { test(age){ console.log('test', age); }, test2(){ console.log(this.methods); this.methods.test('222'); con...

2020-05-27

30浏览

0评论

React styled-components设置组件属性的方法

问题最近在试着用react做一个音乐播放器，在这之前其实并不了解styled-components，但由于使用css in js并且想实现hover效果，百度各种解决方案后发现了styled-components这个好...

2020-05-27

46浏览

0评论

详解如何在vue-cli中使用vuex

前言众所周知，vuex 是一个专为 vue.js 应用程序开发的状态管理模式，在构建一个中大型单页应用中使用vuex可以帮助我们更好地在组件外部管理状态。而vue-cli是vue的官方脚手架，...

2020-05-27

热门文章