编程开发 - 教程之家

编程开发

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

112浏览

0评论

JS如何使用剪贴板操作Clipboard API

一、Document.execCommand() 方法Document.execCommand()是操作剪贴板的传统方法，各种浏览器都支持。它支持复制、剪切和粘贴这三个操作。 document.execCommand('copy')（...

2021-06-28 18:44:08

569浏览

0评论

如何在uniapp项目中使用mqtt

由于要取一些实时数据并在手机app上展示，就想到用mqtt进行即时通讯。下面附上uniapp中引入mqtt的全过程：一、uniapp插件市场的参考插件　　https://ext.dcloud.net.cn/plugin&...

2021-06-28 18:42:53

82浏览

0评论

js实现网页计算器

如何在利用HTML，css和js的知识制作一个简单的网页计算器呢？一个计算机中具备了：计算机整体框输入框输入按钮计算机整体框：/*设置div样式*/ #showdiv{ border: sol...

2021-06-28 18:42:44

65浏览

0评论

浅谈如何循序渐进的学好JS

概述在我们第一阶段完成HTML+CSS的学习之后，很多同学都会被第二阶段JS难倒——JS语法、JS数据类型、JS对象，Js给我们的印象总是那么的“复杂”，因为它相比html来说是动态的，是编...

2021-06-28 18:42:14

55浏览

0评论

JS实现扫雷项目总结

本文实例为大家分享了JS实现扫雷项目的总结，供大家参考，具体内容如下项目展示图项目准备一样的，我们先是准备出三个文件夹，以及根目录下的index.html 文件然后是两张图片（地雷和...

2021-06-28 18:41:47

74浏览

0评论

JavaScript canvas实现七彩太阳光晕效果

本文实例为大家分享了JavaScript canvas实现七彩太阳光晕效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met...

2021-06-28 18:41:43

59浏览

0评论

基于canvas实现超炫酷的流水灯效果

本文实例为大家分享了基于canvas实现超炫酷的流水灯效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>基于...

2021-06-28 18:41:39

56浏览

0评论

详解前端安全之JavaScript防http劫持与XSS

HTTP劫持、DNS劫持与XSS先简单讲讲什么是 HTTP 劫持与 DNS 劫持。HTTP劫持什么是HTTP劫持呢，大多数情况是运营商HTTP劫持，当我们使用HTTP请求请求一个网站页面的时候，网络运营...

2021-06-28 18:41:34

61浏览

0评论

如何用JS追踪用户

一、同步 AJAX数据发回服务器的常见做法是，将收集好的用户数据，放在unload事件里面，用 AJAX 请求发回服务器。但是，异步 AJAX 在unload事件里面不一定能成功，因为网页已经处于卸...

2021-06-28 18:41:31

86浏览

0评论

js给图片打马赛克的方法示例

本文主要主要介绍了js给图片打马赛克的方法示例，分享给大家，具体如下：效果演示Canvas简介这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展...

2021-06-28 18:41:27

44浏览

0评论

JavaScript 检测文件的类型的方法

我们会想到通过 input 元素的 accept 属性来限制上传的文件类型：<input type="file" id="inputFile" accept="image/png" />这种方案虽然可以满足大多数场景，但如果用户把 JPE...

2021-06-28 18:40:43

74浏览

0评论

js实现简单日历效果

本文实例为大家分享了js实现简单日历效果的具体代码，供大家参考，具体内容如下## css模块<style type="text/css"> *{ margin: 0; padding: 0; } .date{ width: 300px...

2021-06-28 18:40:40

76浏览

0评论

bootstrap Table的使用方法总结

本文为大家分享了bootstrap Table的使用方法，供大家参考，具体内容如下官网资料效果图：案例：html<table id="ffServerSystemCheckListTable" data-toolbar="#...

2021-06-28 18:40:35

101浏览

0评论

微信小程序中实现车牌输入功能

前言
哈哈哈，上新文章啦。好久没有更新啦，今天乘着休息来总结下之前用的到自定义键盘来输入车辆号牌微信组件。下面是效果图，请欣赏：背景
近期做了一个和车有关的项目，有车肯定就...

2021-06-28 18:40:28

56浏览

0评论

JS实现单例模式的6种方案汇总

前言今天在复习设计模式中的-创建型模式，发现JS实现单例模式的方案有很多种，稍加总结了一下，列出了如下的6种方式与大家分享大体上将内容分为了ES5（Function）与ES6（Class）实现两种...

2021-06-28 18:40:25

78浏览

0评论

JS实现简单图片轮播效果

本文实例为大家分享了JS实现简单图片轮播效果的具体代码，供大家参考，具体内容如下实现效果左右按钮可点击左右移动显示图片进行无缝滚动下面的小圆圈点击可跳到对应的...

2021-06-28 18:40:22

87浏览

0评论

JavaScript 中如何实现大文件并行下载

相信有些小伙伴已经了解大文件上传的解决方案，在上传大文件时，为了提高上传的效率，我们一般会使用 Blob.slice 方法对大文件按照指定的大小进行切割，然后在开启多线程进行分块上...

2021-06-28 18:40:18

