JavaScript - 教程之家

59浏览

0评论

用Webpack构建Vue项目的实践

最近在内部项目中做了一些基于 vue + webpack 的尝试，在小范围和同事们探讨之后，还是蛮多同学认可和喜欢的，所以通过本篇文章分享给更多人开始之前，需要安装node环境。（安装过程...

2020-05-27

60浏览

0评论

vue环境搭建简单教程

要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。①安装nodejs
https://nodejs.org
下载nodejs，(lts)...

2020-05-27

61浏览

0评论

vue 运用mock数据的示例代码

本文介绍了vue 运用mock数据的示例代码，分享给大家，具体如下：
初始化你的项目
话不用啰嗦，首先初始化你的项目，最简单的就是使用vue-cli啦
vue init webpack引入mock.js
安装 moc...

2020-05-27

54浏览

0评论

Vue-Router实现组件间跳转的三种方法

通过VueRouter来实现组件之间的跳转，供大家参考，具体内容如下提供了3种方式实现跳转：①直接修改地址栏中的路由地址<!doctype html><html> <head> <meta charset="UTF-8"> <tit...

2020-05-27

69浏览

0评论

详解Vue路由钩子及应用场景（小结）

一. 路由钩子语法在vue-router的官方文档中, 将路由钩子翻译为导航守卫, 下面是文档中的内容摘要, 大家也可以通过传送门前往官网阅读详细内容
路由钩子路由钩子主要是给使...

2020-05-27

57浏览

0评论

vue-router实现组件间的跳转（参数传递）

