JavaScript - 教程之家

65浏览

0评论

vue树形结构获取键值的方法示例

本文介绍了vue树形结构获取键值的方法示例，分享给大家，具体如下：把键值文件放入引入控件import { getTypeValue } from '@/api/dict/dictValue/index';点击搜索，打开弹窗<el-for...

2020-05-27

78浏览

0评论

在vue2.0中引用element-ui组件库的方法

在vue2.0中引用element-ui组件库element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。官网： http://element.eleme.io/安装npm i element-ui -S引用完整的eleme...

2020-05-27

72浏览

0评论

nodejs实现套接字服务功能详解

本文实例讲述了nodejs实现套接字服务功能。分享给大家供大家参考，具体如下：一、什么是套接字1. 套接字允许一个进程他通过一个IP地址和端口与另一个进程通信，当你实现对运行在...

2020-05-27

98浏览

0评论

MVVM 双向绑定的实现代码

这篇文章主要记录学习 JS 双向绑定过程中的一些概念与具体的实现MVVM 具体概念
MVVM 中有一些概念是通用的，具体如下Directive （指令）
自定义的执行函数，例如 Vue 中的 v-click...

2020-05-27

51浏览

0评论

JavaScript 下载svg图片为png格式

1.遇到需要将svg下载的需求，网上找了一些代码，地址是这个https://github.com/exupero/saveSvgAsPng，但是不太好用，莫名的把网页所有的svg都下载了，于是在源码的基础上做了一些小...

2020-05-27

131浏览

0评论

QQ跳转支付宝并自动领红包脚本（最新）

前言大半夜的有个哥们缠着我帮他写的（还硬塞300块给我）
丢给我一个别人的可用的demo给我，我研究一下就搞出来了，下面话不多说了，来一起看看详细的介绍吧。代码：
alipay.html<html...

QQ

2020-05-27

75浏览

0评论

vue中使用element-ui进行表单验证的实例代码

element-ui 中验证一、简单逻辑验证（直接使用rules）实现思路•html中给el-form增加 :rules="rules"
•html中在el-form-item 中增加属性 prop="名称"•js中直...

2020-05-27

97浏览

0评论

vue实现点击当前标签高亮效果【推荐】

