JavaScript - 教程之家

104浏览

0评论

浅析Vue 和微信小程序的区别、比较

写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。一、生命周期先贴两张图：vue生命周期小程序生命周期相比之下，小程序的钩子函数要简单得多。vu...

2020-05-27

144浏览

0评论

浅析vue-router jquery和params传参(接收参数)$router $route的区别

今天做项目时踩到了vue-router传参的坑（jquery和params），所以决定总结一下二者的区别。1.jquery方式传参和接收参数传参:this.$router.push({ path:'/xxx' query:{ id:id...

2020-05-27

73浏览

0评论

小程序tab页无法传递参数的方法

微信小程序tab页面不能传参解决方案:
1.设置全局变量,通过全局变量访问
2.小程序本地存储小程序不支持tab页面传递queryString参数,无论是navigator,还是通过api跳转
遇到的...

2020-05-27

91浏览

0评论

使用JS代码实现俄罗斯方块游戏

简单的JS俄罗斯方块游戏源码，先给大家展示下效果图，如果大家感觉不错，请参考实现代码，效果图：代码如下，复制即可使用：<!DOCTYPE html><html><head><meta charset="utf-8"><title...

2020-05-27

72浏览

0评论

webpack4 + react 搭建多页面应用示例

webpack 升级到4之后还没好好的同步一个可实用的webpack架子，接下来用webpack4来搭建一个简单的react的多界面应用，废话不说直接撸码
创建工程
$ mkdir demo && cd demo$ npm...

2020-05-27

80浏览

0评论

关于js对textarea换行符的处理方法浅析

前言
本文很简单，就是记录一下js对textarea换行符的处理。调试
随便写一个textarea<textarea name="" id="textareaid" cols="30" rows="10"></textarea>整个调试如下图：发现：...

2020-05-27

85浏览

0评论

JavaScript捕捉事件和阻止冒泡事件实例分析

本文实例讲述了JavaScript捕捉事件和阻止冒泡事件。分享给大家供大家参考，具体如下：今日，项目程序出现异常，后发现跟冒泡事件有关，利用此机会探索一下利用Javascript捕获和冒泡事...

2020-05-27

68浏览

0评论

JavaScript中call和apply方法的区别实例分析

本文实例分析了JavaScript中call和apply方法的区别。分享给大家供大家参考，具体如下：这两个方法不经常用，但是在某些特殊场合中是非常有用的，下面主要说下它们的区别：1、首先，Java...

2020-05-27

146浏览

0评论

mpvue小程序仿qq左滑置顶删除组件

背景：前几天，公司的一个小程序项目开发的时候，遇到了一点点问题。设计师这狗币要让我在小程序上实现类似QQ左滑置顶删除的操作，心里mmp，我就是一个刚来公司三天的小小前端实习生...

QQ

2020-05-27

47浏览

0评论

JavaScript高级函数应用之分时函数实例分析

本文实例讲述了JavaScript高级函数应用之分时函数。分享给大家供大家参考，具体如下：一、前提介绍：某些函数是用户主动调用的，但因为一些客观的原因，这些函数会严重影响页面的性能...

2020-05-27

86浏览

0评论

mpvue跳转页面及注意事项

下面先给大家介绍下mpvue跳转页面，具体内容如下所示：正准备写一个小程序，得知了mpvue开源的消息，又恰巧之前刚刚学习了一点vue，便开始了我的mpvue学习之路。第一步就是配置环境之...

2020-05-27

68浏览

0评论

解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题

前言最近博主正在用微信小程序开发一款网上商城系统。恰好赶上了美团开源的小程序开发框架mpvue。该框架继承了vue.js的特性，用起来还是蛮爽的。然后在开发中，数据仓库这块懵...

2020-05-27

71浏览

0评论

微信小程序实现收藏与取消收藏切换图片功能

wxml界面使用image标签<image wx:if="{{collected}}" catchtap='onCollectionTap' src='/images/icon/collection.png'></image> <image wx:else src='/images/icon/colle...

2020-05-27

64浏览

0评论

webpack4.x开发环境配置详解

本文实例讲述了webpack4.x开发环境配置方法。分享给大家供大家参考，具体如下：写这篇文章的初衷在于，虽然网络上关于webpack的教程不少，但是大多已经过时，由于webpack版本更新后许...

2020-05-27

66浏览

0评论

JavaScript中变量、指针和引用功能与操作示例

本文实例讲述了JavaScript中变量、指针和引用功能与操作。分享给大家供大家参考，具体如下：1、变量我们可能产生这样一个疑问：编程语言中的变量到底是什么意思呢？事实上，当我们定...

2020-05-27

64浏览

0评论

JavaScript原型对象、构造函数和实例对象功能与用法详解

本文实例讲述了JavaScript原型对象、构造函数和实例对象功能与用法。分享给大家供大家参考，具体如下：大家都知道，javascript中其实并没有类的概念。但是，用构造函数跟原型对象却...

2020-05-27

63浏览

0评论

详解Vue取消eslint语法限制

由于vue对语法的限制过于严格，以至于在我第一次编译运行的时候一直编译失败，当然也包括一些警告：➜ my-project npm run dev > bblee-app@1.0.0 dev /Users/bianlifeng/...

2020-05-27

45浏览

0评论

vue中关闭eslint的方法分析

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

49浏览

0评论

vue实现简单的MVVM框架

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

53浏览

0评论

js数据类型检测总结

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

2020-05-27

50浏览

0评论

深入理解JavaScript的async/await

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

59浏览

0评论

iconfont的三种使用方式详解

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

39浏览

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

322浏览

0评论

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

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

2020-05-27

60浏览

0评论

ES6 系列之 WeakMap的使用示例

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

46浏览

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

56浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

100浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

热门文章