编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

79浏览

0评论

讲解vue-router之什么是编程式路由

前言：编程式路由在我们的项目使用过程中最常用的的方法了。
GitHub：https://github.com/Ewall1106/mall/
什么是编程式路由呢？就是通过写js代码来实现页面的跳转1.$router.push...

2020-05-27 05:24:43

102浏览

0评论

微信小程序上传图片功能（附后端代码）

几乎每个程序都需要用到图片，在小程序中我们可以通过image组件显示图片。当然小程序也是可以上传图片的，微信小程序文档也写的很清楚。上传图片首先选择图片
通过wx.chooseIma...

2020-05-27 05:24:42

84浏览

0评论

微信小程序实现图片上传功能

本文实例为大家分享了微信小程序实现图片上传功能的具体代码，供大家参考，具体内容如下
前端：微信开发者工具后端：.Net服务器：阿里云这里介绍微信小程序如何实现上传图片到自己的...

2020-05-27 05:24:41

90浏览

0评论

讲解vue-router之命名路由和命名视图

前言：前面我们把动态路由、嵌套路由等讲完了，说道完命名路由和命名视图，vue-router的基本使用方法就算是完篇了，还想仔细探究的同学可以去官网翻阅，加深理解。
1.首先来说说什么...

2020-05-27 05:24:39

59浏览

0评论

Vue 组件传值几种常用方法【总结】

使用vue也有很多年了，一直都没有整理一下相关知识，给大家总结下开发过程中所遇到的一些坑，主要给大家总结一下vue组件传值的几种常用方法：1、通过路由带参数传值 ① A组件通过...

2020-05-27 05:24:38

56浏览

0评论

Vue路由切换时的左滑和右滑效果示例

如何实现Vue路由切换时的左滑和右滑效果，因为原作者ustbhuangyi老师的两个慕课项目中都没有这样的效果，于是突发奇想要做这个功能，看了看QQ、微信都没这样的效果，最后发现Segmen...

2020-05-27 05:24:37

210浏览

0评论

javascript、php关键字搜索函数的使用方法

