编程开发 - 教程之家

编程开发

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

39浏览

0评论

vue 动态表单开发方法案例详解

本文实例讲述了vue 动态表单开发方法。分享给大家供大家参考，具体如下：概要动态表单指的是我们的表单不是通过vue 组件一个个编写的，我们的表单是根据后端生成的vue模板，在前端...

2020-05-27 02:06:28

49浏览

0评论

VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析

本文实例讲述了VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法。分享给大家供大家参考，具体如下：业务场景我们在使用vue 编写代码时，我们有一个多行文本框控...

2020-05-27 02:06:27

40浏览

0评论

VUE 动态组件的应用案例分析

本文实例讲述了VUE 动态组件的应用。分享给大家供大家参考，具体如下：业务场景我们在开发表单的过程中会遇到这样的问题，我们选择一个控件进行配置，控件有很多中类型，比如文本框，下...

2020-05-27 02:06:26

70浏览

0评论

JavaScript 自定义html元素鼠标右键菜单功能

自定义html元素鼠标右键菜单实现思路在触发contextmenu事件时，取消默认行为(也就是阻止浏览器显示自带的菜单),获取右键事件对象，来确定鼠标的点击位置，作为显示菜单的left和to...

2020-05-27 02:06:25

59浏览

0评论

js实现一款简单踩白块小游戏(曾经很火)

效果图如下所示：html <div class="bigbox">  <div class="gamequyu">  <div class="start">游...

2020-05-27 02:06:24

111浏览

0评论

详解js location.href和window.open的几种用法和区别

一、location.href常见的几种形式 self.location.href;//当前页面打开URL页面 window.location.href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面...

2020-05-27 02:06:23

49浏览

0评论

浅谈关于vue中scss公用的解决方案

简述
最近由于项目要求查阅了很多关于scss公用的文章，以下只是对那些文章进行简单的总结解决方法
a.当我们要使用scss文件的共用时，首先我们就要想到如何应当如何编辑scss文件...

2020-05-27 02:06:22

43浏览

0评论

Vue.js 无限滚动列表性能优化方案

问题
大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（ref...

2020-05-27 02:06:21

53浏览

0评论

Ant Design Pro 下实现文件下载的实现代码

最近编写在页面内通过 AJAX 请求服务器下载文件遇到一些问题，网上找的资料和介绍大多不健全不系统，最终自己摸索出来的解决方案，先简单写个初稿，后面再详细补充。表一：前端请求后...

2020-05-27 02:06:20

63浏览

0评论

微信小程序实现图片压缩

本文实例为大家分享了微信小程序图片压缩的具体代码，供大家参考，具体内容如下设计思路：选择图片后调用微信压缩图片接口，压缩后接收压缩图片的临时地址，调用微信储存接口保存图片...

2020-05-27 02:06:19

58浏览

0评论

JavaScript实现京东放大镜效果

本文实例为大家分享了JavaScript实现京东放大镜展示的具体代码，供大家参考，具体内容如下实现效果：1.鼠标放到图片上显示放大镜和详细图，鼠标离开时什么都不显示（效果消失）
2.鼠标...

2020-05-27 02:06:18

54浏览

0评论

JavaScript的console命令使用实例

这篇文章主要介绍了javascript的console命令使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.分类输出console...

2020-05-27 02:06:16

62浏览

0评论

angular inputNumber指令输入框只能输入数字的实现

1、建立一个独立模块用于作为公用指令的模块
1）生成模块ng g m directive2）进入指令模块目录cd directive3）生成一个只能输入数字的指令类ng g d numberinput4）指令模块directiv...

2020-05-27 02:06:15

81浏览

0评论

JS实现压缩上传图片base64长度功能

这篇文章主要介绍了js实现压缩上传图片base64长度功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下im发送图片，现将图...

2020-05-27 02:06:14

45浏览

0评论

Vue实现验证码功能

本文实例为大家分享了Vue实现验证码的具体代码，供大家参考，具体内容如下1.效果2.代码2.1 创建js组件内容（可直接粘贴过去，需要改宽度和高度，修改_init方法中的宽和高）function GVe...

2020-05-27 02:06:13

58浏览

0评论

js实现时分秒倒计时

本文实例为大家分享了js实现时分秒倒计时的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时</ti...

2020-05-27 02:06:12

106浏览

0评论

node静态服务器实现静态读取文件或文件夹