86浏览

0评论

JavaScript canvas实现七彩时钟效果

利用canvas写七彩时钟！1、题目（1）、拿到一个时钟案例要求在页面上画出一个时钟，获取当前电脑的系统时间？（样式不限利用h5实现）2、思路（1）、首先我们要充分了解到canvas画布元素里面的...

2021-06-28 18:40:13

69浏览

0评论

如何计算Web动画帧率FPS

流畅动画的标准首先，理清一些概念。FPS 表示的是每秒钟画面更新次数。我们平时所看到的连续画面都是由一幅幅静止画面组成的，每幅画面称为一帧，FPS 是描述“帧”变化速度的物理...

2021-06-28 18:40:06

245浏览

0评论

原生js封装无缝轮播功能

原生js封装无缝轮播插件，供大家参考，具体内容如下说明：这是一个使用原生js、es5语法写出的无缝轮播程序，代码中对相关api进行了封装，使得在引入该轮播js文件后，只需要在自己的js文...

2021-06-28 18:40:00

60浏览

0评论

利用JS定时器实现元素移动

利用JS定时器做一个元素做一个有移动效果的方法，实现思路：首先声明一个变量存放元素距离左侧的边距，然后我们在声明一个变量存放每次元素需要移动的距离，然后再给这个方法一个完...

2021-06-28 18:39:57

86浏览

0评论

Vue实现多图添加显示和删除

本文实例为大家分享了Vue实现多图添加显示和删除的具体代码，供大家参考，具体内容如下效果图：首先给一个input[type="file"]，然后隐藏掉，当点击加号所在的区域时，触发文件选择的点...

2021-06-28 17:35:42

267浏览

0评论

如何在在Vue3中使用markdown 编辑器组件

安装# 使用 npmnpm i @kangc/v-md-editor@next -S# 使用yarnyarn add @kangc/v-md-editor@next引入组件import { creatApp } from 'vue';import VMdEditor from '@kangc/v-m...

2021-06-28 17:35:36

146浏览

0评论

Vue实现动态查询规则生成组件

1. 动态查询规则动态查询规则，大致如下图所示。是可以按照用户的自定义进行组织查询语句的一种复杂组件，大致可以实现SQL查询的where条件，下面是摘自mongodb的某一软件。
2.组...

2021-06-28 17:35:35

90浏览

0评论

vue实现tab标签(标签超出自动滚动)

当创建的tab标签超出页面可视区域时自动滚动一个tab标签距离，并可手动点击滚动tab标签，实现效果请看GIF图效果预览GIF图<template> <div class="main-box"> <button...

2021-06-28 17:35:21

404浏览

0评论

Vue.js 使用AntV X6的示例步骤

0x0 前言
因为项目用到流程图，并且需求也算是不详细，所以选择比较灵活的 x6 图形编辑器作为流程图编辑器，从文档来看不算复杂，这边就是作为参考教程。Antv X6 文档0x1 安装
根据...

2021-06-28 17:35:19

223浏览

0评论

vue点击弹窗自动触发点击事件的解决办法(模拟场景)

业务场景：使用vue +element ui 的el-dialog，点击弹窗之后，默认加载第一个按钮的数据进行初始化。 div 指令： // 自动触发点击事件 directives:{ trigger:{ ins...

2021-06-28 17:35:07

73浏览

0评论

vue圆环百分比进度条组件功能的实现

　　有需要的人可以参考一下，如果试用过，发现问题，欢迎留言告知，不胜感激。功能介绍：1、若页面无刷新，且第一次传值小于第二次传值或者圆环初始化时执行的是递增动画2、若页面无刷...

2021-06-28 17:35:05

116浏览

0评论

Vue使用axios图片上传遇到的问题

FormData是个什么鬼？经过多方搜索调查了解，这个神奇的东西是XMLHttpRequest Level 2 新增的一个对象，于2008年2月提出，可以利用它来提交表单、模拟表单提交，当然最大的优势就是可...

2021-06-28 17:35:04

62浏览

0评论

vue储存storage时含有布尔值的解决方案

vue储存storage时含有布尔值今天遇到一个问题，需要将后台返回的true和false存到storage中去，然后用储存的这个值进行逻辑判断，但是一直判断都是错误的，后面查阅了一下资料才发现...

2021-06-28 17:34:40

99浏览

0评论

如何用vue封装axios请求