javascript：
a. 代码：
/*@desc：js搜索函数，可用于关键字匹配@param key 关键字@param str 要搜索的字符串@return out 匹配关键字前后出现的位置*/function search(key,str){var...

2020-05-27 05:24:36

67浏览

0评论

深入理解Vue Computed计算属性原理

Computed 计算属性是 Vue 中常用的一个功能，但你理解它是怎么工作的吗？拿官网简单的例子来看一下：<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed...

2020-05-27 05:24:35

90浏览

0评论

浅谈React的最大亮点之虚拟DOM

在Web开发中，需要将数据的变化实时反映到UI上，这时就需要对DOM进行操作，但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因，为此，React引入了虚拟DOM（Virtual DOM）的机制。
一、什...

2020-05-27 05:24:34

73浏览

0评论

js统计页面上每个标签的数量实例代码

具体代码如下所示：function fold(node){ var map = new Map(); map.set(node.tagName,1); [].reduce.call(node.children,(acc,child)=>{ deal(acc,fo...

2020-05-27 05:24:33

53浏览

0评论

详解vue-cli项目中怎么使用mock数据

前言注意：网上很多教程说需要在build目录下的dev-server.js文件中配置，但目前最新的vue-cli是没有dev-server.js这个文件的，因为已经被合并到webpack.dev.conf.js文件中，所以直...

2020-05-27 05:24:32

76浏览

0评论

详解vue-cli 本地开发mock数据使用方法

vue-cli 中可以通过配置 proxyTable 解决开发环境的跨域问题，具体可以参考这篇文章：Vue-cli proxyTable 解决开发环境的跨域问题如果后端接口尚未开发完成，前端开发一般使用mo...

2020-05-27 05:24:30

71浏览

0评论

Vue 全局loading组件实例详解

上图不上种，菊花万人捅：loading.js:import './loading.css' let Loading = {}// 避免重复install，设立flagLoading.installed = falseLoading.install = function (Vue) { if (...

2020-05-27 05:24:29

64浏览

0评论

微信小程序6位或多位验证码密码输入框功能的实现代码

在做小程序过程中做一个6位验证码输入框，本以为很简单，但是在写的时候遇到各种各样的阻力，在网上查阅资料也寥寥无几，后来经过一番思考，终于敲定下来本人最满意的方案，特意发出来...

2020-05-27 05:24:28

123浏览

0评论

vuejs 切换导航条高亮(路由菜单高亮)的方法示例

我的GitHub前端经验总结，喜欢的话请点star:Thanks.: https://github.com/liangfengbo/frontend-developvuejs导航条高亮我的做法：用一个数组存导航条，用v-for循环它，这样可以...

2020-05-27 05:24:27

71浏览

0评论

使用webpack3.0配置webpack-dev-server教程

最近正在研究webpack，听说webpack可以自己搭建一个小型的服务器（使用过vue-cli的朋友应该都见识到过），所以迫不及待的想要尝试一下。不过，在实际操作中发现，用webpack搭建服务器仍...

2020-05-27 05:24:26

49浏览

0评论

基于打包工具Webpack进行项目开发实例

一. 常见打包工具的介绍在打包工具中,常见的有RequireJS,browserify,webpack,其中RequireJS是一个JavaScript模块加载器,基予ADM(async module define)规范实现,browserify...

2020-05-27 05:24:23

81浏览

0评论

详解如何使用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 05:24:22

81浏览

0评论

vue 表单输入格式化中文输入法异常问题

v-model 是 vue.js 提供的语法糖，根据不同的表单控件监听不同的事件，实现对表单控件的数据双向绑定。当控件是 <input> 输入框时，v-model 监听其 input 事件。如下所示，这两种写...

2020-05-27 05:24:21

94浏览

0评论

vue通过点击事件读取音频文件的方法

我们项目现在有这样一个需求，通过select元素来选择音频文件的名称，点击按钮可以进行试听。话不多说，直接上代码：HTML：<div class="testVoice"> <p class="p-title">提示声音:</p>...

2020-05-27 05:23:59

61浏览

0评论

微信小程序实现跑马灯效果完整代码(附效果图)

一：功能介绍及讲解实现的跑马灯（跑马灯里面显示文章的title）的效果，并在右侧有个查看文章的按钮，按钮绑定当前的跑马灯信息的id，点击按钮后根据id跳转到相应的文章详情页；这里值得...

2020-05-27 05:23:58

45浏览

0评论

Angular搜索场景中使用rxjs的操作符处理思路

在有input输入框的搜索/过滤业务中，总会考虑如何减少发起请求频率，尽量使每次的请求都是有效的。节流和防抖是比较常见的做法，这类函数的实现方式也不难，不过终归还是需要自己封...

2020-05-27 05:23:55

83浏览

0评论

vue源码学习之Object.defineProperty对象属性监听

本文介绍了vue源码学习之Object.defineProperty对象属性监听，分享给大家，具体如下：参考版本 vue源码版本：0.11
相关vue实现双向数据绑定的关键是 Object.defineProperty ，让我们...

2020-05-27 05:23:54

64浏览

0评论

vue源码学习之Object.defineProperty 对数组监听

上一篇中，我们介绍了一下defineProperty 对对象的监听，这一篇我们看下defineProperty 对数组的监听数组的变化
先让我们了解下Object.defineProperty()对数组变化的跟踪情况：va...

2020-05-27 05:23:53

54浏览

0评论

使用vuex缓存数据并优化自己的vuex-cache

需求：请求接口之后，缓存当前接口的数据，下次请求同一接口时拿缓存数据，不再重新请求添加缓存失效时间cache使用map来实现ES6 模块与 CommonJS 模块的差异 CommonJS 模块输...

2020-05-27 05:23:52

79浏览

0评论

Angular4 反向代理Details实践

本文介绍了Angular4 反向代理Details实践，分享给大家，具体如下：1. 设置proxy.config.json文件
{ "/api": { //这里是前台调用后端接口时做的代理标识 "target": "localhost:3...

2020-05-27 05:23:51

112浏览

0评论

vue项目中jsonp跨域获取qq音乐首页推荐问题

自己利用业余时间，为了更加数据vue和es6的特性，自学着和做了vue的移动端webapp项目。在项目中也是遇到了很多的问题。接下来，先说一下怎么实现这个需求，然后再说我遇到的问题，以...

2020-05-27 05:23:50

88浏览

0评论

浅谈如何使用webpack构建多页面应用

前言
之前使用 vue2.x + webpack3.x 撸了一个 vue 单页脚手架
vue 版 spa 脚手架
有兴趣的同学可以看下,内附详细注释,适合刚学习 webpack 的童鞋.
react 版 spa 脚手架...

2020-05-27 05:23:49

54浏览

0评论

详解javascript 正则表达式之分组与前瞻匹配

本文主要讲解javascript 的正则表达式中的分组匹配与前瞻匹配的，需要对正则的有基本认识，本人一直对两种匹配模棱不清。所以在这里总结一下，如有不对，还望大神指点。1.分组匹配：...

2020-05-27 05:23:48

74浏览

0评论

d3.js实现自定义多y轴折线图的示例代码

前言需求是实现一个生命体征的体温单，x轴是时间线，y轴有多个体征项。效果不是特别复杂，但是行业特殊性，所以也没有现成可用的，所以用 d3.js 实现了一个多y轴的折线图。基础这张图...

2020-05-27 05:23:47

96浏览

0评论

JS实现键值对遍历json数组功能示例

本文实例讲述了JS实现键值对遍历json数组功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>www.freexyz.cn js键值...

2020-05-27 05:23:46

62浏览

0评论

Javascript获取某个月的天数

Javascript里面的new Date("xxxx/xx/xx")这个日期的构造方法有一个妙处，当你传入的是"xxxx/xx/0"（0号）的话，得到的日期是"xx"月的前一个月的最后一天（"xx"月的最大取值是69，题外...

2020-05-27 05:23:44

55浏览

0评论

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 05:23:43

49浏览

0评论

Vue2.0 实现移动端图片上传功能

本文主要介绍VUE2.0图片上传功能的实现。原理是通过js控制和input标签的方式完成这一效果，无需加载其他组件。效果图如下：
1.DOM代码1.1input标签由于我们是通过input标签的...

2020-05-27 05:23:41

101浏览

0评论

webpack里使用jquery.mCustomScrollbar插件的方法

malihu-custom-scrollbar-plugin是一个依赖jquery的自定义网页滚动条样式插件网站： http://manos.malihu.gr/jquery-custom-content-scroller/ github： https://github.com/ma...

2020-05-27 05:23:40

47浏览

0评论

angular2路由之routerLinkActive指令【推荐】

angular2的routerLinkActive指令在路由激活时添加样式class.red{ color: red;} <a routerLink="/user/login" routerLinkActive="red">login</a>当url是user或者/user/login...

2020-05-27 05:23:39

106浏览

0评论

Vue 让元素抖动/摆动起来的实现代码

首先展示一下效果，狠狠点击 https://zhangkunusergit.github.io/vue-component/dist/jitter.html代码github : https://github.com/zhangKunUserGit/vue-component先说一下用...

2020-05-27 05:23:38

63浏览

0评论

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 05:23:37

76浏览

0评论

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 05:23:36

49浏览

0评论

Vue2 轮播图slide组件实例代码

Vue2原生始轮播图组件，支持宽度自适应、高度设置、轮播时间设置、左右箭头按钮控制，圆点按钮切换，以及箭头、圆点按钮是否显示。<v-carousel :slideData="slideData" :height="...

2020-05-27 05:23:35

94浏览

0评论

用JS实现根据当前时间随机生成流水号或者订单号

既然是根据当前的时间，那么我们第一步就是获取当前时间，然后拼接一个随机数，这样便实现了随机生成一个流水号，注意由于要求每个流水号都是独一无二的，生成后提交的过程中还是需要...

2020-05-27 05:23:34

61浏览

0评论

Vue组件中prop属性使用说明实例代码详解

Prop 的大小写 (camelCase vs kebab-case)HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命...

2020-05-27 05:23:33

88浏览

0评论

Node.js笔记之process模块解读

process存在于全局对象上，不需要使用require()加载即可使用，process模块主要做两方面的事情读：获取进程信息（资源使用、运行环境、运行状态）写：执行进程操作（监听事件、调度任...

2020-05-27 05:23:32

81浏览

0评论

Vue实现侧边菜单栏手风琴效果实例代码

效果图如下所示：<template> <div class="asideBox"> <aside> <ul class="asideMenu"> <li v-for="(item,index) in menuList"> <div class="oneMenu" @c...

2020-05-27 05:23:31

58浏览

0评论

node跨域转发 express+http-proxy-middleware的使用

最近公司在尝试前后端分离的开发模式，现有应用是java语言，要从中间拆除一个小的模块来做前后端分离，工具上还是jquery，只不过是流程和分工上的分离，不想在前端的机器上搭建一套ja...

2020-05-27 05:23:30

68浏览

0评论

Vue组件之极简的地址选择器的实现

一、前言
本文用Vue完成一个极简的地点选择器，我们接下来带大家实现这个。当然其中也有一些值得学习与注意的地方。话不多说，我们先上demo图。因为每个人的需要不一样，我这边就...

2020-05-27 05:23:29

67浏览

0评论

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...