现在我们已经大致了解了node 的基本工作原理，现在来实现一个系统的功能读取文件或者文件夹采坑记录中文输出乱码问题res.statusCode = 200res.setHeader('Content-Type', 't...

2020-05-27 02:06:11

43浏览

0评论

vue中实现高德定位功能

一、获取key及在index.htm中引入首先需要成为高德开发者，申请到适合项目的key.并在index.html中进行引入<script type="text/javascript" src="https://webapi.amap.com/maps...

2020-05-27 02:06:10

49浏览

0评论

JS实现的雪花飘落特效示例

本文实例讲述了JS实现的雪花飘落特效。分享给大家供大家参考，具体如下：首先我们要创建一个HTML文件，将其命名为index.html<!DOCTYPE html><html><head> <title> Canvas - 雪花...

2020-05-27 02:06:09

58浏览

0评论

jQuery轮播图功能制作方法详解

本文实例讲述了jQuery轮播图功能制作方法。分享给大家供大家参考，具体如下：在写轮播图之前我们先看看这个轮播图完成后的样式是怎样的

素材图片：

代码HTML代码<!DOCTYPE htm...

2020-05-27 02:06:08

71浏览

0评论

vue项目中极验验证的使用代码示例

使用vue、react的项目获取数据、上传数据、注册、登陆等都是通过接口来完成的，接口很容易被人恶意调用，最容易被人恶意调用的接口就是注册、登陆类的接口，为了防止接口被恶意调...

2020-05-27 02:06:06

67浏览

0评论

在vue和element-ui的table中实现分页复选功能

背景
后台管理系统中，使用表格展示数据时，可能的需求是多项选择然后进行批量操作，也期望能翻页多选。实现页面结构如下<el-table class="table" :data="tableData" border sty...

2020-05-27 02:06:04

40浏览

0评论

element-ui 远程搜索组件el-select在项目中组件化的实现代码

在项目中发现使用el-select时写的比较多重复代码，还有就是同一个页面使用el-select会出现label值会显示value值，
el-select组件化：<template> <el-select :class="obj&&keywor...

2020-05-27 02:06:03

42浏览

0评论

环形加载进度条封装（Vue插件版和原生js版）

本文实例为大家分享了环形加载进度条封装代码，供大家参考，具体内容如下1、效果预览2、用到的知识主要利用SVG的stroke-dasharray和stroke-dashoffset这两个属性。
在看下面文...

2020-05-27 02:06:02

62浏览

0评论

Vue实现图片与文字混输效果

本文转自：https://juejin.im/post/5de26d39e51d455da17be1e3用多了 JQuery ，习惯了使用JQuery的API操作 DOM ，几乎忘记了原生JS对DOM操作，今天在项目中遇到了文字和图片混输的情...

2020-05-27 02:06:01

117浏览

0评论

Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

1. 绑定元素2. mounted生命周期3. 实现思路页面挂载完后，监听全局点击事件获取当前点击的元素，根据需求获取当前元素本身的属性判断当前点击元素与要隐藏的元素是否相同...

2020-05-27 02:05:58

49浏览

0评论

Vue实现base64编码图片间的切换功能

前言昨天在项目开发中遇到了一个需要展示多张图片到一个容器中的需求，每张图片在鼠标移入时都要更换图片路径，展示一个新的图片，由于每张图片大小都在2~6kb之间，webpack中配置了...

2020-05-27 02:05:57

55浏览

0评论

JavaScript中如何对多维数组(矩阵)去重的实现

今天碰到了一个问题，需要对一个数组矩阵进行去重处理。
比如如下数组矩阵：[ [1, 2, 3], [2, 3, 4], [2, 1, 3], [5, 6, 7] ]接下来是去重处理的方法。1.适用于纯数字数组矩阵...

2020-05-27 02:05:56

35浏览

0评论

jQuery实现全选、反选和不选功能的方法详解

本文实例讲述了jQuery实现全选、反选和不选功能的方法。分享给大家供大家参考，具体如下：适用于网页多选后需要进行批量操作的场景（如批量删除等）。如有问题希望大家可以指正。谢...

2020-05-27 02:05:55

41浏览

0评论

Vue-drag-resize 拖拽缩放插件的使用(简单示例)

字幕<div id="lBox" style="background-color: #D7E9F5;" :style="{'height': parentHeight + 'px', 'width': parentWidth + 'px'}"> <drag-resize v-for="(rect,...

2020-05-27 02:05:54

59浏览

0评论

使用vue-cli4.0快速搭建一个项目的方法步骤

前言最近公司的项目终于到了空闲期，而闲不住的我终于把目标放到了项目的迁移上面因为公司的项目比较早的原因（虽然当时vue-cli也出来了一段时间，但是不敢轻易尝试啊！）所以使用的...

2020-05-27 02:05:53

153浏览

0评论

基于vue-cli3创建libs库的实现方法

前言：当我写这篇博客之前我想过这些问题，是否你也被困扰过呢？1：当你有自己觉得写的好的组件，是不是有一种想存下来，方便下一次使用的情况？2：是不是大多数时候都是使用cv大法？from "a"...

2020-05-27 02:05:51

330浏览

0评论

vue中使用极验验证码的方法（附demo）

前言：vue中使用极验验证码，最好是在页面渲染的时候（mounted)进行验证码的初始化，然后在初始化回调中绑定触发弹出验证码的事件。这样在点击按钮或者进行特定操作时能够快速的弹...