实现点击按钮使当前按钮高亮，其他按钮复原的效果实现思路•在data中定义即将渲染的数据，及activedata() { return { wpList: [ { name: '食品饮料' }, {...

2020-05-27

84浏览

0评论

JS获取指定月份的天数两种实现方法

最近看到一个有意思的试题，正好在需求中也碰到类似的问题，即计算某个月的天数问题。碰到类似问题也许大部分会想是不是还要判断闰年、平年，如果这样想的话就复杂了，下面给出具体...

2020-05-27

75浏览

0评论

JS实现关键词高亮显示正则匹配

html 和ajax 部分就不写了，只需将需要匹配的文字传进去就可以了比如匹配后台传回的字符串data.content中的关键词：直接调用：data.content = highLightKeywords(data.content,k...

2020-05-27

66浏览

0评论

vue中实现左右联动的效果

这里的坑还是蛮多的，花了一个多小时，才理清楚。做一下笔记，以便于复习。首先呢，需要让左右的布局都可以滚动，这里使用了betterScrollnpm i better-scrollimport BScroll from 'b...

2020-05-27

50浏览

0评论

Nodejs异步回调之异常处理实例分析

本文实例讲述了Nodejs异步回调之异常处理。分享给大家供大家参考，具体如下：目前我们项目的Nodejs异常是通过express next 到 errorhandler 中间件去处理的，原本以为此方法可以...

2020-05-27

69浏览

0评论

使用vue-infinite-scroll实现无限滚动效果

vue-infinite-scroll插件可以无限滚动实现加载更多，其作用是是当滚动条滚动到距离底部的指定高度时触发某个方法。
https://github.com/ElemeFE/vue-infinite-scroll/
http...

2020-05-27

70浏览

0评论

JS实现图片转换成base64的各种应用场景实例分析

本文实例讲述了JS实现图片转换成base64的各种应用场景。分享给大家供大家参考，具体如下：网络上有很多片介绍通过js将图片转换成base64的文章，之所以再写这篇文章的原因时发现没...

2020-05-27

59浏览

0评论

Vue验证码60秒倒计时功能简单实例代码

template<template> <div class='login'> <div class="loginHeader"> <input type="tel" class="loginBtn border-bottom" placeholder="请输入手机号" /> <input type="t...

2020-05-27

38浏览

0评论

Vue子组件向父组件通信与父组件调用子组件中的方法

子组件向父组件通信子组件的button按钮绑定点击事件,事件方法名为sendToParent(),该方法在子组件的methods中声明,实现功能this.$emit('cus-event',this.msg);在父组件引入...

2020-05-27

45浏览

0评论

纯JS实现的读取excel文件内容功能示例【支持所有浏览器】

本文实例讲述了纯JS实现的读取excel文件内容功能。分享给大家供大家参考，具体如下：template.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=...

2020-05-27

109浏览

0评论

JS实现获取word文档内容并输出显示到html页面示例

本文实例讲述了JS实现获取word文档内容并输出显示到html页面。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl...

2020-05-27

57浏览

0评论

Vue中$refs的用法详解

说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref...

2020-05-27

76浏览

0评论

使用JavaScript中的lodash编写双色球效果

具体代码如下所述：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

2020-05-27

52浏览

0评论

JavaScript中var、let、const区别浅析

下面通过代码给大家介绍JavaScript中var、let、const区别，具体代码如下所述：//1.var定义的变量可以修改，如果不初始化会输出undefined，不会报错。var a;console.log(a); //undef...

2020-05-27

58浏览

0评论

JS的函数调用栈stack size的计算方法

如果你写了一个一直调用自身的死循环，那么恭喜你，很快就可以看到报错：Uncaught RangeError: Maximum call stack size exceeded。那么这个call stack size有多少呢？1. 计算方法...

2020-05-27

59浏览

0评论

超出JavaScript安全整数限制的数字计算BigInt详解

JavaScript中的基本数据类Number是双精度浮点数，它可以表示的最大安全范围是正负9007199254740991，也就是2的53次方减一，在浏览器控制台分别输入Number.MAX_SAFE_INTEGER和Numb...

2020-05-27

72浏览

0评论

nodejs用gulp管理前端文件方法

1、安装node.js（https://nodejs.org/en/）安装后使用node -v查看版本node安装完之后会顺带安装npmps：npm其实是Node.js的包管理工具（package manager）为啥我们需要一个包管理工具...

2020-05-27

68浏览

0评论

vue中vee validate表单校验的几种基本使用

今天主要记录一下用vee-validate来进行表单校验的几个基本使用。包括最基础的必填和长度校验；异步请求服务的校验（重名校验），还有延迟校验。如何引入等就不在这里赘述了，直接进入...

2020-05-27

60浏览

0评论

angularjs结合html5实现拖拽功能

先来看看具体效果：实现方法：1.下载并引入 angularjs2.HTML代码：<!DOCTYPE html><html lang="en" ng-app="test"><head> <meta charset="UTF-8"> <title>Html5 拖拽行为和Ang...

2020-05-27

71浏览

0评论

Vue.js项目中管理每个页面的头部标签的两种方法

在 Vue SPA 应用中，如果想要修改 HTML 的头部标签，如页面的 title ，我们只能去修改 index.html 模板文件，但是这个是全局的修改，如何为每个页面都设置不一样的 title 呢？下面介绍...

2020-05-27

45浏览

0评论

一个Vue页面的内存泄露分析详解

什么是内存泄露？内存泄露是指new了一块内存，但无法被释放或者被垃圾回收。new了一个对象之后，它申请占用了一块堆内存，当把这个对象指针置为null时或者离开作用域导致被销毁，那么...

2020-05-27

124浏览

0评论

Vue EventBus自定义组件事件传递

前言组件化应用构建是Vue的特点之一，因此我们在Vue的实际开发过程中会经常需要封装自定义组件，以提高开发的效率。而组件在大部分情况下并不会孤立的存在，它必然会与父组件和...

2020-05-27

69浏览

0评论

详解React之父子组件传递和其它一些要点

react是R系技术栈中最基础同时也是最核心的一环，2年不到获取了62.5k star(截止到目前)，足可见其给力程度。下面对一些react日常开发中的注意事项进行罗列。React的组件生命周...

2020-05-27

45浏览

0评论

JavaScript实现封闭区域布尔运算的示例代码

这篇文章主要介绍多段线实现布尔运算的方法
先上代码function getOperatedCurves(sourceCurs: Curve[], targetCus: Curve[]) { let source: Polyline | Circle = (sour...

2020-05-27

193浏览

0评论

vue-router重定向不刷新问题的解决

前阵子太忙了，自己一个人一边开发着新项目，一边维护着旧项目，没时间写博客，终于让我腾出时间了。废话少说，开始正文。问题描述:之前项目是angular开发的，后来用vue重构后。项目路...

2020-05-27

74浏览

0评论

vue.js 实现输入框动态添加功能

代码如下所示：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue-demo</title>...

2020-05-27

75浏览

0评论

JS实现仿微信支付弹窗功能

先奉上效果图html代码<!DOCTYPE html> <html> <head> <title>仿手机微信支付输入密码界面效果</title> <meta charset="utf-8" /> <meta name="viewport" con...

2020-05-27

93浏览

0评论

使用vue的transition完成滑动过渡的示例代码

使用vue来做一些小巧的动画效果是非常方便的，今天本人想使用vue的transition来完成一个滑动过渡效果，这里和大家分享一下。直接上源代码：<!DOCTYPE html><html><head> <meta c...

2020-05-27

43浏览

0评论

使用vue-router beforEach实现判断用户登录跳转路由筛选功能

在开发webApp的时候，考虑到用户体验，经常会把不需要调用个人数据的页面设置成游客可以访问，而当用户进入到一些需要个人数据的，例如购物车，个人中心，我的钱包等等，在进行登录的验证...

2020-05-27

84浏览

0评论

浅谈super-vuex使用体验

vuex与super-vuex
super-vuex是一套用于简化Vuex的数据架构。
适用场景在繁重的中后台项目中，引入vuex的作用如下：全局数据共享，组件数据逻辑解耦数据业务接口分离数据模...

2020-05-27

84浏览

0评论

vue2.0使用v-for循环制作多级嵌套菜单栏

使用v-for循环生成一个多级嵌套菜单栏，只要你学会了这个方法，几乎所有的菜单栏都可以实现了。方法<div class="level-one" v-if="obj.level == 1" v-for="obj in bar1"><a>{{o...

2020-05-27

57浏览

0评论

nuxt.js 缓存实践

nuxt 是基于 vue 的 ssr 解决方案，可以是使用vue语法完成前后端的同构。然而在与传统纯字符串拼接的 ssr 方案相比，性能就没那么好了， nuxt 需要在服务端生成虚拟 dom ，然后再序...

2020-05-27

75浏览

0评论

微信小程序项目总结之点赞删除列表分享功能

小程序点赞功能思路：在后台没有给你接口自己模拟数据data:{ likes:{ iszan:false, num:0 } } 1.遍历评论列表判断点击的id 2.如果id相同判断是否点赞过如果为tr...

2020-05-27

64浏览

0评论

vue实现点击关注后及时更新列表功能

如图，我要实现点击关注之后列表及时更新成最新的列表。思路很简单，主要是两点：1、在点击关注之后去执行一个请求新的关注列表的action；2、在vue组件中watch监听已关注列表和推荐...

2020-05-27

75浏览

0评论

利用Decorator如何控制Koa路由详解

前言在Spring中Controller长这样@Controllerpublic class HelloController{ @RequestMapping("/hello") String hello() { return "Hello World"; }}还有Python上的Flask框...

2020-05-27

51浏览

0评论

Vue动态控制input的disabled属性的方法

有时候会有这样的需求，新增的时候可以输入，但是无法修改，此时就需要通过控制input标签的disabled属性来实现，那vue是如何动态设置input输入框的disabled属性的呢？输入框的html源...

2020-05-27

124浏览

0评论

vue中element-ui表格缩略图悬浮放大功能的实例代码

element-ui界面非常简洁和美观，提供的组件可以满足绝大多数的应用场景，当表格中显示了图片的缩略图时，想要鼠标浮动在缩略图上时放大图片的效果，该如何实现呢？element-ui虽然没有...

2020-05-27

50浏览

0评论

Vue不能检测到Object/Array更新的情况的解决

前言
看文档不认真，开发也没有多注意，总是hack。忽悠忽悠就过去，但怎么说，歪门邪道还是不太好，现在就亡羊补牢，总结总结。数组
索引
使用下标更新数组元素；使用赋值方式改变数...

2020-05-27

59浏览

0评论

在vue中使用公共过滤器filter的方法

平时我们在vue中使用过滤器时，在模板中定义的过滤器不能在其他模板中使用，所以要在每个模板中定义自己的filter，这样就会出现很多重复的代码，那有没有办法定义一个公用的filter，...

2020-05-27

65浏览

0评论

jQuery实现ajax回调函数带入参数的方法示例

本文实例讲述了jQuery实现ajax回调函数带入参数的方法。分享给大家供大家参考，具体如下：不带参数的写法：function pass(htmlId,auditingFlag){ var url = 'ad_auditing.action...

2020-05-27

42浏览

0评论

详解VUE自定义组件中用.sync修饰符与v-model的区别

.sync修饰组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue-03</title>  <link href="https://cdn.bootcss.com/bootst...

2020-05-27

95浏览

0评论

AngularJS实现动态切换样式的方法分析

本文实例讲述了AngularJS实现动态切换样式的方法。分享给大家供大家参考，具体如下：AngularJS相比原生的js或者jquery有着很大不同，对于一个简单的鼠标点击不同选项，动态切换样式...

2020-05-27

40浏览

0评论

Vue实现todolist删除功能

代码如下所示：<div id="app"> <input v-model="inputValue"> <button @click="handleSumbit">提交</button> <todo-item v-for="(item,index) of list":key="index":content=...

2020-05-27

热门文章