- 博客(25)
- 收藏
- 关注
RSS订阅原创 vue3按需引入elementUI-Plus报错
将 node.js 版本升级至长期维护版，20220601时为 v16.15.0，升级方法：从 node.js官网 下载长期维护版，安装位置选择与当前 node.js 位置相同即可。更换 unplugin-auto-import 插件版本，经验证，安装 unplugin-auto-import@0.72 及以前版本可规避此问题。1 降低 unplugin-auto-import 插件版本。2 升级 node.js 和 npm 版本。
2023-04-04 15:05:34
324
原创 js实现日历组件
下载好之后需要在文件里的最后一行加入默认导出 calendar,(不加也行)calendar 是一个根据阳历转阴历的封装方法;
2022-09-08 09:52:58
4436
1
原创 formdata对象格式化（转换formdata 对象）
formdata对象格式化（转换formdata 对象）// obj 是要 添加的value 值 from 是FormData对象 name 是key 值function toFromData(obj, form, name) { const formdata = form || new FormData(); if (typeof obj !== 'object' || obj instanceof File) { formdata.append(name, obj);
2022-05-09 10:36:52
1115
原创 echarts球状波浪纹
echarts 球状波浪滚动效果效果图代码首先下载 echarts 并引入npm install echartsimport * as echarts from 'echarts';1、html部分// html 代码片段<div class="liquidFill" id="liquidFill" style:width: 200px; height: 200px;></div>2、js部分let ele = null;let myEcharts
2022-01-26 14:33:25
1097
原创 el-tree-transfer自定义节点图标
el-tree-transfer结合el-tree自定义节点图标（文档地址）效果图1、el-tree-transfer是结合element-ui开发的，要想使用先下载 element-ui,在下载el-tree-transfer；npm install element-ui --savenpm install el-tree-transfer --saveel-tree-transfer可以全局引入或局部引入；全局就是在main.js里导入就行了；局部是在需要的文件夹里导入；import t
2021-11-29 10:57:57
2199
原创 vue兄弟组件之间传参
vue兄弟组件之间传参（两种）第一种（vue 自带的功能）第二种（使用插件，适用vue3）第一种（vue 自带的功能）1、首先创建一个js(bus.js) 文件，导出vue 对象import Vue from 'vue'export default new Vue();2、在需要传递参数的兄弟组件里导入创建的 js 文件,并在传参的方法执行 Bus.$emit(‘方法名’, ‘需要传递的参数’)import Bus from "@/bus";getInfo(info){ // 向弹
2021-11-26 17:29:49
2858
原创 js常用的编码解码
base64加密 window.btoa()、解密window.atob()，这两种只适用于英文、字符 var test1="VisitW3School" let a = window.btoa(test1) let b = window.atob(a) console.log(a) // mlzaXRXM1NjaG9vbA== console.log(b) // VisitW3Schoolbase64加密 window.encodeURICompone
2020-11-24 14:50:42
534
1
原创 h5下载文件后缀改变
之前有私信表示不能解析文件流，沉思一下，可能是没有在请求中设置responseType:‘blob’*/把请求返回的数据，通过new再转一下new Blob([res], {type: “application/vnd.ms-excel”})type: “application/vnd.ms-excel” 需要下载什么类型的文件，类型改为相对的类型就可以fileName 下载的文件名称var blob = new Blob([res], {type: "application/vnd.m
2020-11-13 16:41:45
449
原创 h5调oc 方法
h5调oc 方法<div id="btn"> <a class="a-btn" onclick="aBtn()">下载APP免费投广告</a></div><script> var u = navigator.userAgent; //申明交互 function setupWebViewJavascriptBri...
2020-01-06 16:24:18
358
原创 uni-app中不能使用本地图片
uni-app为什么不能使用本地图片主要是因为，微信小程序不支持本地图片，uni-app暂时也没对提共对本地图片的兼容，所以只支持网络图片。官方详解：https://uniapp.dcloud.io/component/image...
2019-11-22 17:53:25
6101
原创 vue守卫函数
vue守卫函数vue 守卫函数的主要是为了，修改document里的title信息，可以让我们清晰的看到我们当前操作页面。步骤分两步：1、在路由表里通过meta设置表头信息；meta: { title: '首页', keepAlive: true}2、获取路由表设置的信息，设置表头；router.beforeEach((to, from, next) => {...
2019-09-02 14:11:29
474
原创 常用的四大UI库
分别简单的介绍下常用的几个UI库Mint UI 、Element UI 、iview 、Vux一、Mint UI官网地址： http://mint-ui.github.io/#!/zh-cnMint UI基于 Vue.js 的移动端组件库 依赖于 vue.js1、用 Mint UI 首先要导入 Mint UI库安装：Vue 1.xnpm install m...
2019-08-31 21:28:53
780
原创 vue脚手架
vue脚手架和一些零碎的包安装和配置vue脚手架安装步骤 ：1、安装vue-cli （如果电脑上已经安装过全局的第一步可以省略）cnpm install vue-cli -g2、初始化脚手架vue init webpack app(项目名)查看 npm startnodejs脚手架首先电脑上要装nodejs在安装expressmkdir myapp 新建一个my...
2019-08-31 21:05:16
184
原创 vue添加样式
vue中的添加样式一、使用class样式：类名必须用引号 引起来；1、数组<h1 :class = "['类名1','类名2']">这种方法 需要用 v-bind: => : 绑定</h1>2、数组中使用三元表达式<h1 :class = "['类名1','类名2',表达式?'类名3':'']">这种方法 需要用 v-bind: =...
2019-08-24 17:32:24
899
原创 watch、computed和methods之间的区别及用法
watch、computed和methods之间的区别watch一般用于监听虚拟的东西，比如 url的地址；computed计算属性的求值结果，会被缓存起来，方便下次直接使用；如果计算属性方法中，所有用到的数据都没发生改变， 则不会重新对计算属性求值；一般和数据模型结合使用；methods一般用于函数的调用watch的用法handler方法当内容发生改变时 就会自动触发这个方法；它有两...
2019-08-24 15:04:28
448
原创 vue中directive、filter的用法
directive的用法Vue.directive() 定义全局的指令Vue.directive() // 有两个参数参数1 : 指令的名称， 注意：在定义的时候不用加 v- 前缀； 但在使用时 必需加 v- 前缀进行调用；参数2 : 是一个对象，这个对象有一些相关的函数，这些函数可以在特定的阶段，执行相关操作；注意 :1、每当 指令 绑定到元素上的的时候，...
2019-08-24 14:17:26
341
原创 vue的生命周期详解
什么是vue 生命周期生命周期就是Vue 实例，从创建到销毁的过程。从开始创建，初始化数据，编译模板，挂载Dom——>渲染，更新->渲染，销毁等一系列过程，称为Vue的生命周期每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先让我们来看一张图：这张图是参照网上的vue的每个生命周期函数beforeCreate(){}, /...
2019-08-24 10:55:41
127
原创 vue常用指令
vue的常用指令1、 在HTML里插入值：插入纯文本 ；插入纯HTML: v-html 防止xss 会覆盖之前的内容，能解析标签；2、表达式指令：是带有 v- 前缀的v-if 显示隐藏v-on:click 事件v-bind 单项绑定； model里的值改变，页面上的也随着改变；v-cloak...
2019-08-24 10:30:05
151
原创 git本地存储和远程存储
一、git常用命令：git注意事项：git 在保存html文件不建议使用中文；不然再删除和恢复时比较麻烦(中文乱码)；只能跟踪文本文件的变动；在创建一个文本文件时，不能使用右键新建记事本（或word），因为编码格式不一样，会出现很多错误；可以通过编程环境创建文件（如VS code等；）常用命令：$ pwd 查看路径；$ lis 查看当前目录下有多少个文件；$ dir 查看当前目录下...
2019-08-10 18:43:41
1625
原创 ajax封装、请求
ajax封装一、通过回调封装ajax二、通过promise封装：三、用jquery 写ajax 请求首先要先导入jquery；这在只介绍一种通用的ajax 请求：如果想更深入的了解，可以去官网；...
2019-08-06 20:56:09
304
原创 ajax向后台发送请求
用ajax向后台发送请求，四步：1、第一步，实例一个new XMLHpptResponse()对象； let xhr = new XMLHpptResponse();2、第二步，open() 发送请求方式,有三个参数：第一个参数是 请求方式第二个参数是 请求地址第三个参数是 同步异步，true 异步 false 同步； xhr.open('get',url,true...
2019-08-06 20:12:01
1367
原创 解决MySQL安装的版本不同
增删改查SELECT * FROM student.result;/*– 创建数据库 ， create database 数据库名;– 删除数据库 drop database <数据库名>;– create table 表名(字段名称 属性值，字段名称 属性值)；– use Student 指定数据库 ， 之后的表不用加前缀； 数据库*/– 插入数据； ...
2019-08-05 22:03:18
324
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人