2020-05-27 02:05:50

57浏览

0评论

微信小程序request请求封装，验签代码实例

这篇文章主要介绍了微信小程序request请求封装，验签代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.公共文件u...

2020-05-27 02:05:49

54浏览

0评论

微信小程序日历插件代码实例

这篇文章主要介绍了微信小程序日历插件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.wxml代码<view class=...

2020-05-27 02:05:48

56浏览

0评论

微信小程序登录时如何获取input框中的内容

这篇文章主要介绍了微信小程序登录时如何获取input框中的内容,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下最近写小...

2020-05-27 02:05:47

44浏览

0评论

基于javascript实现贪吃蛇经典小游戏

本文实例为大家分享了JS实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...

2020-05-27 02:05:46

56浏览

0评论

Vue组件通信中非父子组件传值知识点总结

前言：如果想要了解非父子关系的组件传值，最好是在了解父传子和子传父的基础上在来了解非父子传值可能会有更透彻的思路。因为非父子传值是通过定义事件总线来代理实现父传子+...

2020-05-27 02:05:45

43浏览

0评论

Vue快速实现通用表单验证功能

本文开篇第一句话，想引用鲁迅先生《祝福》里的一句话，那便是：“我真傻，真的，我单单知道后端整天都是CRUD，我没想到前端整天都是Form表单”。这句话要从哪里说起呢？大概要从最近半个...

2020-05-27 02:05:44

232浏览

0评论

nodejs环境使用Typeorm连接查询Oracle数据

首先是typeorm的官方地址，国内有人翻了中文版，不保证时效性·通过npm安装下列包:
typeorm //typeorm连接数据库 @types/node //类型系统 typescript //ts基础 oracledb /...

2020-05-27 02:05:43

58浏览

0评论

原生JS与CSS实现软件卸载对话框功能

今天给大家分享一个特别有意思的软件卸载对话框，鼠标在整个对话框里移动时，中间的人脸会作出不同的变化，当鼠标悬停到“保留”按钮上时，人脸的表情会变得开心，当鼠标悬停到“卸载...

2020-05-27 02:05:41

84浏览

0评论

Javascript中的this,bind和that使用实例

这篇文章主要介绍了Javascript中的this,bind和that使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Javascript...

2020-05-27 02:05:40

51浏览

0评论

React 父子组件通信的实现方法

通讯是单向的，数据必须是由一方传到另一方。1.父组件与子组件间的通信。在 React 中，父组件可以向子组件通过传 props 的方式，向子组件进行通讯。父组件 App.jsimport React, {...

2020-05-27 02:05:39

639浏览

0评论

微信小程序实现点击按钮后修改颜色

这篇文章主要介绍了微信小程序实现点击按钮后修改颜色,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下需实现的功能：
点...

2020-05-27 02:05:37

88浏览

0评论

微信小程序顶部导航栏可滑动并选中放大

这篇文章主要介绍了微信小程序顶部导航栏可滑动并选中放大,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下老规矩，先看效...

2020-05-27 02:05:36

191浏览

0评论

微信小程序swiper左右扩展各显示一半代码实例

这篇文章主要介绍了微信小程序swiper左右扩展各显示一半代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下实现如...

2020-05-27 02:05:35

243浏览

0评论

Nuxt v-bind绑定img src不显示的解决

问题：
使用v-for循环， :src="item.url"，绑定图片无法显示，只能写成静态结构；原因：
直接写成静态的，会经过webpack进行编译，从而得到打包后正确的图片真实路径。
如果你写成动态的，web...

2020-05-27 02:05:34

87浏览

0评论

微信小程序自定义弹窗实现过程(附代码)

这篇文章主要介绍了微信小程序自定义弹窗实现过程(附代码),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下小程序官网...

2020-05-27 02:05:33

64浏览

0评论

原生JavaScript实现滑动拖动验证的示例代码

本文介绍了原生JavaScript实现滑动拖动验证的示例代码，分享给大家，具体如下：通常，我们为了防止用户恶意提交表单，会让用户在提交前完成滑动拖动验证，有时候这也能起到一丝反爬的作...

2020-05-27 02:05:32

56浏览

0评论

ES6的异步操作之promise用法和async函数的具体使用

promise 基本用法
Promise 对象是一个构造函数，用来生成 Promise 实例。Promise 构造函数接受一个函数作为参数，该函数的两个参数分别是 resolve 和 reject。resolve 函数的作...

2020-05-27 02:05:31

首页 «1496 149714981499 1500 »尾页

热门文章