编程开发 - 教程之家

编程开发

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

262浏览

0评论

element-ui 弹窗组件封装的步骤

封装el-dialog为一个组件
我们在使用element-ui的时候，如果一个弹窗中的内容很多，那么我们经常会把这个弹窗封装成一个组件，如下：<template> <el...

2021-05-27 21:35:02

157浏览

0评论

使用vue3重构拼图游戏的实现示例

前言
花了两天时间，重构了项目中的一个拼图小游戏（又名数字华容道），为了方便使用抽离成了独立组件，效果如下：线上体验
源码地址在文章最后哦!
主要重构点
原有拼图游戏是通过开源...

2021-05-27 21:34:58

114浏览

0评论

vue.js实现点击图标放大离开时缩小的代码

上篇文章给大家介绍了vue实现裁切图片同时实现放大、缩小、旋转功能，今天给大家介绍vue.js实现点击图标放大离开缩小功能，具体代码如下所示：@-webkit-keyframes pulse1 { from...

2021-05-27 21:34:54

160浏览

0评论

vue穿梭框实现上下移动

本文实例为大家分享了vue穿梭框实现上下移动的具体代码，供大家参考，具体内容如下使用elementUI的树形组件 tree组件功能需求：1、左侧的子节点移动到右侧的表格中
2、右侧选中的...

2021-05-27 21:34:53

108浏览

0评论

如何在vue 中使用柱状图并自修改配置

1.在html文件导入echart  <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script>2.在main.js上挂载echarts对象Vu...

2021-05-27 21:34:47

257浏览

0评论

Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤

实现效果可用插件介绍
Mozilla 提供了 PDF.js 和pdfjs-dist ，两者的区别如下： PDF.js ，一个完整的 PDF 查看器，可以直接使用其提供的 viewer.html 查看 PDF 内容，包含完整样式和...

2021-05-27 21:34:38

149浏览

0评论

详解Vue3.0 + TypeScript + Vite初体验

项目创建npm:$ npm init vite-app <project-name>$ cd <project-name>$ npm install$ npm run devor yarn:$ yarn create vite-app <project-name>$ cd <project-name>$ yar...

2021-05-27 21:34:36

150浏览

0评论

vue登录页实现使用cookie记住7天密码功能的方法

问题描述项目的登录页中，会有要求记住7天密码的功能，本篇文章记录一下写法，主要是使用cookie，注释我写的很详细了，大家可以看一下我写的注释的步骤，还是比较详细的。亲测有效html...

2021-05-27 21:34:33

115浏览

0评论

关于element的表单组件整理笔记

element表单及代码的展示详细可以看element表单官方网址结构、功能分析通过介绍以及源码可以发现，表单是具有收集、校验、提交数据三个功能的。他的基本结构如下：<el-form :mo...

2021-05-27 21:34:26

122浏览

0评论

如何封装Vue Element的table表格组件

在封装Vue组件时，我依旧会交叉使用函数式组件的方式来实现。关于函数式组件，我们可以把它想像成组件里的一个函数，入参是渲染上下文(render context)，返回值是渲染好的HTML(VNod...

2021-05-27 21:34:24

336浏览

0评论

vue3.0 自适应不同分辨率电脑的操作

首先我们需要要安装一些依赖npm i lib-flexible-computer -S //根节点会根据页面视口变化而变化font-size大小npm i px2rem-loader -D//自动将px转换为remnpm i postcss-px2...

2021-05-27 21:34:22

179浏览

0评论

Vue中使用wangeditor富文本编辑的问题

wangEditor是基于javascript和css开发的 Web富文本编辑器，轻量、简洁、易用、开源免费。
在我们实际项目上还是比较频繁应用到的，下面出个案例供大家参考学习…wangEditor文...

2021-05-27 21:34:20

97浏览

0评论

Vue包大小优化的实现(从1.72M到94K)

一、背景
最近做了一个网站，uidea，是用来辅助独立开发者做一些 UI 设计的，当时只管开发，等部署完以后，发现访问速度堪忧
毕竟是个小水管服务器，相比提高带宽，还是先看看代码上能不...

2021-05-27 21:34:17

88浏览

0评论

vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件

需求背景简介
最近打算使用vue并结合前端工程化体系重构之前的一个Demo，其中有一个功能是使用bootstrap的datepicker插件选择查询日期。在网上找到了一个基于vue扩展的datepi...

2021-05-27 21:34:16

118浏览

0评论

解析PHP Hash信息摘要扩展框架

PHP的Hash信息摘要扩展框架今天我们主要学习的是 PHP 中一些 Hash 散列加密相关的扩展函数的使用，而不是 Hash 算法，这种加密其实也只是一种更复杂一些的密钥算法，与 Hash 算法...

2021-05-27 21:34:15

76浏览

0评论

详解Vite的新体验

什么是Vite?(是前端新玩具)Vite是一个web开发构建工具，它通过本机 ES 模块导入在开发过程中更新代码，达到快速更新的目的。特点超快的冷服务器启动即时的模块更新真...

2021-05-27 21:34:14

72浏览

0评论

Vue实现圆环进度条的示例

数据展示，一直是各行各业乐此不疲的需求，具体到前端开发行业，则是各种各种图表数据展示，各种表格数据展示，烦不胜烦（繁不胜繁）！
前几天刚做了折线图、柱状图、饼状图之类的图表数据...

2021-05-27 21:34:06

79浏览

0评论

vue 根据选择的月份动态展示日期对应的星期几

我等卑微的码农，依旧还得唱着“你我皆凡人，生在人世间，终日奔波苦，一刻不得闲，既然不是仙，难免有杂念，烦恼放两旁，工资摆中间，多少男子汉，秃顶又肥胖，加班的日夜，没有买保险”。虽一直反...

2021-05-27 21:34:04

118浏览

0评论

vue使用lodop打印控件实现浏览器兼容打印的方法

前言此控件直接进行打印底部会有水印，通过官网购买可以解决；
如不想购买，可先执行预览，弹出预览框进行打印；
需要用到的js文件和api文档附后，请注意查看。
首先需要在局部或全局引...

2021-05-27 21:34:01

135浏览

0评论

vue仿携程轮播图效果(滑动轮播,下方高度自适应)

先看案例，使用vue+swiper实现，slide不同高度时，动态计算盒子高度，让其下方高度自适应的效果首先搭建vue项目，这里不做过多说明，然后安装swipernpm install swiper --save-dev1. js...

2021-05-27 21:33:59

233浏览

0评论

WebStorm无法正确识别Vue3组合式API的解决方案

1 问题描述
Vue3的组合式API无法在WebStorm中正确识别，表现为defineComponent等无法被识别：2 尝试方案
猜想这种问题的原因是无法正确识别对应的Vue3库，笔者相信WebStorm是可以...

2021-05-27 21:33:49

76浏览

0评论

基于vue的video播放器的实现示例

当现有video播放器不能满足需求时，需要自己对video进行封装。video事件 loadstart: 在视频开始加载时触发，给currentTime赋值(历史播放记录或0)。 durationchange: 元信息已...

2021-05-27 21:33:47

79浏览

0评论

用vite搭建vue3应用的实现方法

一,安装
提示: VUE3.0目前还没有官方的翻译文档。但是已经有人翻译了。得到了尤雨溪大佬的点赞，这里附上网址https://v3.cn.vuejs.org/1.安装 cli
因为要使用 vue3 必须要求...

2021-05-27 21:33:46

130浏览

0评论

php怎么去掉字符串中重复的字母

php去掉字符串中重复的字母<?php$str = 'abacade';$array = str_split($str);$str = implode(array_unique($array));var_dump($str);?>输出：相关函数说明：str_split(...

2021-05-27 21:33:45

74浏览

0评论

解决vue项目本地启动时无法携带cookie的问题

解决vue项目打包部署到服务器上可以正常登录，本地启动时无法携带cookie说一下问题：公司的老项目，从gitLab上克隆下来，启动之后登录，接口返回登录成功，然后又调用其他的接口的时候...

2021-05-27 21:33:34

112浏览

0评论

vue使用echarts画组织结构图

昨天，写了一篇关于圆环进度条的博客（请移步：Vue圆环进度条），已经烦不胜烦，今天又遇到了需要展示类似公司的组织结构图的功能需求，要冒了！！！这种需求，自己用div+css也是可以实现的，但是没...

2021-05-27 21:33:32

80浏览

0评论

Vue如何实现变量表达式选择器

在 input 输入框中输入表达式在中台项目中是比较常见的场景。其通常是输入一个特定的字符时(如 $ 字符)，显示下拉列表，用户点选下拉列表中的变量，然后继续在 input 输入框中输...

2021-05-27 21:33:28

96浏览

0评论

Vue实现todo应用的示例

背景
首先声明，本人并不是前端大神，看过我之前的内容应该知道，我擅长做后端，虽然前端略有涉略，但谈不上精通，连熟悉都勉强。写这个系列的目的仅仅只是出于好奇，好奇为何前几年还是J...

2021-05-27 21:33:27

143浏览

0评论

Element el-button 按钮组件的使用详解

1. 背景
按钮是很常用的，Element的按钮功能还是比较全面的，本篇就来介绍下。先看下各种按钮的效果图：在分析源码前，我们先来看一下官方文档对于button的使用说明：2. 按钮分类
el-...

2021-05-27 21:33:24

159浏览

0评论

vue实现可移动的悬浮按钮

本文实例为大家分享了vue实现可随处移动悬浮按钮的具体代码，供大家参考，具体内容如下1.html代码<div class="callback float" @click="onClick" @mousedown="down" @touchstar...

2021-05-27 21:33:18

111浏览

0评论

vue3.0封装轮播图组件的步骤

接着上一篇文章，熟悉vue3.0的基本用法，和使用一段时间以后，开始准备开发适用于vue3.0使用的pc端的组件库。会陆续跟新一些组件库的写法和注意事项，有兴趣的同学可以多多...

2021-05-27 21:33:16

75浏览

0评论

Vue-router编程式导航的两种实现代码

页面导航的两种方式声明式导航：通过点击链接实现导航的方式，叫做声明式导航
例如：普通网页中的 <a></a> 链接或 vue 中的 <router-link></router-link>
编程式导航：通过调用Jav...

2021-05-27 21:33:15

177浏览

0评论

vue 使用monaco实现代码高亮

使用的是vue语言，用element的组件，要做一个在线编辑代码，要求输入代码内容，可以进行高亮展示，可以切换各不同语言，而且支持关键字补全，还要有一个各不同版本间的代码左右比较，这就是...

2021-05-27 21:33:13

104浏览

0评论

详解vite2.0配置学习(typescript版本)

介绍尤于溪的原话。 vite与 Vue CLI 类似，vite 也是一个提供基本项目脚手架和开发服务器的构建工具。 vite基于浏览器原生ES imports的开发服务器。跳过打包这个概念，服务端...

2021-05-27 21:33:12

220浏览

0评论

css设置表格的属性有哪些

CSS表格：属性描述 border-collapse 设置是否把表格边框合并为单一的边框。 border-spacing 设置分隔单元格边框的距离。 ...

2021-05-27 21:33:11

78浏览

0评论

vue-router路由懒加载及实现的3种方式

什么是路由懒加载？也叫延迟加载，即在需要的时候进行加载，随用随载。官方解释：
1：当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。 2：如果我们能把不同路由对应的组件分...

2021-05-27 21:33:10

125浏览

0评论

vue实现拖拽进度条

本文实例为大家分享了vue实现拖拽进度条的具体代码，供大家参考，具体内容如下组件代码：<template> <div> <div class="slider" ref="slider"> <div class="process" :style="...

2021-05-27 21:33:09

116浏览

0评论

vue 使用饿了么UI仿写teambition的筛选功能

问题描述
teambition软件是企业办公协同软件，相信部分朋友的公司应该用过这款软件。里面的筛选功能挺有意思，本篇文章，就是仿写其功能。我们先看一下最终做出来的效果图大致的...

2021-05-27 21:33:07

73浏览

0评论

vue脚手架项目创建步骤详解

vue脚手架 —> vue.cli快速的创建一个大型的功能齐全的vue项目模板(初始化项目)土味解释:快速的创建一个空的vue项目安装(全局安装) 全局安装> npm i @vue/cli -g 创建vu...

2021-05-27 21:33:05

75浏览

0评论

vite2.0+vue3移动端项目实战详解

一.涉及技术点
vite版本 vue3 ts 集成路由集成vuex 集成axios 配置Vant3 移动端适配请求代理二.步骤
vite+ts+vue3只需要一行命令npm init @vitejs/app my-vue-...

2021-05-27 21:33:04

84浏览

0评论

vue 数据双向绑定的实现方法

1. 前言
本文适合于学习Vue源码的初级学者，阅读后，你将对Vue的数据双向绑定原理有一个大致的了解，认识Observer、Compile、Wathcer三大角色（如下图所示）以及它们所发挥的功能。本...

2021-05-27 21:33:01

97浏览

0评论

手写Vue2.0 数据劫持的示例

一：搭建webpack
简单的搭建一下webpack的配置。新建一个文件夹，然后init一下。之后新建一个webpack.config.js文件，这是webpack的配置文件。安装一下简单的依赖。npm install w...

2021-05-27 21:33:00

97浏览

0评论

vue3 Teleport瞬间移动函数使用方法详解

vue3 Teleport瞬间移动函数的使用，供大家参考，具体内容如下Teleport一般被翻译成瞬间移动组件,实际上是不好理解的.我把他理解成"独立组件"他可以那你写的组件挂载到任何你想...

2021-05-27 21:32:58

63浏览

0评论

Vue-router路由该如何使用

一、说明
Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配...

2021-05-27 21:32:57

121浏览

0评论

vue中h5端打开app(判断是安卓还是苹果)

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在h5端开发的过程中,我们经常需要点击一个按钮来判断用户使用安装了app(首先判断是安卓还是苹果,然后判断是否安装了app...

2021-05-27 21:32:54

155浏览

0评论

php如何去掉两边空格

第一种方法：通过php自带的函数trim() 函数移除字符串两侧的空白字符或其他预定义字符。<?php$str = "Hello World!";echo $str . "<br>";echo trim($str,"Hed!");?>第二种方...

2021-05-27 21:32:53

88浏览

0评论

vue 动态添加的路由页面刷新时失效的原因及解决方案

问题描述
昨天在做vue后台管理系统有关权限页面动态添加到路由的功能时，遇到一个问题：动态添加的路由页面，在页面刷新时出现了404的情况。场景
后台管理系统的权限控制是通过在...

2021-05-27 21:32:52

90浏览

0评论

vue-router懒加载的3种方式汇总

未使用懒加载import Vue from 'vue';import Router from 'vue-router';import HelloWorld from '@components/HelloWorld';Vue.use(Router);export default new Router({rou...

2021-05-27 21:32:50

166浏览

0评论

vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案

场景
今天在使用 v-model 进行组件双向数据绑定的时候遇到了一个奇怪的问题，网页本身运行正常，浏览器一直出现警告信息。[Vue warn]: Avoid mutating a prop directly since t...

2021-05-27 21:32:48

125浏览

0评论

vue-cli中实现响应式布局的方法

我们在进行前端开发中必然会遇到PC与移动端的适配，面对这样的问题有些公司会准备两个页面，移动是移动，PC是PC，而响应式布局就是根据用户不同的机型展示不同的页面，废话不多说，直接...

2021-05-27 21:32:46

首页 «814 815816817 818 »尾页

热门文章