通过VueRouter来实现组件之间的跳转：参数的传递，具体内容如下login ---用户名--->main①明确发送方和接收方
②配置接收方的路由地址
{path:'/myTest',component:TestComponen...

2020-05-27

61浏览

0评论

vue中SPA单页面应用程序详解

一、SPA的概述SPA（single page application）单页面应用程序，在一个完成的应用或者站点中，只有一个完整的html页面，这个页面有一个容器，可以把需要加载的代码片段插入到该容器中。S...

2020-05-27

55浏览

0评论

Mint UI 基于 Vue.js 移动端组件库

官网地址 http://mint-ui.github.io/Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。真正意义上的按...

2020-05-27

56浏览

0评论

vue组件父子间通信之综合练习（聊天室）

本文实例为大家分享了vue组件父子间通信之聊天室的具体代码，供大家参考，具体内容如下
<!doctype html><html> <head> <meta charset="UTF-8"> <title>组件父子间通信之综合练...

2020-05-27

105浏览

0评论

vue组件父与子通信详解（一）

本文实例为大家分享了vue组件父与子通信的具体代码，供大家参考，具体内容如下一、组件间通信（父组件 --> 子组件）
步骤：
①父组件在调用子组件传值
<child-component myValue...

2020-05-27

55浏览

0评论

mongoose设置unique不生效问题的解决及如何移除unique的限制

前言unique属于schema约束验证中的一员，他的作用主要就是让某一个字段的值具有唯一性（不能重复）
保持字段的唯一性使用type值： {type:String,unique:true,dropDups: true}
注意：m...

2020-05-27

75浏览

0评论

原生JS实现 MUI导航栏透明渐变效果

mui内置有H5版本的透明渐变导航控件，教程参考mui官网；透明渐变导航是一种解决滚动条通顶的变通方案，相比双webview，具有更高的性能和更好的动画效果；下面通过本文给大家分享基于...

2020-05-27

64浏览

0评论

vue组件间通信子与父详解（二）

接着vue组件父与子通信详解继续学习。二、组件间通信（子组件传值给父组件）通过事件的方式来完成数据的传输。①在父组件中定义一个方法，用来接收子组件所通过事件传来的值meth...

2020-05-27

48浏览

0评论

解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题

所遇问题：该页面为双选项卡联动，四个部分都需要上拉加载和下拉刷新功能，使用的mint-ui的loadmore插件，分别加上上拉加载后，只有最后一个的this.$refs.loadmore.onTopLoaded();和t...

2020-05-27

42浏览

0评论

微信小程序上传图片到服务器实例代码

上传图片到服务器：1.先在前端写一个选择图片的区域来触发wx.chooseImage接口并用wx.setStorage接口把图片路径存起来。-wxml <view class="shangchuan" bindtap="choose"> <...

2020-05-27

58浏览

0评论

浅谈ES6 模板字符串的具体使用方法

写在前面
关于 ES6, 也终于在 2015 年的 7 月 18 号尘埃落定了。虽然说各大浏览器还没有全面的支持，不过这并不妨碍我们一颗想要撸一把的心。在后端，可以使用 Node.js(0.12+)...

2020-05-27

71浏览

0评论

vue组件父子间通信详解（三）

本文实例为大家分享了vue组件父子间通信的具体代码，供大家参考，具体内容如下三、组件间通信（$parent $refs）父组件要想获取子组件的数据：
①在调用子组件的时候，指定ref属性
<chil...

2020-05-27

51浏览

0评论

ES6中数组array新增方法实例总结

本文实例讲述了ES6中数组array新增方法。分享给大家供大家参考，具体如下：●find :let arr=[1,2,234,'sdf',-2];arr.find(function(x){ return x<=2;})//结果：1，返回第一个符合...

2020-05-27

63浏览

0评论

ES6中字符串string常用的新增方法小结

本文实例讲述了ES6中字符串string常用的新增方法。分享给大家供大家参考，具体如下：ES6为js新增了很多方法，包括遍历、查询、替换等等，可以很简洁的替换ES5中的类似方法，本文不考...

2020-05-27

47浏览

0评论

EasyUI实现下拉框多选功能

本文实例为大家分享了EasyUI实现下拉框多选展示的具体代码，供大家参考，具体内容如下效果图：这个没什么说的，直接引入css和js文件和图片，调用js即可。下面是源码：
<html> <head>...

2020-05-27

70浏览

0评论

Vue组件开发之LeanCloud带图形校验码的短信发送功能

有15万开发者使用LeanCloud服务，其中不乏知乎、懂球帝、爱范儿、拉卡拉等知名应用，LeanCloud提供了数据存储、即时消息……等一站式服务，并从常用的用户管理需求出发，提供了邮箱...

2020-05-27

62浏览

0评论

vue-router路由与页面间导航实例解析

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统...

2020-05-27

55浏览

0评论

vue实现仿淘宝结账页面实例代码

虽然Vue最强大的是组件化开发，但是其实多页面开发也蛮适合的。下面小编给大家分享vue实现仿淘宝结账页面实例代码，具体内容大家参考下本文。这个demo，是小编基于之前的 vue2.0...

2020-05-27

51浏览

0评论

js实现图片粘贴上传到服务器并展示的实例

最近看了一些有关于js实现图片粘贴上传的demo,实现如下: (这里只能检测到截图粘贴和图片右键复制之后粘贴)demo1:document.addEventListener('paste', function (event) {...

2020-05-27

71浏览

0评论

AngularJs 终极购物车(实例讲解)

废话不多说，直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车</title> <script src="angularjs/angular.js"></script> <style>...

2020-05-27

44浏览

0评论

javaScript之split与join的区别(详解)

共同点：split与join函数通常都是对字符或字符串的操作；两者的区别：
（1）split()用于分割字符串，返回一个数组，
例如var string=“hello world?name=xiaobai”;var splitString =...

2020-05-27

77浏览

0评论

基于jQuery中ajax的相关方法汇总(必看篇)

前提条件话说是jquery中的ajax方法，那么前提条件当然是引入jquery啦。<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>具体...

2020-05-27

61浏览

0评论

浅谈vue-router2路由参数注意的问题

1、vue 路由如果传递 params 定义路由的时候是 /路由名称：id 获取的时候this.$route.params.id最后形如 /路由名称/路由参数传参的时候params:{ str1:str1, str2:str2 }2、...

2020-05-27

78浏览

0评论

mac中利用NVM管理不同node版本的方法详解

前言大家在开始本文的正文之前，建议大家先看看这篇文章：https://www.freexyz.cn/article/73424.htm，这篇文章给大家详细介绍了关于node.js 下使用 nvm 或者 n 来进行版本控制及nv...

2020-05-27

66浏览

0评论

es6在react中的应用代码解析

不论是React还是React-native，facebook官方都推荐使用ES6的语法，没在项目中使用过的话，突然转换过来会遇到一些问题，如果还没有时间系统的学习下ES6那么注意一些常见的写法暂时...

2020-05-27

41浏览

0评论

浅谈mint-ui loadmore组件注意的问题

如下所示：loadTop(){ this.$store.dispatch('getNewsList',{channelId:this.id,page:0,size:this.size}); this.$refs.loadmore.onTopLoaded();},比如在做下拉刷新的时候，切...

2020-05-27

60浏览

0评论

在React 组件中使用Echarts的示例代码

在完成一个需求的时候碰到一个场景需要使用柱状图。涉及到可视化，第一反应当然是Echarts了。平时用js加载Echarts组件很方便，但是在React中就要费下神了。各种连蒙带猜实现了...

2020-05-27

49浏览

0评论

基于jQuery的$.getScript方法去加载javaScript文档解析

1.两个文件的代码如下：<script>function Ajax(){ //将9-4.html中的Ajax()函数进行修改 $.getScript('9-8.js',function(data){ var html ="<table border='1' cellpadding='...

2020-05-27

53浏览

0评论

thinkjs 文件上传功能实例代码

介绍ThinkJS 是一款面向未来开发的 Node.js 框架，整合了大量的项目最佳实践，让企业级开发变得如此简单、高效。从 3.0 开始，框架底层基于 Koa 2.x 实现，兼容 Koa 的所有功能。特...

2020-05-27

70浏览

0评论

详解如何使用webpack在vue项目中写jsx语法

本文介绍了如何使用webpack在vue项目中写jsx语法，分享给大家，具体如下:我们知道Vue 2.0中对虚拟DOM的支持。我们可以通过JavaScript动态的创建元素，而不用在template中写HTML代...

2020-05-27

45浏览

0评论

结合mint-ui移动端下拉加载实践方法总结

1.npm i mint-ui -S2.main.js中引入import 'mint-ui/lib/style.css'3.以下是代码结构部分：<template> <div class="main-body" :style="{'-webkit-overflow-scrolling': scro...

2020-05-27

52浏览

0评论

详解使用webpack打包编写一个vue-toast插件

本文介绍了使用webpack打包编写一个vue插件，分享给大家。具体如下：
一、说明：需求：创建一个toast插件
思路：利用vue组件创建模板，使用webpack打包生成插件再全局使用。# 项目目录...

2020-05-27

47浏览

0评论

vue中实现滚动加载更多的示例

在以前的前端刀耕火种时代要实现滚动加载更多想要大家都是很快实现了，在vue会有一点麻烦，最近自己研究了一下，做了一个简单的demo，供大家参考：<template> <div> <ul> <l...

2020-05-27

55浏览

0评论

手把手教你使用vue-cli脚手架(图文解析)

写在前面：
使用 vue-cli 可以快速创建 vue 项目，vue-cli很好用，但是在最初搭建环境安装vue-cli及相关内容的时候，对一些人来说是很头疼的一件事情，本人在搭建vue-cli的项目环境的...

2020-05-27

59浏览

0评论

ES6中javascript实现函数绑定及类的事件绑定功能详解

本文实例讲述了ES6中javascript实现函数绑定及类的事件绑定功能的方法。分享给大家供大家参考，具体如下：函数绑定箭头函数可以绑定this对象，大大减少了显式绑定this对象的写法（c...

2020-05-27

62浏览

0评论

详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css

写在前面：本文是vue-手摸手教你使用vue-cli脚手架-详细步骤图文解析之后，又一篇关于vue-cli脚手架配置相关的文章，因为有些文章步骤不够清晰，当时我引入JQuery、bootstrap的时候...

2020-05-27

53浏览

0评论

javascript自定义事件功能与用法实例分析

本文实例讲述了javascript自定义事件功能与用法。分享给大家供大家参考，具体如下：概述自定义事件很难派上用场？为什么自定义事件很难派上用场，因为以前js不是模块化开发，也很少协...

2020-05-27

59浏览

0评论

AngularJS实现图片上传和预览功能的方法分析

本文实例讲述了AngularJS实现图片上传和预览功能的方法。分享给大家供大家参考，具体如下：html5原生方法先看一下html5原生方法上传和预览图片的实现：// <img id="img-preview">...

2020-05-27

69浏览

0评论

js使用xml数据载体实现城市省份二级联动效果

本文实例为大家分享了使用xml数据载体实现城市省份二级联动的具体代码，供大家参考，具体内容如下首先写好前台页面testProvince.jsp，将请求通过open、send发送到服务器
<%@ page...

2020-05-27

58浏览

0评论

jQuery实现的简单无刷新评论功能示例

本文实例讲述了jQuery实现的简单无刷新评论功能。分享给大家供大家参考，具体如下：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无刷新评论 - www.freexyz.cn</ti...

2020-05-27

63浏览

0评论

浅谈vue2 单页面如何设置网页title

前端框架如Vue、React等都是单页面的应用，也就是说整个web站点其实都是一个index页面，所谓的页面跳转都是替换index.html里边的内容，而页面的title是在每个页面初始化的时候才...

2020-05-27

50浏览

0评论

基于Datatables跳转到指定页的简单实例

因为项目用到Datatables发现在分页特别多时无法跳转到指定页，自己动手增加了#Datatables 跳转到指定页#功能，实现代码如下：table = $('#user-table').dataTable({ "bAutoWidth"...

2020-05-27

51浏览

0评论

简单实现jquery隔行变色

本文实例为大家分享了jquery隔行变色展示的具体代码，供大家参考，具体内容如下
效果图代码<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><script...

2020-05-27

63浏览

0评论

jQuery实现动态添加节点与遍历节点功能示例

本文实例讲述了jQuery实现动态添加节点与遍历节点功能。分享给大家供大家参考，具体如下：动态添加节点：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http:...

2020-05-27

52浏览

0评论

Angularjs渲染的 using 指令的星级评分系统示例

本文介绍Angularjs渲染的 using 指令的星级评分系统示例，分享给大家，具体如下：
我试图创建静态使用 angularjs/离子成效甚微的星级评分系统。但目前什么都不输出到屏幕上.........

2020-05-27

热门文章