logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

(uniapp)Host version “0.17.19“ does not match binary version “0.16.17“

【代码】(uniapp)Host version “0.17.19“ does not match binary version “0.16.17“

#uni-app
koa对密码进行加密并且存到数据库

我们存储到数据库的密码为了安全起见,肯定存到数据库的时候,是红色框的那种状态一般用node写后端的话,这直接写一个中间件即可首先我们肯定要封装一个加密的文件,我们命名为password-handle.jsconst crypto = require('crypto');const md5password = (password) => {const md5 = crypto.createHa

vue3对echarts的组件封装

效果如下:目录结构useEchart.tsimport * as echarts from 'echarts'import chinaMapData from '../data/china.json'echarts.registerMap('china', chinaMapData)export default function (el: HTMLElement) {const echartIns

#echarts#vue.js#typescript
Vue项目实现生成图(也可以叫做海报),通过canvas

我们是不是都做过问卷调查?就是让你填一些或者选择一些东西,然后填写完了会生成一张图,上面有你的名字,填的什么,一些二维码啊等,这个图片可以保存到手机,可以分享,也可以扫描图中的二维码,那么这个是怎么实现的呢?其实有很多种方法,下面来举例一种首先你需要两个插件qrcanvas,html2canvas在终端安装sudo cnpm install html2canvas --savesudo...

微信公众号H5点击图片预览(可放大缩小),用微信内置jssdk实现

在微信公众号H5里面可能会遇到点击图片预览,还可以放大缩小,微信内置有这个功能可以实现用vue写项目的话,先cnpm install weixin-js-sdk --save接着给图片一个点击事件<img src="" alt="" @click="preview()">data:{url:""//图片地址,imgList:[]}methods:{preview(){const _th

Vue子组件通过.sync修改父组件props过来的值

Vue崇尚单向数据流,本来不应该直接修改的,.sync这个黑科技可以直接改<navBar :names.sync="names"></navBar>//编译时会被扩展为<navBar :names="names"@update:names="val => names = val"></navBar>data() {return {names:'

Vue实现列表的增删改查

一.html<div id="app"><from><label>id:<input type="text" v-model="id"></label><label>name:<input type="text" v-m...

Vue路由切换动画效果,(从右往左进入,从左往右退出,前一个页面不为空白)

效果就是,例如跳转详情页,详情页页面从右往左进入,当我们点击返回主页时候,详情页从左往右退出,并且这个过程中,主页的内容不为空白首先创建三个vue文件home.vue为父组件childrenOne.vue为子组件childrenTwo.vue为子组件router.js中const routes=[{path: '',redirect:'/home',},{path : '/home',compon

通过gulp直接将vue项目打包并且上传到服务器

当我们写vue项目的时候,往往要先进行项目打包,然后再上传到我们的服务器,这样每次重复,感觉特别麻烦,这个时候我们就可以通过glup来帮我们解决问题首先我们在项目新建一个gulpfile.js文件然后安装两个东西npm install --save-dev gulp gulp-sftp接着在gulpfile.js里面const gulp = require('gulp')const ftp = r

vue3结合element-plus封装表单组件

类似这样的表单如果有多个地方使用的话,最好封装起来,直接上代码一.首先创建一个form文件,类似这样结构1.form.vue<template><div class="hy-form"><div class="header"><slot name="header"></slot></div><el-form :label

    共 41 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择