JavaScript - 教程之家

98浏览

0评论

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

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

2020-05-27

54浏览

0评论

Vue中$refs的用法详解

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

2020-05-27

73浏览

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

47浏览

0评论

JavaScript中var、let、const区别浅析

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

67浏览

0评论

nodejs用gulp管理前端文件方法

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

55浏览

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

67浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

103浏览

0评论

Vue EventBus自定义组件事件传递

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

188浏览

0评论

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

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

2020-05-27

70浏览

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

70浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

75浏览

0评论

浅谈super-vuex使用体验

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

2020-05-27

81浏览

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

54浏览

0评论

nuxt.js 缓存实践

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

39浏览

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

85浏览

0评论

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

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

2020-05-27

37浏览

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

45浏览

0评论

JS基于封装函数实现的表格分页完整示例

本文实例讲述了JS基于封装函数实现的表格分页。分享给大家供大家参考，具体如下：HTML代码：<html><head><meta charset='utf-8'><title>www.freexyz.cn js表格分页</title><script...

2020-05-27

34浏览

0评论

vue中v-model的应用及使用详解

vue中经常使用到<input>和<textarea>这类表单元素，vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签数据的双向绑定，它会根据控件类...

2020-05-27

76浏览

0评论

详解解决使用axios发送json后台接收不到的问题

问题描述
按照axios官网例子发起请求传递json，后台接受到的数据为空，一直卡在options阶段。
尝试的方法
开始以为是接口有问题，使用postman测试下，一切正常，百思不得其解，看了好多...

2020-05-27

69浏览

0评论

Vue引入sass并配置全局变量的方法

引入sass
首先使用官方提供的脚手架vue-cli进行搭建框架，这里就不做说明了，查阅官网即可。等安装完所有依赖后，安装sass的依赖包：npm install --save-dev sass-loader//sass-loa...

2020-05-27

307浏览

0评论

详解nuxt sass全局变量(公共scss解决方案)

恩，经过朋友的帮助搞定的，因为 nuxt资料比较少的原因，很感谢 “包子”的帮助注意本案例只是把你通用的比如
$colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF572...

2020-05-27

75浏览

0评论

详解关于vue-area-linkage走过的坑

最近写的项目是vue框架，搭配element-ui框架。这个框架上手快，而且页面的大部分样式都有现成的可以用，使用起来比较方便。前几天有一个需求是要写省市区联动选择，上网搜罗了一遍...

2020-05-27

74浏览

0评论

Vue使用vue-area-linkage实现地址三级联动效果的示例

很多时候我们需要使用地址三级联动，即省市区三级联动。网上有很多插件，在此介绍Vue的一款地区联动插件：vue-area-linkage，下面介绍如何使用这个插件实现地址联动效果：1.安装vue-a...

2020-05-27

49浏览

0评论

浅谈Webpack下多环境配置的思路

前言
由于前后端分离的前端应用脱离了后端的支持，在单独开发前端应用时，页面调试时使用固定的开发环境地址还好，如果出现在本地开发时需要调试不同环境的远端API，或者需要将应用...

2020-05-27

42浏览

0评论

微信小程序中使用ECharts 异步加载数据的方法

官网例子都是同步的，怎么引入及同步demo请移步官网<view class="container"> <ec-canvas id="mychart-dom-multi-bar" canvas-id="mychart-multi-bar" ec="{{ ecBar }}"></ec...

2020-05-27

67浏览

0评论

vue+springmvc导出excel数据的实现代码

vue端处理this.$http.get(this.service + '/user/excel',{responseType: 'blob'}).then(({data})=> { console.info(typeof data) var a = document.createElement('a')...

2020-05-27

63浏览

0评论

JS实现获取进今年第几天是周几的方法分析

本文实例讲述了JS实现获取今年第几天是周几的方法。分享给大家供大家参考，具体如下：function getWeek(str){ var nowyearstr =Date.parse(new Date().getFullYear()); var n...

2020-05-27

77浏览

0评论

浅谈Angular6的服务和依赖注入

在开发中,组件一般用来写视图有关的功能,服务则写一些其他的逻辑,诸如从服务器获取数据、验证用户输入或直接往控制台中写日志等工作.先解释两个概念: Providers(提供商):...

2020-05-27

67浏览

0评论

小程序实现带年月选取效果的日历

本文实例为大家分享了小程序日历展示的具体代码，供大家参考，具体内容如下根据前面的日历，又遇到到个好玩的日历需求，分享给大家这是个带年月左右选取的日历展示！并且当天的对应...

2020-05-27

54浏览

0评论

vue如何引入sass全局变量

sass或者less都提供变量设置，在需求切换主题的项目中使用less或者sass变量，只要修改变量值，编译后所有用到该变量的样式都会被修改为你想要的效果，但是在vue-cli搭建的项目中，在m...

2020-05-27

69浏览

0评论

使用vue-router完成简单导航功能【推荐】

vue-router是Vue.js官方提供的一套专用的路由工具库安装命令如下npm i vue-router -Dvue-router 实例是一个Vue插件，我们需要在Vue全局引用中通过Vue.use() 将它接入到Vue实...

2020-05-27

43浏览

0评论

Auto.js自动收取自己和好友蚂蚁森林能量脚本

用autoJS写的能量收取脚本软件.说一下达到的效果,把蚂蚁森林按钮要设置在常用应用中.先收取自己主页的能量,然后进入排行榜收集好友的能量.中途可以按下音量下键提前结束脚...

2020-05-27

59浏览

0评论

详解ES6中的三种异步解决方案

前置知识准备
Generator 函数执行会返回一个迭代器(Iterator), 在迭代器上可以调用 next() 方法, 执行下一个 yield 或 return 调用 next() 方法，会返回一个对象 {val...

2020-05-27

热门文章