JavaScript - 教程之家

53浏览

0评论

使用 vue.js 构建大型单页应用

前置条件:熟悉使用 Javascript + HTML5 + css3。
理解 ES2015 Module 模块(export、import、export-default)。
了解 nodejs 基础知识，npm 常用命令，以及 npm script 使用 (vu...

2020-05-27

93浏览

0评论

vue实现微信分享朋友圈,发送朋友的示例讲解

首先下载微信jssdk引入项目中，这里我就不说怎么去安装了，如果不会的可以看一下npm教程和es6的教程。第一步，引入微信jssdk，此处我是通过下载微信jssdk，然后用webpack引入进项目的...

2020-05-27

109浏览

0评论

详解如何实现一个简单的 vuex

首先我们需要知道为何要使用 vuex。父子组件通信用 prop 和自定义事件可以搞定，简单的非父子组件通信用 bus（一个空的 Vue 实例）。那么使用 vuex 就是为了解决复杂的非父子组件...

2020-05-27

71浏览

0评论

vue.js 微信支付前端代码分享

实例如下所示：onBridgeReady: function () { const openId = localStorage.getItem('openId') payService.payment(this.$route.params.orderId, 1, openId).then(rt => {...

2020-05-27

63浏览

0评论

Vue2.0用户权限控制解决方案的示例

Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。安...

2020-05-27

91浏览

0评论

Vue组件和Route的生命周期实例详解

先讲点实际的实用点的钩子：Created：vue实例被生成后的一个生命周期钩子函数。(页面初始化数据加载一般写这里);
beforeCreate：给个loading界面 created撤销loading;
beforeDest...

2020-05-27

72浏览

0评论

利用SpringMVC过滤器解决vue跨域请求的问题

之前写过通过注释的方法解决跨域请求的方法，需要每次都在controll类使用注解，这次通过springmvc的拦截器解决：继承SpringMVC的类HandlerInterceptor重写preHandle方法，这个方法...

2020-05-27

75浏览

0评论

webpack 4.0.0-beta.0版本新特性介绍

近年来前端技术如雨后春笋般蓬勃发展，我们也在这个潮流下不断地学习、成长。前端技术的不断发展，给我们提供了许多的便利。例如：JSX的出现为我们提供了一个清晰、直观的方式来...

2020-05-27

92浏览

0评论

vue2.0组件之间传值、通信的多种方式(干货)

Vue中组件这个特性让不少前端er非常喜欢，我自己也是其中之一，它让前端的组件式开发更加合理和简单。这次我们就来聊一聊vue2.0组件之间传值、通信的多种方式。一、通过路由带...

2020-05-27

60浏览

0评论

vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)

html代码：<section class="container page-home"><div id="main-content" class="wrap-container zerogrid"><article id="news_content" v-for="item in items"><div class=...

2020-05-27

52浏览

0评论

集成vue到jquery/bootstrap项目的方法

说明，项目本身使用jquery和bootstrap做的管理后台，部分登录接口跑在node服务端，大部分接口使用springmvc实现。现在，使用vue开发，集成vue到原先的项目中。不影响原先的框架。原来...

2020-05-27

79浏览

0评论

vue.js系列中的vue-fontawesome使用

折腾前言目前工作主要使用 vue.js 框架进行开发，自己又对 vue 不是那么了解，还是半桶的状态，所以得加紧步伐赶紧熟悉起来，这两天在使用脚手架 vue-cli 创建项目玩耍中，又一直对fo...

2020-05-27

71浏览

0评论

JS简单添加元素新节点的方法示例

本文实例讲述了JS简单添加元素新节点的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn - JS添...

2020-05-27

59浏览

0评论

JS简单获得节点元素的方法示例

本文实例讲述了JS简单获得节点元素的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn - JS几种...

2020-05-27

68浏览

0评论

Vue完整项目构建(进阶篇)

前置条件: 熟悉使用 Javascript + HTML5 + css3。理解 ES2015 Module 模块(export、import、export-default)。了解 nodejs 基础知识，npm 常用命令，以及 npm script 使用...

2020-05-27

64浏览

0评论

NodeJS简单实现WebSocket功能示例

本文实例讲述了NodeJS简单实现WebSocket功能。分享给大家供大家参考，具体如下：我们基于express和socket.io开发，首先我们需要安装以下包npm install --save expressnpm install...

2020-05-27

88浏览

0评论

nodeJs实现基于连接池连接mysql的方法示例

本文实例讲述了nodeJs实现基于连接池连接mysql的方法。分享给大家供大家参考，具体如下：mysql.js//连接数据库var mysql = require('mysql');var pool = mysql.createPool({ h...

2020-05-27

102浏览

0评论

Express进阶之log4js实用入门指南

对于线上项目用来说，日志是非常重要的一环。log4js是使用得比较多的一个日志组件，经常跟Express一起配合使用。本文从入门实例开始，讲解log4js的使用，以及如何跟Express进行整合...

2020-05-27

93浏览

0评论

vue中引用阿里字体图标的方法

想在vue中引用阿里的iconfont,却出现报错，原因是没有对应的loader处理字体文件。解决办法1.引入css文件import 'font-awesome/css/font-awesome.min.css'2.在webpack.config...

2020-05-27

82浏览

0评论

Node.js使用MySQL连接池的方法实例

本文实例讲述了Node.js使用MySQL连接池的方法。分享给大家供大家参考，具体如下：Nodejs如何使用MySQLNodejs要连接MySQL，可以使用Nodejs的MysQL驱动来实现。比如，我们这里使用"no...

2020-05-27

107浏览

0评论

vue.js,ajax渲染页面的实例

关于上次说的用vue.js，zepto，node.js,webpack等技术重构CNode。这是一个比较入门的项目，一般你学完vue就可以上手了，CNode网站有公开的API所以你可以获取这个网站的所有数据接口...

2020-05-27

54浏览

0评论

ajax请求+vue.js渲染+页面加载的示例

1.导入js<script type="text/javascript" src="<c:url value="/resources/lib/jquery/jquery-1.11.0.min.js" />"></script><link href="<c:url value="...

2020-05-27

78浏览

0评论

解决使用Vue.js显示数据的时,页面闪现原始代码的问题

今天开始学习Vue.js的使用，但是在学习过程中发现一个问题，那就是页面加载数据时，原始代码会闪现一下。查访各方资料，终的解决方法。第一步、加入一段css代码<style type="text/c...

2020-05-27

113浏览

0评论

使用vue-router设置每个页面的title方法

基本环境配置： webpack + vue2.0 + vue-router +nodeJS进入 router 文件夹底下的index.js文件首先引入：import Vue from 'vue'import Router from 'vue-router'然后在路由里面...

2020-05-27

89浏览

0评论

vue页面跳转后返回原页面初始位置方法

vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在...

2020-05-27

99浏览

0评论

vue-router配合ElementUI实现导航的实例

在每个项目中路由是不可或缺的，最近学习vue-router和ElementUI配合使用实现导航栏，在学习的过程中遇到一个问题：点击浏览器的刷新之后页面停留在原来的位置，但是导航却是默认第...

2020-05-27

191浏览

0评论

详解如何在vue项目中引入elementUI组件

前提：已经安装好Vue
初始化vue
vue init webpack itemname运行初始化demo
运行一下初始后的demo，如果没有问题则进行安装elementUInpm run dev安装 elementUI
npm i element-u...

2020-05-27

70浏览

0评论

vue刷新和tab切换实例

首先写个子组件用来放刷新的内容，命名为pull（可以看例子最后面放的。）然后再要刷新的页面引用
<template> <div class="fbjbox container"> <div class="fbjbox1"> <tab r...

2020-05-27

82浏览

0评论

Vue-cli中为单独页面设置背景色的实现方法

例子：<template> <div class="finish-wrap"> <div class="finish-header"> <div class="finish-img"> </div> </div> <div class="finish-tip"> 支付成功 </div>...

2020-05-27

66浏览

0评论

Vue实现点击后文字变色切换方法

这里用文字举例，图片切换的原理也是一样的大概思路是：用两个class相同的span分别是切换前后的文字，class相同主要是为了变换前后的文字位置相同。然后用click事件控制它们的显...

2020-05-27

60浏览

0评论

原生JS实现循环Nodelist Dom列表的4种方式示例

本文实例讲述了原生JS实现循环Nodelist Dom列表的4种方式。分享给大家供大家参考，具体如下：function $(id) { return document.getElementById(id);}var _PAGE = { timeListDo...

2020-05-27

104浏览

0评论

Material(包括Material Icon)在Angular2中的使用详解

1.引入material npm包npm install @angular/material @angular/cdk2.新建一个ebiz-material.module.ts方便管理引入material的moduleng g module ebiz-material -app=ebiz-u...

2020-05-27

99浏览

0评论

在 Angular中使用 Lodash 的方法

如何Lodash 是 JavaScript 很有名的 package，尤其對於處理 array 很有一套，Angular 該如何使用 lodash 呢 ? 這也可以視為在 Angular 使用傳統 JavaScript package 的 SOP...

2020-05-27

70浏览

0评论

vue项目实战总结篇

这篇文章把小编前段时间做的vue项目，做个完整的总结，具体内容请参考本文。这次算是详细总结，会从项目的搭建，一直到最后的服务器上部署。废话不多说了。干货直接上。一、必须no...

2020-05-27

128浏览

0评论

vue-router项目实战总结篇

今天来谈谈vue项目{vue,vue-router,component}三大神将之一的vue-router。作为我们前后端分离很重要的实践之一，router帮我们完成了SPA应用间的页面跳转。并且，配合axios这样...

2020-05-27

57浏览

0评论

代码详解JS操作剪贴板

javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器。
javascript可以使用window.clipboardData对象处理剪贴板内容。
保存到剪贴板的方法setData(param1, par...

2020-05-27

68浏览

0评论

从vue基础开始创建一个简单的增删改查的实例代码(推荐)

1、安装vue-cli cnpm install vue-cli -g --执行全局安装2、创建一个webpack的基础项目；命令：vue init webpack myproject;　　以下是项目的目录结构及说明　　build是web...

2020-05-27

65浏览

0评论

原生js实现省市区三级联动代码分享

前言插件功能只满足我司业务需求，如果希望有更多功能的，可在下方留言，我尽量扩展！如果你有需要或者喜欢的话，可以给我github来个star准备<div id="wrap"></div>页面中的容器标签...

2020-05-27

82浏览

0评论

JS/jQuery实现DIV延时几秒后消失或显示的方法

本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考，具体如下：1、最常用的方法（setTimeout）：<script language='javascript' type='text/javascri...

2020-05-27

73浏览

0评论

jQuery实现定时隐藏对话框的方法分析

本文实例讲述了jQuery实现定时隐藏对话框的方法。分享给大家供大家参考，具体如下：以下内容可能不完全正确，只是在有问题时进行参考。1. setTimeout ：出现设置了时间，但是程序...

2020-05-27

52浏览

0评论

jquery+css3实现熊猫tv导航代码分享

实现原理
请看以下源代码<div class="ph-nav" data-pdt-block="pheader-n"> <div class="ph-nav_shadow" style="left: 0px; width: 62px;"></div> <ul> <...

2020-05-27

72浏览

0评论

详解vue-admin和后端(flask)分离结合的例子

本文介绍了vue-admin和后端(flask)分离结合的例子，分享给大家，具体如下
感觉 vue-admin 界面很不错,写了一个小 Demo
看到issues好多问后端数据请求的
就上传了自己最近的这个...

2020-05-27

66浏览

0评论

Vue+webpack项目基础配置教程

最近在学习webpack，跟着课程一个单页面应用，在这里记录一下。这个部分主要讲了如何配置webpack的环境，以及webpack dev的配置。记录比较粗略，后续会更新。1.开发环境：vscode,node...

2020-05-27

86浏览

0评论

nodejs+express搭建多人聊天室步骤

前言
本文主要是笔者在学习node的时候，作为练手的一个小项目，花了几天空余时间，边码边写教程的一个过程。适用于对node理论知识看的多，实战少的同学，那么现在就让我们开始吧！准备...

2020-05-27

93浏览

0评论

nginx+vue.js实现前后端分离的示例代码

1.nginx 是一个高性能的HTTP和反向代理服务器，常用于分布式服务器管理.它常用于做负载均衡(通过调用多台服务器达到此目的)静态资源输出更快，可以对资源实现gzip压缩后输出(这...

2020-05-27

86浏览

0评论

vue2.0实现前端星星评分功能组件实例代码

下面给大家分享vue 2.0实现星星评分组件，代码很简单，一起看看吧！废话不多说了，直接给大家贴代码了，具体代码如下所示：
<template id="pingJia"><div><ul><li :class="{li1:1,bg1:i...

2020-05-27

93浏览

0评论

nginx部署访问vue-cli搭建的项目的方法

从vue-router官网了解到如果是用history模式构建的vue项目打包后是需要后端配置支持的，而hash是不需要的，只不过地址会多了一个#/的后缀。使用hash模式构建的项目打包后，我只需...

2020-05-27

99浏览

0评论

Vue打包后出现一些map文件的解决方法

Vue打包后出现一些map文件的解决办法：
问题：可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，那我们怎么把它去掉不要呢？
1，运行 cnpm run build 开始打包
2，会在...

2020-05-27

83浏览

0评论

基于Node.js实现压缩和解压缩的方法

压缩格式zip 和 gzip 是两种我们最常见到的压缩格式，当然，gzip 在 Windows 下很少有人接触。tar 是一种归档格式，它默认不会压缩，需要结合 gzip 来将最终的 tar 文件以 gzip 格...

2020-05-27

80浏览

0评论

tween.js缓动补间动画算法示例

一、理解tween.js
如果看到上面的已经理解了,可以跳过下面的部分.下面为对Tween.js的解释下面就介绍如何使用这个Tween了，首先b、c、d三个参数（即初始值，变化量，持续时间）在缓动...

2020-05-27

热门文章