其实vue封装axios是很简单的首先在src路径下建http文件夹并且创建api.js env.js request.js 这三个文件env.js文件这个文件主要就是封装我们的公共地址export default {//...

2021-06-28 17:34:39

303浏览

0评论

Vue实现在线预览pdf文件功能（利用pdf.js/iframe/embed）

前言
最近在做一个精品课程，需要在线预览课件ppt，我们的思路是将ppt转换为pdf在线预览，所以问题就是如何实现在线预览pdf了。在实现的过程中，为了更好地显示效果，我采用了多种不...

2021-06-28 17:34:36

75浏览

0评论

vue封装axios的几种方法

基础版第一步：配置axios
首先，创建一个Service.js，这里面存放的时axios的配置以及拦截器等，最后导出一个axios对象。我平常elementUI用的比较多，这里你也可以使用自己的UI库。imp...

2021-06-28 17:34:33

64浏览

0评论

vue 实现上传组件

1.介绍效果如下图 2.思路
文件上传的两种实现方式
1.From形式<form method="post" enctype="multipart/from-data" action="api/upload"> <input type="file name="fi...

2021-06-28 17:34:27

56浏览

0评论

vue实现简单购物车案例

本文实例为大家分享了vue实现简单购物车的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co...

2021-06-28 17:34:26

73浏览

0评论

Vue3对比Vue2的优点总结

1.为什么要有vue3
我们使用vue2常常会遇到一些体验不太好的地方，比如：随着功能的增长，需求的增加，复杂组件的代码越来越难以维护，逻辑混乱，虽然vue2也有一些复用的方法，但是都...

2021-06-28 17:34:25

135浏览

0评论

element的表单元素使用总结

表单元素挺多的，这里简单总结下，我以我的方式主要分为：文本框类、选择类、其他类文本框类选择类其他类TL;DR 时间类的选择器，均可设置输入框的显示样式和值的形...

2021-06-28 17:34:20

134浏览

0评论

vue3如何按需加载第三方组件库详解

前言以Element Plus 为例，配置按需加载组件和样式。环境 vue3.0.5 vite2.3.3安装 Element Plusyarn add element-plus# ORnpm install element-plus --save完整引入imp...

2021-06-28 17:34:19

71浏览

0评论

详解从vue的组件传值着手观察者模式

观察者模式首先，提到观察者模式，这不禁让我想到了MVVM，MVVM架构模式感觉用到了观察者的思想。我们还是按照惯例，了解一下什么是观察者模式观察者模式，类似发布订阅模式，完成这个动...

2021-06-28 17:34:17

277浏览

0评论

Vue组件库ElementUI实现表格加载树形数据教程

ElementUI实现表格树形列表加载教程，供大家参考，具体内容如下Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的...

2021-06-28 17:34:15

67浏览

0评论

vue中对接Graphql接口的实现示例

说明: 本文是本人正在搞nestjs+graphql+serverless训练营中对Graphql讲解的基础知识点，可能有点前后没对接上,文中提到的Graphql授权也是下小节介绍的一、对原来的Express返...

2021-06-28 17:34:11

127浏览

0评论

Vue+ElementUI之Tree的使用方法

Vue+ElementUI之Tree的使用，供大家参考，具体内容如下前端代码<template> <div> <el-dialog title="终端通讯录" :visible.sync="isOpen" class="el-dialog-mini">...

2021-06-28 17:34:08

63浏览

0评论

vue基于Teleport实现Modal组件

1.认识Teleport像我们如果写Modal组件、Message组件、Loading组件这种全局式组件，没有Teleport的话，将它们引入一个.vue文件中，则他们的HTML结构会被添加到组件模板中，这是不够...

2021-06-28 17:34:06

75浏览

0评论

LRU算法在Vue内置组件keep-alive中的使用

vue的keep-alive内置组件的使用也是使用了改算法，源码如下：export default { name: "keep-alive", // 抽象组件属性 ,它在组件实例建立父子关系的时候会被忽略,发生在 initL...

2021-06-28 17:34:05

52浏览

0评论

Vue实现简易购物车案例

本文实例为大家分享了Vue实现简易购物车的具体代码，供大家参考，具体内容如下先来看一下完成后的效果吧。CSS 部分这里没什么好说的，就是v-cloak 这一个知识点table{ border: 1...

2021-06-28 17:34:04

120浏览

0评论

如何利用vue.js实现拖放功能

前言添加拖放功能是使你的程序更加自然和友好的方法。尽管有一些提供拖放功能的库，但是了解它们在底层的工作原理是非常有意义的。在本文中，我们将用内置的 HTML 拖放 API 来...

2021-06-28 17:34:02

79浏览

0评论

Vue.set()和this.$set()使用和区别

在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；当我们去看vue文档的时候，会发现有这么一句话：如果在实...

2021-06-28 17:34:00

60浏览

0评论

Vue中利用better-scroll组件实现横向滚动功能

About
最近在学习vue的过程中，仿照去哪儿网的移动端写了个小项目，旨在实践和巩固基础知识，但是今天发现去哪儿的首页上有一个组件用户体验较差，即一个横向列表使用浏览器的原生...

2021-06-28 17:33:58

54浏览

0评论

vue响应式原理与双向数据的深入解析

了解object.defineProperty 实现响应式清楚 observe/watcher/dep 具体指的是什么了解发布订阅模式以及其解决的具体问题在Javascript里实现数据响应式一般有俩种方案，分别...

2021-06-28 17:33:57

84浏览

0评论

Vue使用自定义指令实现页面底部加水印

项目场景
给项目的整个背景加上自定义水印，可以改变水印的文案和字体颜色等实现思路
这里使用的技术主要是canvas,在实现水印的过程中，主要使用了canvas的特性使用 ca...

2021-06-28 17:33:55

首页 «742 743744745 746 »尾页

热门文章