JavaScript - 教程之家

101浏览

0评论

Vue-cli@3.0 插件系统简析

Vue-cli@3.0 是一个全新的 Vue 项目脚手架。不同于 1.x/2.x 基于模板的脚手架，Vue-cli@3.0 采用了一套基于插件的架构，它将部分核心功能收敛至 CLI 内部，同时对开发者暴露可拓...

2020-05-27

72浏览

0评论

vue-cli3.0配置及使用注意事项详解

这次给大家带来vue-cli3.0配置详解，使用vue-cli3.0配置的注意事项有哪些，下面就是实战案例，一起来看一下。
新建项目# 安装npm install -g @vue/cli# 新建项目vue create my-pr...

2020-05-27

60浏览

0评论

Vue中使用clipboard实现复制功能

clipboard.js 是一个不需要flash，将文本复制到剪贴板的插件。下面给大家介绍Vue中使用clipboard实现复制功能，具体内容如下所示：首先现在Vue中引入clipboardnpm install clipbo...

2020-05-27

63浏览

0评论

JavaScript函数、闭包、原型、面向对象学习笔记

断言
单元测试框架的核心是断言方法，通常叫assert()。
该方法通常接收一个值--需要断言的值，以及一个表示该断言目的的描述。
如果该值执行的结果为true，断言就会通过；
否则，断言...

2020-05-27

57浏览

0评论

jQuery实现基本动画效果的方法详解

本文实例讲述了jQuery实现基本动画效果的方法。分享给大家供大家参考，具体如下：animate()方法用于创建自定义动画语法：$(selector).animate({params},speed,callback); params...

2020-05-27

168浏览

0评论

在Vue组件中获取全局的点击事件方法

使用场景：在Vue组件中点击某元素之外的地方移除该元素需求：如上图所示，“用户列表”页面有三个Vue组件组成，分别是“菜单组件”，“导航组件”和“列表组件”。其中“列表组件”中...

2020-05-27

66浏览

0评论

Vue 监听列表item渲染事件方法

直入正题，不废话！使用Vue渲染列表是很简单方便的，但如果需要在渲染item的时候去监听事件就无法实现了，楼主我翻遍了Vue的api也没找到合适的方法去解决，其中也提到使用watch和vue....

2020-05-27

48浏览

0评论

Vue-component全局注册实例

