详解vue-cli项目中怎么使用mock数据
前言注意：网上很多教程说需要在build目录下的dev-server.js文件中配置，但目前最新的vue-cli是没有dev-server.js这个文件的，因为已经被合并到webpack.dev.conf.js文件中，所以直...
2020-05-27
详解vue-cli 本地开发mock数据使用方法
vue-cli 中可以通过配置 proxyTable 解决开发环境的跨域问题，具体可以参考这篇文章：Vue-cli proxyTable 解决开发环境的跨域问题 如果后端接口尚未开发完成，前端开发一般使用mo...
2020-05-27
Vue 全局loading组件实例详解
上图不上种，菊花万人捅：loading.js:import './loading.css' let Loading = {}// 避免重复install，设立flagLoading.installed = falseLoading.install = function (Vue) { if (...
2020-05-27
微信小程序6位或多位验证码密码输入框功能的实现代码
在做小程序过程中做一个6位验证码输入框，本以为很简单，但是在写的时候遇到各种各样的阻力，在网上查阅资料也寥寥无几，后来经过一番思考，终于敲定下来本人最满意的方案，特意发出来...
2020-05-27
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
我的GitHub前端经验总结，喜欢的话请点star:Thanks.: https://github.com/liangfengbo/frontend-developvuejs导航条高亮我的做法： 用一个数组存导航条，用v-for循环它，这样可以...
2020-05-27
使用webpack3.0配置webpack-dev-server教程
最近正在研究webpack，听说webpack可以自己搭建一个小型的服务器（使用过vue-cli的朋友应该都见识到过），所以迫不及待的想要尝试一下。不过，在实际操作中发现，用webpack搭建服务器仍...
2020-05-27
基于打包工具Webpack进行项目开发实例
一. 常见打包工具的介绍在打包工具中,常见的有RequireJS,browserify,webpack,其中RequireJS是一个JavaScript模块加载器,基予ADM(async module define)规范实现,browserify...
2020-05-27
详解如何使用babel进行es6文件的编译
1.babelbabel官方网址2. 安装npm i babel-cli -g 通过上面命令进行babel的安装,其中i表示安装install的意思, -g表示安装到全局
3.使用创建文件es6.jslet num = [1,2,3,4];...
2020-05-27
vue 表单输入格式化中文输入法异常问题
v-model 是 vue.js 提供的语法糖，根据不同的表单控件监听不同的事件，实现对表单控件的数据双向绑定。当控件是 <input> 输入框时，v-model 监听其 input 事件。如下所示，这两种写...
2020-05-27
vue通过点击事件读取音频文件的方法
我们项目现在有这样一个需求，通过select元素来选择音频文件的名称，点击按钮可以进行试听。话不多说，直接上代码：HTML：<div class="testVoice"> <p class="p-title">提示声音:</p>...
2020-05-27
微信小程序实现跑马灯效果完整代码(附效果图)
一：功能介绍及讲解实现的跑马灯（跑马灯里面显示文章的title）的效果，并在右侧有个查看文章的按钮，按钮绑定当前的跑马灯信息的id，点击按钮后根据id跳转到相应的文章详情页；这里值得...
2020-05-27
Angular搜索场景中使用rxjs的操作符处理思路
在有input输入框的搜索/过滤业务中，总会考虑如何减少发起请求频率，尽量使每次的请求都是有效的。节流和防抖是比较常见的做法，这类函数的实现方式也不难，不过终归还是需要自己封...
2020-05-27
vue源码学习之Object.defineProperty对象属性监听
本文介绍了vue源码学习之Object.defineProperty对象属性监听，分享给大家，具体如下：参考版本 vue源码版本：0.11
相关vue实现双向数据绑定的关键是 Object.defineProperty ，让我们...
2020-05-27
vue源码学习之Object.defineProperty 对数组监听
上一篇中，我们介绍了一下defineProperty 对对象的监听，这一篇我们看下defineProperty 对数组的监听数组的变化
先让我们了解下Object.defineProperty()对数组变化的跟踪情况：va...
2020-05-27
使用vuex缓存数据并优化自己的vuex-cache
需求： 请求接口之后，缓存当前接口的数据，下次请求同一接口时拿缓存数据，不再重新请求 添加缓存失效时间cache使用map来实现ES6 模块与 CommonJS 模块的差异 CommonJS 模块输...
2020-05-27
Angular4 反向代理Details实践
本文介绍了Angular4 反向代理Details实践，分享给大家，具体如下：1. 设置proxy.config.json文件
{ "/api": { //这里是前台调用后端接口时做的代理标识 "target": "localhost:3...
2020-05-27
vue项目中jsonp跨域获取qq音乐首页推荐问题
自己利用业余时间，为了更加数据vue和es6的特性，自学着和做了vue的移动端webapp项目。在项目中也是遇到了很多的问题。接下来，先说一下怎么实现这个需求，然后再说我遇到的问题，以...
2020-05-27
浅谈如何使用webpack构建多页面应用
前言
之前使用 vue2.x + webpack3.x 撸了一个 vue 单页脚手架
vue 版 spa 脚手架
有兴趣的同学可以看下,内附详细注释,适合刚学习 webpack 的童鞋.
react 版 spa 脚手架...
2020-05-27
详解javascript 正则表达式之分组与前瞻匹配
本文主要讲解javascript 的正则表达式中的分组匹配与前瞻匹配的，需要对正则的有基本认识，本人一直对两种匹配模棱不清。所以在这里总结一下，如有不对，还望大神指点。1.分组匹配：...
2020-05-27
d3.js实现自定义多y轴折线图的示例代码
前言需求是实现一个生命体征的体温单，x轴是时间线，y轴有多个体征项。效果不是特别复杂，但是行业特殊性，所以也没有现成可用的，所以用 d3.js 实现了一个多y轴的折线图。基础这张图...
2020-05-27
JS实现键值对遍历json数组功能示例
本文实例讲述了JS实现键值对遍历json数组功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>www.freexyz.cn js键值...
2020-05-27
Javascript获取某个月的天数
Javascript里面的new Date("xxxx/xx/xx")这个日期的构造方法有一个妙处，当你传入的是"xxxx/xx/0"（0号）的话，得到的日期是"xx"月的前一个 月的最后一天（"xx"月的最大取值是69，题外...
2020-05-27
jQuery 导航自动跟随滚动的实现代码
具体代码如下所示：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/c...
2020-05-27
Vue2.0 实现移动端图片上传功能
本文主要介绍VUE2.0图片上传功能的实现。原理是通过js控制和input标签的方式完成这一效果，无需加载其他组件。效果图如下：
1.DOM代码1.1input标签 由于我们是通过input标签的...
2020-05-27
webpack里使用jquery.mCustomScrollbar插件的方法
malihu-custom-scrollbar-plugin是一个依赖jquery的自定义网页滚动条样式插件网站： http://manos.malihu.gr/jquery-custom-content-scroller/ github： https://github.com/ma...
2020-05-27
angular2路由之routerLinkActive指令【推荐】
angular2的routerLinkActive指令在路由激活时添加样式class.red{ color: red;} <a routerLink="/user/login" routerLinkActive="red">login</a>当url是user或者/user/login...
2020-05-27
Vue 让元素抖动/摆动起来的实现代码
首先展示一下效果，狠狠点击 https://zhangkunusergit.github.io/vue-component/dist/jitter.html代码github : https://github.com/zhangKunUserGit/vue-component先说一下用...
2020-05-27
JavaScript 中的12种循环遍历方法【总结】
1、for 循环let arr = [1,2,3];for (let i=0; i<arr.length; i++){ console.log(i,arr[i])}// 0 1// 1 2// 2 3for 循环是 Js 中最常用的一个循环工具，经常用于数组的循环遍...
2020-05-27
vue2.0+vuex+localStorage代办事项应用实现详解
vue2.0+vuex+localStorage 待办事项源码：https://github.com/Mynameisfwk/vue-Todo-list参考代码：https://github.com/Mynameisfwk/vivo-shop代码预览
vuex官方文档 https://v...
2020-05-27
Vue2 轮播图slide组件实例代码
Vue2原生始轮播图组件，支持宽度自适应、高度设置、轮播时间设置、左右箭头按钮控制，圆点按钮切换，以及箭头、圆点按钮是否显示。<v-carousel :slideData="slideData" :height="...
2020-05-27
用JS实现根据当前时间随机生成流水号或者订单号
既然是根据当前的时间，那么我们第一步就是获取当前时间，然后拼接一个随机数，这样便实现了随机生成一个流水号，注意由于要求每个流水号都是独一无二的，生成后提交的过程中还是需要...
2020-05-27
Vue组件中prop属性使用说明实例代码详解
Prop 的大小写 (camelCase vs kebab-case)HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命...
2020-05-27
Node.js笔记之process模块解读
process存在于全局对象上，不需要使用require()加载即可使用，process模块主要做两方面的事情 读：获取进程信息（资源使用、运行环境、运行状态） 写：执行进程操作（监听事件、调度任...
2020-05-27
Vue实现侧边菜单栏手风琴效果实例代码
效果图如下所示：<template> <div class="asideBox"> <aside> <ul class="asideMenu"> <li v-for="(item,index) in menuList"> <div class="oneMenu" @c...
2020-05-27
node跨域转发 express+http-proxy-middleware的使用
最近公司在尝试前后端分离的开发模式，现有应用是java语言，要从中间拆除一个小的模块来做前后端分离，工具上还是jquery，只不过是流程和分工上的分离，不想在前端的机器上搭建一套ja...
2020-05-27
Vue组件之极简的地址选择器的实现
一、前言
本文用Vue完成一个极简的地点选择器，我们接下来带大家实现这个。当然其中也有一些值得学习与注意的地方。话不多说，我们先上demo图。因为每个人的需要不一样，我这边就...
2020-05-27
vuejs实现标签选项卡动态更改css样式的方法
html<ul class="header-list"> <li v-cloak v-for="(item,index) in headerList" v-on:click="selectMainTheme(index)"><a href="java:;" rel="external nofollow" :cl...
2020-05-27
jQuery实现动态加载select下拉列表项功能示例
本文实例讲述了jQuery实现动态加载select下拉列表项功能。分享给大家供大家参考，具体如下：需求说明：以前使用的select下拉列表都是静态的，select 的option数据都是写死的。现在...
2020-05-27
jQuery基于Ajax实现读取XML数据功能示例
本文实例讲述了jQuery基于Ajax实现读取XML数据功能。分享给大家供大家参考，具体如下：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="...
2020-05-27
详解基于Node.js的HTTP/2 Server实践
虽然HTTP/2目前已经逐渐的在各大网站上开始了使用，但是在目前最新的Node.js上仍然处于实验性API，还没有能有效解决生产环境各种问题的应用示例。因此在应用HTTP/2的道路上我自...
2020-05-27
手把手教你vue-cli单页到多页应用的方法
vue-cli到多页应用前言：我有一个cli创建的vue项目，但是我想做成多页应用，怎么办，废话不多说，直接开撸~约定：新增代码部分在//add和//end中间 删除(注释)代码部分在//del和//end中...
2020-05-27
Rollup处理并打包JS文件项目实例代码
关于Rollup
rollup是一款用来es6模块打包代码的构建工具(支持css和js打包)。当我们使用ES6模块编写应用或者库时，它可以打包成一个单独文件提供浏览器和Node.js来使用。 它的...
2020-05-27
微信小程序登录换取token的教程
前言：这次主要是介绍些业务逻辑，技术点倒是没有多少。不过在开发中，优秀的编程思路同样是非常值得学习的。
最近小程序可以说在开发届狠狠的火了一把。微信小程序可以开发游戏，...
2020-05-27
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
本文实例讲述了JS与jQuery实现ListBox上移,下移,左移,右移操作功能。分享给大家供大家参考，具体如下：先来看看Javascript版选择下拉菜单互移且排序操作：<html><head> <title>J...
2020-05-27
node.js利用socket.io实现多人在线匹配联机五子棋
项目地址，已上传github ——> client端使用简单的h5+js实现了棋局的总体布局。 server端使用node的socket.io模块与客户端进行数据交互，棋子的落点和输赢校验均是在server端完...
2020-05-27
详解vue-router 命名路由和命名视图
说明：vue-router的几个文章中例子是连贯的，因此对哪块有疑问请翻阅按发表时间排序的其他文章。
一、概述 给路由定义不同的名字，根据名字进行匹配 给不同的router-view定义...
2020-05-27
React 使用browserHistory项目访问404问题解决
最近项目里面用到了React但是发布到iis站点之后,路由地址 刷新访问直接404错误。查阅资料之后发现是iis缺少配置URL重写 的问题导致的。下面我们来图形化配置，简单的配置下II...
2020-05-27
Angularjs之如何在跨域请求中传输Cookie的方法
一般情况我们在使用WebApi之类的技术时，都会遇到跨域的问题，这个只需要在服务端做一下处理即可。
如果这些GET或POST请求不需要传递Cookie数据的话，就没什么问题了，但如果需要，那...
2020-05-27
说说node中的可读流和可写流的区别
前言nodejs中大量的api与流有关，曾经看到公司的一些大神的node代码，实现一个接口只需要pipe一下另一个java接口就可以了。简单的一行代码实在让人困惑。作为小白的自己一脸懵...
2020-05-27
基于JS实现带动画效果的流程进度条
当在使用流程的时候，比如有一个审核流程，有三个阶段：开始，审核中，审核成功。当在不同的阶段，做相应的进度显示，当显示时，是以动画的形式显示的。话不多说，我们开始打造吧。 首先，我...
2020-05-27
