javascript中的隐式调用
前言
不知道用隐式调用来形容是否确切,其行为总是隐藏在背后，时不时出来露脸一下，作用貌似不大，但是了解一下还是有用处的，保不准在你的使用下大有作为。
所谓的隐式调用简单来...
2020-05-27
使用 vue.js 构建大型单页应用
前置条件:熟悉使用 Javascript + HTML5 + css3。
理解 ES2015 Module 模块(export、import、export-default)。
了解 nodejs 基础知识，npm 常用命令，以及 npm script 使用 (vu...
2020-05-27
vue实现微信分享朋友圈,发送朋友的示例讲解
首先下载微信jssdk引入项目中，这里我就不说怎么去安装了，如果不会的可以看一下npm教程和es6的教程。第一步，引入微信jssdk，此处我是通过下载微信jssdk，然后用webpack引入进项目的...
2020-05-27
详解如何实现一个简单的 vuex
首先我们需要知道为何要使用 vuex。父子组件通信用 prop 和自定义事件可以搞定，简单的非父子组件通信用 bus（一个空的 Vue 实例）。那么使用 vuex 就是为了解决复杂的非父子组件...
2020-05-27
vue.js 微信支付前端代码分享
实例如下所示：onBridgeReady: function () { const openId = localStorage.getItem('openId') payService.payment(this.$route.params.orderId, 1, openId).then(rt => {...
2020-05-27
Vue2.0用户权限控制解决方案的示例
Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。安...
2020-05-27
Vue组件和Route的生命周期实例详解
先讲点实际的实用点的钩子：Created：vue实例被生成后的一个生命周期钩子函数。(页面初始化数据加载一般写这里);
beforeCreate：给个loading界面 created撤销loading;
beforeDest...
2020-05-27
利用SpringMVC过滤器解决vue跨域请求的问题
之前写过通过注释的方法解决跨域请求的方法，需要每次都在controll类使用注解，这次通过springmvc的拦截器解决：继承SpringMVC的类HandlerInterceptor重写preHandle方法，这个方法...
2020-05-27
webpack 4.0.0-beta.0版本新特性介绍
近年来前端技术如雨后春笋般蓬勃发展，我们也在这个潮流下不断地学习、成长。前端技术的不断发展，给我们提供了许多的便利。例如：JSX的出现为我们提供了一个清晰、直观的方式来...
2020-05-27
vue2.0组件之间传值、通信的多种方式(干货)
Vue中组件这个特性让不少前端er非常喜欢，我自己也是其中之一，它让前端的组件式开发更加合理和简单。这次我们就来聊一聊vue2.0组件之间传值、通信的多种方式。一、通过路由带...
2020-05-27
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
集成vue到jquery/bootstrap项目的方法
说明，项目本身使用jquery和bootstrap做的管理后台，部分登录接口跑在node服务端，大部分接口使用springmvc实现。现在，使用vue开发，集成vue到原先的项目中。不影响原先的框架。原来...
2020-05-27
vue.js系列中的vue-fontawesome使用
折腾前言目前工作主要使用 vue.js 框架进行开发，自己又对 vue 不是那么了解，还是半桶的状态，所以得加紧步伐赶紧熟悉起来，这两天在使用脚手架 vue-cli 创建项目玩耍中，又一直对fo...
2020-05-27
JS简单添加元素新节点的方法示例
本文实例讲述了JS简单添加元素新节点的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn - JS添...
2020-05-27
JS简单获得节点元素的方法示例
本文实例讲述了JS简单获得节点元素的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn - JS几种...
2020-05-27
Vue完整项目构建(进阶篇)
前置条件: 熟悉使用 Javascript + HTML5 + css3。 理解 ES2015 Module 模块(export、import、export-default)。 了解 nodejs 基础知识，npm 常用命令，以及 npm script 使用...
2020-05-27
NodeJS简单实现WebSocket功能示例
本文实例讲述了NodeJS简单实现WebSocket功能。分享给大家供大家参考，具体如下：我们基于express和socket.io开发，首先我们需要安装以下包npm install --save expressnpm install...
2020-05-27
nodeJs实现基于连接池连接mysql的方法示例
本文实例讲述了nodeJs实现基于连接池连接mysql的方法。分享给大家供大家参考，具体如下：mysql.js//连接数据库var mysql = require('mysql');var pool = mysql.createPool({ h...
2020-05-27
Express进阶之log4js实用入门指南
对于线上项目用来说，日志是非常重要的一环。log4js是使用得比较多的一个日志组件，经常跟Express一起配合使用。本文从入门实例开始，讲解log4js的使用，以及如何跟Express进行整合...
2020-05-27
vue中引用阿里字体图标的方法
想在vue中引用阿里的iconfont,却出现报错 ，原因是没有对应的loader处理字体文件。解决办法1.引入css文件import 'font-awesome/css/font-awesome.min.css'2.在webpack.config...
2020-05-27
Node.js使用MySQL连接池的方法实例
本文实例讲述了Node.js使用MySQL连接池的方法。分享给大家供大家参考，具体如下：Nodejs如何使用MySQLNodejs要连接MySQL，可以使用Nodejs的MysQL驱动来实现。比如，我们这里使用"no...
2020-05-27
vue.js,ajax渲染页面的实例
关于上次说的用vue.js，zepto，node.js,webpack等技术重构CNode。这是一个比较入门的项目，一般你学完vue就可以上手了，CNode网站有公开的API所以你可以获取这个网站的所有数据接口...
2020-05-27
ajax请求+vue.js渲染+页面加载的示例
1.导入js<script type="text/javascript" src="<c:url value="/resources/lib/jquery/jquery-1.11.0.min.js" />"></script><!--标准mui.css--><link href="<c:url value="...
2020-05-27
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
今天开始学习Vue.js的使用，但是在学习过程中发现一个问题，那就是页面加载数据时，原始代码会闪现一下。查访各方资料，终的解决方法。第一步、加入一段css代码<style type="text/c...
2020-05-27
使用vue-router设置每个页面的title方法
基本环境配置： webpack + vue2.0 + vue-router +nodeJS进入 router 文件夹底下的index.js文件首先引入：import Vue from 'vue'import Router from 'vue-router'然后在路由里面...
2020-05-27
vue页面跳转后返回原页面初始位置方法
vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在...
2020-05-27
vue-router配合ElementUI实现导航的实例
在每个项目中路由是不可或缺的，最近学习vue-router和ElementUI配合使用实现导航栏，在学习的过程中遇到一个问题：点击浏览器的刷新之后页面停留在原来的位置，但是导航却是默认第...
2020-05-27
详解如何在vue项目中引入elementUI组件
前提：已经安装好Vue
初始化vue
vue init webpack itemname运行初始化demo
运行一下初始后的demo，如果没有问题则进行安装elementUInpm run dev安装 elementUI
npm i element-u...
2020-05-27
vue刷新和tab切换实例
首先写个子组件用来放刷新的内容，命名为pull（可以看例子最后面放的。）然后再要刷新的页面引用
<template> <div class="fbjbox container"> <div class="fbjbox1"> <tab r...
2020-05-27
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
Vue实现点击后文字变色切换方法
这里用文字举例，图片切换的原理也是一样的大概思路是：用两个class相同的span分别是切换前后的文字，class相同主要是为了变换前后的文字位置相同。然后用click事件控制它们的显...
2020-05-27
原生JS实现循环Nodelist Dom列表的4种方式示例
本文实例讲述了原生JS实现循环Nodelist Dom列表的4种方式。分享给大家供大家参考，具体如下：function $(id) { return document.getElementById(id);}var _PAGE = { timeListDo...
2020-05-27
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
在 Angular中 使用 Lodash 的方法
如何Lodash 是 JavaScript 很有名的 package，尤其對於處理 array 很有一套，Angular 該如何使用 lodash 呢 ? 這也可以視為在 Angular 使用傳統 JavaScript package 的 SOP...
2020-05-27
vue项目实战总结篇
这篇文章把小编前段时间做的vue项目，做个完整的总结，具体内容请参考本文。这次算是详细总结，会从项目的搭建，一直到最后的服务器上部署。废话不多说了。干货直接上。一、 必须no...
2020-05-27
vue-router项目实战总结篇
今天来谈谈vue项目{vue,vue-router,component}三大神将之一的vue-router。作为我们前后端分离很重要的实践之一，router帮我们完成了SPA应用间的页面跳转。并且，配合axios这样...
2020-05-27
代码详解JS操作剪贴板
javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器。
javascript可以使用window.clipboardData对象处理剪贴板内容。
保存到剪贴板的方法setData(param1, par...
2020-05-27
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
1、安装vue-cli cnpm install vue-cli -g --执行全局安装2、创建一个webpack的基础项目；命令：vue init webpack myproject; 以下是项目的目录结构及说明 build是web...
2020-05-27
原生js实现省市区三级联动代码分享
前言插件功能只满足我司业务需求，如果希望有更多功能的，可在下方留言，我尽量扩展！如果你有需要或者喜欢的话，可以给我github来个star准备<div id="wrap"></div>页面中的容器标签...
2020-05-27
JS/jQuery实现DIV延时几秒后消失或显示的方法
本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考，具体如下：1、最常用的方法（setTimeout）：<script language='javascript' type='text/javascri...
2020-05-27
jQuery实现定时隐藏对话框的方法分析
本文实例讲述了jQuery实现定时隐藏对话框的方法。分享给大家供大家参考，具体如下：以下内容可能不完全正确，只是在有问题时进行参考。1. setTimeout ：出现设置了时间，但是程序...
2020-05-27
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
详解vue-admin和后端(flask)分离结合的例子
本文介绍了vue-admin和后端(flask)分离结合的例子，分享给大家，具体如下
感觉 vue-admin 界面很不错,写了一个小 Demo
看到issues好多问后端数据请求的
就上传了自己最近的这个...
2020-05-27
Vue+webpack项目基础配置教程
最近在学习webpack，跟着课程一个单页面应用，在这里记录一下。这个部分主要讲了如何配置webpack的环境，以及webpack dev的配置。记录比较粗略，后续会更新。1.开发环境：vscode,node...
2020-05-27
nodejs+express搭建多人聊天室步骤
前言
本文主要是笔者在学习node的时候，作为练手的一个小项目，花了几天空余时间，边码边写教程的一个过程。适用于对node理论知识看的多，实战少的同学，那么现在就让我们开始吧！准备...
2020-05-27
nginx+vue.js实现前后端分离的示例代码
1.nginx 是一个高性能的HTTP和反向代理服务器，常用于分布式服务器管理.它常用于做负载均衡(通过调用多台服务器达到此目的)静态资源输出更快，可以对资源实现gzip压缩后输出(这...
2020-05-27
vue2.0实现前端星星评分功能组件实例代码
下面给大家分享vue 2.0实现星星评分组件，代码很简单，一起看看吧！废话不多说了，直接给大家贴代码了，具体代码如下所示：
<template id="pingJia"><div><ul><li :class="{li1:1,bg1:i...
2020-05-27
nginx部署访问vue-cli搭建的项目的方法
从vue-router官网了解到如果是用history模式构建的vue项目打包后是需要后端配置支持的，而hash是不需要的，只不过地址会多了一个#/的后缀。使用hash模式构建的项目打包后，我只需...
2020-05-27
Vue打包后出现一些map文件的解决方法
Vue打包后出现一些map文件的解决办法：
问题： 可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，那我们怎么把它去掉不要呢？
1，运行 cnpm run build 开始打包
2，会在...
2020-05-27
基于Node.js实现压缩和解压缩的方法
压缩格式zip 和 gzip 是两种我们最常见到的压缩格式，当然，gzip 在 Windows 下很少有人接触。tar 是一种归档格式，它默认不会压缩，需要结合 gzip 来将最终的 tar 文件以 gzip 格...
2020-05-27