组件的全局注册必须注意是在实例化对象之前完成。Vue.component("mytest",{ template:'<li>{{name}}</li>', props:['name']})new Vue({//...})而局部注册则只能在父模板内...

2020-05-27

56浏览

0评论

Vue的watch和computed方法的使用及区别介绍

Vue的watch属性Vue的watch属性可以用来监听data属性中数据的变化<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="lib/vue.m...

2020-05-27

72浏览

0评论

微信小程序开发之自定义tabBar的实现

最近开发微信小程序，公司要求做一个类似闲鱼的tabbar，但是网上大多资料的tabbar都会在页面切换的时候重新渲染，所以我写了一个不会重新渲染的tabbar，有需要的直接拿走不谢。http...

2020-05-27

279浏览

0评论

对vue中v-on绑定自定事件的实例讲解

关于官网vue中v-on绑定自定义事件的个人理解对官网实例进行了一些修改，如下图：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-on绑定自定义事件</t...

2020-05-27

65浏览

0评论

jQuery实现动画、消失、显现、渐出、渐入效果示例

本文实例讲述了jQuery实现动画、消失、显现、渐出、渐入效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="...

2020-05-27

57浏览

0评论

webpack4简单入门实例

毋庸置疑，webpack现在已经成为前端很多的打包器。网上关于webpack的相关文章也是很多的，关于webpack的具体配置，官网上也是讲解的很清楚，本文主要是根据自己的学习，进行简单的web...

2020-05-27

46浏览

0评论

vue兄弟组件传递数据的实例

在main.js里面设置data{eventHub:new Vue() } new Vue({ el: '#app', router, store, template: '<App/>', components: { App }, data:{ eventHub:new Vue() // 在main.js...

2020-05-27

212浏览

0评论

Vue下拉框回显并默认选中随机问题

今天做vue的页面下拉框回显问题，回显数据是随机的，好奇怪，虽然多刷新几下就可以了，但是这个问题还是存在的，后来发现问题是回显中的数据是两次请求，因为网络问题两次说不定哪个就...

2020-05-27

63浏览

0评论

jQuery实现鼠标移入移出事件切换功能示例

本文实例讲述了jQuery实现鼠标移入移出事件切换功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="http://l...

2020-05-27

55浏览

0评论

vue-cli 默认路由再子路由选中下的选中状态问题及解决代码

vue-cli是Vue.js官方脚手架命令行工具，我们可以用它快速搭建Vue.js项目，vue-cli最主要的功能就是初始化项目，既可以使用官方模板，也可以使用自定义模板生成项目，而且从2.8.0版本...

2020-05-27

131浏览

0评论

vue template中slot-scope/scope的使用方法

在vue 2.5.0+ 中slot-scope替代了 scope template 的使用情形为，我们已经封装好一个组建，预留了插槽，使用的插槽首先我们的创建一个组建组建很简单有一个 slot,slot有两个属...

2020-05-27

106浏览

0评论

解决vue同一slot在组件中渲染多次的问题

Q：今天写公共组件的时候碰到一个奇葩的情况，slot内部需要再次调用slot,这就会导致同一slot在组件中渲染多次引发的bugA：把把父组件需要传入的dom结构作为props属性传递给slotRe...

2020-05-27

63浏览

0评论

浅谈Vue render函数在ElementUi中的应用

vue的render函数在日常开发中被广泛应用，今天以ElementUI中的table表头重构为引，实际应用一下借助render函数实现表头搜索，不足之处请多多指教！首先引入官方demo<el-table :data...

2020-05-27

101浏览

0评论

在vue中读取本地Json文件的方法

其实关于这个问题，网上已经可以找到些方法，不过基本上没有完整的，或者是其中有些坑，下面写一下自己的亲身实践。使用vue读取本地json文件需要安装vue-resource插件，然后使用它的$...

2020-05-27

308浏览

0评论

vuejs实现折叠面板展开收缩动画效果

vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。循环列表，html:<template> <div class="newslist"> <ul> <li v-for="(item,index) in newsl...

2020-05-27

76浏览

0评论

vue生成文件本地打开查看效果的实例

问题描述：npm run build 后dist文件夹下面直接浏览器打开index.html，css和js的路径都不正确。放到跟目录下就正常了。问题解决：打开项目所在文件夹里面的 config - index.js在...

2020-05-27

51浏览

0评论

Vue实现表格中对数据进行转换、处理的方法

众所周知，后端从Mysql取出的数据，一般是很难单独处理某一个Key的数据的（需要处理的话，可能会浪费大量的性能。而且对页面加载时间有很大的影响），所以，从数据库取出的数据。只能由前...

2020-05-27

48浏览

0评论

jQuery超简单遮罩层实现方法示例

本文实例讲述了jQuery超简单遮罩层实现方法。分享给大家供大家参考，具体如下：在开发中，为了避免二次提交，遮罩层的运用越来越普遍看了很多代码，下面跟大家分享一下我认为最简单的...

2020-05-27

78浏览

0评论

Vue中保存数据到磁盘文件的方法

网上有诸多例子，都不是在vue下，直接复制过来，可能会出现各类的错误，折腾了若干个小时，终于搞定。以app.vue为例<mt-button size="small" @click="ExportData()" type="primary" s...

2020-05-27

53浏览

0评论

Vue文件配置全局变量的实例

在vue文件里配置所需的全局变量，然后通过export暴露出去。如 Global.vue<script type="text/javascript"> const serverPath="http://127.0.0.1:8080"; export default{ ser...

2020-05-27

97浏览

0评论

node.js 模块和其下载资源的镜像设置的方法

以前安装 electron 时总是失败，然后就在淘宝镜像上下载好相应版本的文件放到用户目录来解决问题。后来研究发现 npm 不仅可以设置 node.js 模块仓库的代理，同样可以设置像 el...

2020-05-27

53浏览

0评论

React注册倒计时功能的实现

一、React版本
16.4.1
二、具体代码如下设置state属性
constructor(props){ super(props); this.state = { btnText:'获取验证码', seconds: 60, //称数...

2020-05-27

65浏览

0评论

vue slots 组件的组合/分发实例

使用slots 分发内容使用组件时常常会有组件组合使用的情况，如下：<componentA><componentB></componentB><componentC></componentC></componentA>直接套用组件的话，父级组件会...

2020-05-27

77浏览

0评论

vue 解决循环引用组件报错的问题

做项目时遇到使用循环组件，因为模式一样，只有数据不一样。但是按照普通的组件调用格式来做时报错，错误信息为Unknown custom element: <pop> - did you register the component...

2020-05-27

77浏览

0评论

解决vue v-for 遍历循环时key值报错的问题

一、问题如下：[Vue warn] Avoid using non-primitive value as key, use string/number value instead.non-primitive表示的是对象这里的[Vue warn]是指不要用对象或是数组...

2020-05-27

234浏览

0评论

解决vue 引入子组件报错的问题

错误信息：Do not use built-in or reserved HTML elements as component id: header源码：<script>import header from "./components/header"import aside from "./components...

2020-05-27

52浏览

0评论

详解JavaScript事件循环机制

众所周知，JavaScript 是一门单线程语言，虽然在 html5 中提出了 Web-Worker ，但这并未改变 JavaScript 是单线程这一核心。可看HTML规范中的这段话：To coordinate events, user i...

2020-05-27

63浏览

0评论

VUE DOM加载后执行自定义事件的方法

最近想用vue做一个小东西，谁知道一开始就遇到了一个棘手的问题：首先我想在页面加载前通过ajax请求页面展示所需要的信息，于是我在created钩子函数里面请求了我想要的数据create...

2020-05-27

209浏览

0评论

使用vue-router与v-if实现tab切换遇到的问题及解决方法

vue-router 该如何使用忽然碰到一个常见的问题，明明可以使用 v-if / v-show 可以的解决的问题，有没有必要是使用 vue-router来解决。比如常见的 tab 切换。一时间，我有些犹豫...

2020-05-27

112浏览

0评论

vue加载完成后的回调函数方法

如下所示：var c = new Vue({ el: "#cartoon", data: data, mounted: { alert("vue加载完成"); } });以上这篇vue加载完成后的回调函数方法就是小编分享给大家...

2020-05-27

65浏览

0评论

原生JS实现DOM加载完成马上执行JS代码的方法

用原生JS我们经常使用window.onload事件来加载页面。但是window.onload是在页面元素都加载完毕后才执行，如果页面内有大的图片的话，会在页面展现后好久时间后才执行。所以有时...

2020-05-27

206浏览

0评论

vue-cli监听组件加载完成的方法

在使用vue-cli开发项目时遇到过一个问题，要求是页面组件全部加载完成后再执行某个函数，给上代码参考，方法可能有点笨，好在实现了功能。1、安装vuexnpm install vuex --save2、在...

2020-05-27

57浏览

0评论

vue基于element的区间选择组件

公司的系统中，产品经理在设计时经常要求对某个字段进行区间阈值设置或者作为筛选条件。但是苦于element中没有非常契合的组件（slider组件并不支持两端均能设定），于是自己动手造...

2020-05-27

94浏览

0评论

Vue.js实现表格渲染的方法

我们大多时候渲染表格都是key值在页面上写死的情况下，一个个value渲染，那我们遇到数据是键值对的时候该如何渲染呢？我们查看vue的官方文档，如下：值域 v-forv-for 也可以接收一个...

2020-05-27

65浏览

0评论

koa-router源码学习小结

koa 框架一直都保持着简洁性, 它只对 node 的 HTTP 模块进行了封装, 而在真正实际使用, 我们还需要更多地像路由这样的模块来构建我们的应用, 而 koa-router 是常用的 koa...

2020-05-27

63浏览

0评论

Vue 实现列表动态添加和删除的两种方法小结

下面将介绍两种方式实现动态添加和删除列表1.不使用组件<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - vue实现列表增加和删除</title><script...

2020-05-27

65浏览

0评论

详解使用jest对vue项目进行单元测试

最近领导对前端提出了新的要求，要进行单元测试。之前使用vue做了一个快报名小程序的pc端页面，既然要做单元测试，就准备用这个项目了，之前有些react的经验，vue还是第一遭vue-cli3....

2020-05-27

70浏览

0评论

vue 点击按钮增加一行的方法

如下所示：data() {return {customized_descs: [1]，}},不要js，jq里面的方法了。以上这篇vue 点击按钮增加一行的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望...

2020-05-27

114浏览

0评论

vue.js 实现点击按钮动态添加li的方法

如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body> <div id="...

2020-05-27

96浏览

0评论

cnpm加速Angular项目创建的方法

问题描述使用官网推荐的命令行工具ng来初始化Angular项目。ng new my-app前面都挺快的，创建本地文件嘛。就是到最后安装依赖的时候特别慢，等了半个小时，也没装完。cnpm加速使用...

2020-05-27

72浏览

0评论

对类Vue的MVVM前端库的实现代码

MVVM(ModelView ViewModel)是一种基于MVC的设计，开发人员在HTML上写一些Bindings,利用一些指令绑定，就能在Model和ViewModel保持不变的情况下，很方便的将UI设计与业务逻辑分离，...

2020-05-27

77浏览

0评论

npm配置国内镜像资源+淘宝镜像的方法

npm介绍1、说明：npm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）；2、使用npm安装插件：命令提示符执行npm install <name> [-g] [--save-d...

2020-05-27

68浏览

0评论

关于JavaScript中高阶函数的魅力详解

前言一个函数就可以接收另一个函数作为参数,简言之,函数的参数能够接收别的函数,这种函数就称之为高阶函数JavaScript 的高阶函数跟 Swift 的高阶函数类似常见的高阶函数有:...

2020-05-27

热门文章