编程开发 - 教程之家

编程开发

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

40浏览

0评论

vue.js轮播图组件使用方法详解

之前用jQuery写过轮播组件，用的jquery动画实现的图片滑动效果。这个组件的滑动特效是原生js搭配vue的数据绑定实现的，不依赖其他库，虽然可以再vue.js中引入swiper,但是引入类...

2020-05-27 05:16:16

53浏览

0评论

VUE 3D轮播图封装实现方法

本文为大家分享了VUE 3D轮播图封装的具体代码，供大家参考，具体内容如下一、体验地址VUE 3D轮播图二、实现功能点
（1）、无缝轮播
（2）、进入变大、离开缩小（类3d切换效果）三、js代码...

2020-05-27 05:16:15

83浏览

0评论

基于React+Redux的SSR实现方法

为什么要实现服务端渲染(SSR)
总结下来有以下几点： SEO，让搜索引擎更容易读取页面内容首屏渲染速度更快（重点），无需等待js文件下载执行的过程代码同构，服务端和客户端可以共...

2020-05-27 05:16:14

111浏览

0评论

echarts同一页面中四个图表切换的js数据交互方法示例

需求：点击tab页，切换四个不同的图表，ajax向后台请求数据，展示在四个不同的图表中。其余的就不多说，直接上js代码了示例代码：$(function() { $("#heart").on("click", function() {...

2020-05-27 05:16:13

95浏览

0评论

详解vue-cli中模拟数据的两种方法

在main.js中引入vue-resource模块，Vue.use(vueResource). 1.使用json-server(不能用post请求)接下来找到build目录下的webpack.dev.conf.js文件，在const portfinder = requir...

2020-05-27 05:16:12

93浏览

0评论

JS实现点击按钮可实现编辑功能

具体代码如下所示：
<script type="text/javascript">//修改密码//抓取到的数据function edit() {document.getElementById("ps").style.display = "none";document.getElemen...

2020-05-27 05:16:10

58浏览

0评论

微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb

发现问题重新启动微信小程序编辑器的时候遇到了这样的一个问题：tabBar.list[3].selectedIconPath 大小超过 40kb

微信小程序开发的过程之中总会出现这样或者那样的错误，需要...

2020-05-27 05:16:09

82浏览

0评论

用Node编写RESTful API接口的示例代码

前言
本文介绍了如何用Node开发web程序，并通过一个todo list练习来介绍如何创建符合RESTful风格的API接口。创建HTTP服务器
用Node创建HTTP服务器是非常方便的。
创建HTTP服...

2020-05-27 05:16:07

42浏览

0评论

Redux实现组合计数器的示例代码

Redux是一种解决数据共享的方案import {createStore} from 'redux';import React from 'react';import ReactDOM from 'react-dom';import {connect, createProvider} from...

2020-05-27 05:16:06

154浏览

0评论

浅谈在react中如何实现扫码枪输入

触发原理
原理就是监听键盘输入，比如扫一个为6970596130126的69条形码，用扫码枪扫一下会在光标位置依次输出：6
9
7
0
5
9
6
1
3
0
2
6
但这不是完整的，所以需要写一个函数scanEv...

2020-05-27 05:16:05

248浏览

0评论

解决vue项目打包后提示图片文件路径错误的问题

vue项目打包后在production模式下提示图片 ‘404（not found），在dev环境下好好的，打包了就提示这个错误。这是为什么呢，以前第一次使用vue-cli构建项目的的时候只有两个图片文件，当...

2020-05-27 05:16:04

91浏览

0评论

React组件内事件传参实现tab切换的示例代码

本文介绍了React组件内事件传参实现tab切换的示例代码，分享给大家，具体如下：组件内默认onClick事件触发函数actionClick, 是不带参数的, 不带参数的写法: 如onClick= { acti...

2020-05-27 05:16:01

55浏览

0评论

jQuery实现table表格checkbox全选的方法分析

本文实例讲述了jQuery实现table表格checkbox全选的方法。分享给大家供大家参考，具体如下：今天在页面中使用jQuery实现了全选框操作，如图：具体的实现过程很简单：第一步设计一个简...

2020-05-27 05:15:59

104浏览

0评论

jQuery实现炫丽的3d旋转星空效果

本文实例讲述了jQuery实现炫丽的3d旋转星空效果。分享给大家供大家参考，具体如下：该特效也是在Jquery插件库中找到的，感觉效果不错，说不定以后项目中要有绚丽的星空背景，拿来即用...

2020-05-27 05:15:57

65浏览

0评论

vue两个组件间值的传递或修改方式

1、可以用公共的父组件来实现；2、可以在store.js里面在设置公共变量；3、也可以用本地存储localStorage.setItem()和localStorage.getItem()，通过修改本地存储的值和获取修改后...

2020-05-27 05:15:56

116浏览

0评论

vue使用ElementUI时导航栏默认展开功能的实现

本文主要参考：http://element.eleme.io/#/zh-CN/component/menu在使用elementUI的时候发现，能够展开的导航栏是不能展开的，效果这里先不演示了。可以在上边的网站上看到。现在...

2020-05-27 05:15:55

60浏览

0评论

手把手教你用Node.js爬虫爬取网站数据的方法

开始之前请先确保自己安装了Node.js环境，还没有安装的的童鞋请看一下安装教程......https://www.freexyz.cn/article/113677.htmhttps://www.freexyz.cn/article/57687.htm直接开...

2020-05-27 05:15:54

48浏览

0评论

JavaScript实现浅拷贝与深拷贝的方法分析

本文实例讲述了JavaScript实现浅拷贝与深拷贝的方法。分享给大家供大家参考，具体如下：平时使用数组复制时，我们大多数会使用‘='，这只是浅拷贝，存在很多问题。比如let arr = [1,2...

2020-05-27 05:15:53

47浏览

0评论

JavaScript实现图片懒加载的方法分析

本文实例讲述了JavaScript实现图片懒加载的方法。分享给大家供大家参考，具体如下：懒加载是非常实用的提升网页性能的方式，当访问一个页面的时候，只显示可视区域内的图片，其它的图...

2020-05-27 05:15:52

92浏览

0评论

vue实现自定义多选与单选的答题功能

本来实现多选单选这个功能，vue组件中在表单方面提供了一个v-model指令，非常的善解“猿”意，能把我们的多选单选功能很完美的且很强大得双向绑定起来，实现多选单选任意选根本不在...

2020-05-27 05:15:51

57浏览

0评论

微信小程序实现左右联动的实战记录

前言最近在学习小程序，实现了左右联动的功能，记录一下思绪，方便以后参考。最终的界面如下, 点击左边任意一个项目，右边会跳到相应项目的起始位置，右边滑动，左则会跳到相应的位置。...

2020-05-27 05:15:49

161浏览

0评论

JavaScript实现京东购物放大镜和选项卡效果的方法分析

本文实例讲述了JavaScript实现京东购物放大镜和选项卡效果的方法。分享给大家供大家参考，具体如下：购物网站点击商品后，都会有一个查看物品图片，并且可以放大仔细观察物品的功能...

2020-05-27 05:15:48

59浏览

0评论

Nodejs实现爬虫抓取数据实例解析

开始之前请先确保自己安装了Node.js环境，如果没有安装，大家可以到下载安装。1.在项目文件夹安装两个必须的依赖包npm install superagent --save-devsuperagent 是一个轻量的,...

2020-05-27 05:15:47

95浏览

0评论

微信小程序开发之改变data中数组或对象的某一属性值

前言：在小程序的开发中，我们在view中便利data中数组或对象时，很多情况下需要在js中动态改变数组或者对象中某一香的属性值。
效果图：我给大家总结了案例如下：
wxml如下：<scroll-vi...

2020-05-27 05:15:46

46浏览

0评论

JavaScript递归函数解“汉诺塔”算法代码解析

“汉诺塔”是一个著名的益智游戏。塔上有3根柱子和一套直径各不相同的空心圆盘。开始时柱子上的所有圆盘都按照从小到大的顺序堆叠。目标是通过每次移动一个圆盘到另一根柱...

2020-05-27 05:15:45

60浏览

0评论

基于jQuery使用Ajax动态执行模糊查询功能

使用Ajax动态执行模糊查询功能•必须：需要一个执行查询的接口：说明：1.搜索模块仅仅使用了boostrap的样式以及Jquery.js文件2.因为我使用的layui的弹出层里面做的搜索ifram...

2020-05-27 05:15:44

85浏览

0评论

JavaScript控制浏览器全屏显示简单示例

本文实例讲述了JavaScript控制浏览器全屏显示。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht...

2020-05-27 05:15:42

65浏览

0评论

微信小程序之批量上传并压缩图片的实例代码

具体内容如下所示：首先，要在.wxml文件里面创建一个canvas，作用是承载压缩的图片，以供上传的时候获取这个canvas不能隐藏，否则没效果，可以将其移至屏幕外。
<canvas canvas-id='att...

2020-05-27 05:15:41

49浏览

0评论

微信小程序实现运动步数排行功能（可删除）

效果图如下所示：wxml
<view class="item-box"> <view class="items"> <view wx:for="{{list}}" wx:key="{{index}}" class="item"> <view bi...

2020-05-27 05:15:40

53浏览

0评论

vue-router history模式下的微信分享小结

背景
旧项目改造，进行前后端分离。做成了spa，为了保证后端路由时期链接可用性，使用了history模式。
因为不同的页面有不同的分享内容，所以每次路由都要重新进行wx.config/wx.rea...

2020-05-27 05:15:39

64浏览

0评论

微信小程序实现星级评分和展示

本文实例为大家分享了微信小程序实现星级评分和展示的具体代码，供大家参考，具体内容如下星级评分分成两种情况: 一:展示后台给的评分数据二:用户点击第几颗星星就显示为几...

2020-05-27 05:15:38

51浏览

0评论

基于vue展开收起动画的示例代码

之前用jquery实现还很简单，然后用vue就一直不行，然后在网上找了很多，又仔细看了vue官网的过渡&动画，发现其实很简单 (可以多看vue官网过渡&动画实现更多效果)1、实际效果

2...

2020-05-27 05:15:37

71浏览

0评论

vue v-model实现自定义样式多选与单选功能

这两天在玩mpvue，但是下午如果对着文档大眼瞪小眼的话，肯定会睡着的。想起昨晚的flag，我就想直接用demo上手吧，一举两得谁想到我好不容易快做完了，v-model在小程序中不起作用！来...

2020-05-27 05:15:36

59浏览

0评论

微信小程序实时聊天WebSocket

本文实例为大家分享了微信小程序实时聊天WebSocket的具体代码，供大家参考，具体内容如下1.所有监听事件先在onload监听。// pages/index/to_news/to_news.js var app = getApp(...

2020-05-27 05:15:34

52浏览

0评论

微信小程序画布圆形进度条显示效果

本文实例为大家分享了微信小程序画布圆形进度条展示的具体代码，供大家参考，具体内容如下效果图：代码：wxml<canvas style="width: 300px; height: 20...

2020-05-27 05:15:33

66浏览

0评论

Django+Vue跨域环境配置详解

概述在使用Django+Vue开发过程中，遇到了很多开发环境相关的问题，比如跨域，比如ajax请求参数等，本篇文章主要记录解决在开发过程中，遇到的一些问题。跨域不带Cookie
在使用Vue脚手...

2020-05-27 05:15:32

41浏览

0评论

javascript显示动态时间的方法汇总

1.第一种方法
<table><tr><td>当前时间：</td><td id="CurrentTime"></td><script type="text/javascript">function changetime(){var ary = ["星期日","星期一","星期二","...

2020-05-27 05:15:31

84浏览

0评论

详解在Vue中使用TypeScript的一些思考(实践)

Vue.extend or vue-class-component使用 TypeScript 写 Vue 组件时，有两种推荐形式： Vue.extend()：使用基础 Vue 构造器，创建一个“子类”。此种写法与 Vue 单文件组件标准形式...

2020-05-27 05:15:30

51浏览

0评论

vue 实现数字滚动增加效果的实例代码

项目中需要做数字滚动增加的效果，一开始很懵，研究了一下原理，发现很简单，贴出来分享一下 ^_^数字滚动组件：<template><div class="number-grow-warp"> <span ref="numberGrow" :d...

2020-05-27 05:15:28

40浏览

0评论

vue使用监听实现全选反选功能

最近在学习vue这一块的内容，在项目中用到了全选全不选的功能，开始的时候借鉴了别人写的功能，但感觉写的有一些缺陷，然后就自己写了一套，如有写的不好的地方，请各位大佬指教，废话不...

2020-05-27 05:15:27

56浏览

0评论

用Node提供静态文件服务的方法

前言
对于一个web应用，提供静态文件（CSS、JavaScript、图片）服务常常是必须的。本文将介绍如何做一个自己的静态文件服务器。创建一个静态文件服务器
每个静态文件服务器都有个...

2020-05-27 05:15:26

43浏览

0评论

微信小程序利用canvas 绘制幸运大转盘功能

小程序对 canvas api 跟h5的不太一致，所以这个搞的比较久，不多说，先贴代码Page({/** * 页面的初始数据*/data: {awardsConfig: {},restaraunts: [], //大转盘奖品信息},/** *...

2020-05-27 05:15:24

89浏览

0评论

vue实现动态添加数据滚动条自动滚动到底部的示例代码

在使用vue实现聊天页面的时候，聊天数据动态加到页面中，需要实现滚动条也自动滚动到底部。这时我找到网上有个插件 vue-chat-scrollhttps://www.npmjs.com/package/vue-chat-sc...

2020-05-27 05:15:23

58浏览

0评论

vue 组件中添加样式不生效的解决方法

如何产生在开发项目中遇到在组件中添加样式不生效的情况。具体场景如下//// vue 组件<template> <div class="box" data-v-33f8ed40></div><template>//我用js在上面div标...

2020-05-27 05:15:22

38浏览

0评论

vue中element 上传功能的实现思路

element 的上传功能最近有个需求，需要在上传文件前，可以进行弹窗控制是否上传 upload看完文档后，感觉有两种思路可以实现before-upload
auto-upload, on-change
before-upload...

2020-05-27 05:15:21

47浏览

0评论

vue中子组件调用兄弟组件方法

小计：开发中遇到子组件需要调用兄弟组件中的方法，如下写个小demo记录下心得，如果你有好的方法，请到评论区域指教父组件示例代码：组件功能解析：
通过$emit获取子组件事件，通过$ref...

2020-05-27 05:15:20

53浏览

0评论

深入浅析AngularJs模版与v-bind

简介v-bind与{{}}都可以对数据进行绑定，但是二者有区别的，v-bind不好，为什么说v-bind不好是因为v-bin做了完全替换的错做，如果你想做字符串的拼接那么v-bind不是很好的选择，下面...

2020-05-27 05:15:19

39浏览

0评论

JS获取子节点、父节点和兄弟节点的方法实例总结

本文实例讲述了JS获取子节点、父节点和兄弟节点的方法。分享给大家供大家参考，具体如下：一、js获取子节点的方式1. 通过获取dom方式直接获取子节点其中test的父标签id的值，div...

2020-05-27 05:15:18

68浏览

0评论

详解浏览器缓存和webpack缓存配置

浏览器缓存
浏览器缓存分为两种类型：强缓存：也称为本地缓存，不向服务器发送请求，直接使用客户端本地缓存数据协商缓存：也称304缓存，向服务器发送请求，由服务器判断请求文件是否...

2020-05-27 05:15:17

62浏览

0评论

vue.js实现插入数值与表达式的方法分析

本文实例讲述了vue.js实现插入数值与表达式的方法。分享给大家供大家参考，具体如下：vue.js在插入数值的时候有三种方式1、插入纯文本插入纯文本是最简单的方式，使用双大括号就...

2020-05-27 05:15:16

首页 «1324 132513261327 1328 »尾页

热门文章