- 博客(45)
- 资源 (14)
- 问答 (1)
- 收藏
- 关注
原创 vue基于element封装上传图片,拖拽
基于elementPlus封装上传图片,可延伸上传文件等,基础代码记录,具体上传事件未处理,此处个人记录保存一下,可拖拽改变顺序。
2024-04-24 16:58:44 458
原创 vue封装websocket以及心跳检测、重连
关于websocket的封装有很多,此处记录一下自身项目已封装好的且已应用的,备份。在所需页面打开连接,并监听数据返回。再main.js中引入并挂载。
2024-04-18 16:12:20 683 1
原创 微信小程序手机授权报错:pad block corrupted
微信小程序手机号授权登录,传参至后台解密,大概率都会成功,但是,偶尔会遇到解密失败,报错信息为: javax.crypto.BadPaddingException: pad block corrupted;需要调换一下wx.login获取code的顺序。这是因为每次调用wx.login后通过code获取的session_key都是新的,所以请求getPhoneNumber之前先请求wx.login。另也可以通过 wx.checkSession来检查 session_key 是否失效,如果没失效正常流程;
2024-04-18 09:58:00 1060
原创 宝塔webhook+Gitee配置实现服务器的代码自动同步
配置好后可以在gitee中或者宝塔中测试看是否配置成功。查看是否有公钥查看~/.ssh下的id_rsa.pub。先在服务器查看是否安装git(一般已经默认安装)安装完成后,输入git账户信息,并保存。宝塔中查看上一步配置的hook密钥。配置好后,重启一下宝塔,
2024-01-10 10:18:56 1135
原创 Vue:defineAsyncComponent(异步组件)、component(动态组件)、keep-alive(缓存组件)
Vue:defineAsyncComponent(异步组件)、component(动态组件)、keep-alive(缓存组件)
2023-12-22 14:15:16 3167
原创 vue 中 watch 、computed、 watchEffect 区别
3、watch只能监听响应式数据:例如ref定义的属性,reactive定义的对象,如果直接监听reactive定义的对象中的属性是不被允许的,除非使用函数转换一下;3、computed属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值;4、如果一个属性是由其它属性计算而来的,这个属性依赖其它属性,是一个多对一或者一对一,一般用computed;而watch不支持缓存,数据变,直接会触发相应的操作。
2023-12-16 10:19:25 550
原创 VueUse工具库
VueUse不是Vue.use,它是为Vue 2和3服务的一套Vue Composition API的常用工具集,是目前世界上Star最高的同类型库之一。它的初衷就是将一切原本并不支持响应式的JS API变得支持响应式,省去程序员自己写相关代码。是一个基于 Composition API 的实用函数集合。通俗的来说,这就是一个工具函数包支持了更好的逻辑分离,它可以帮助你快速实现一些常见的功能,免得你自己去写,解决重复的工作内容。以及进行了机遇 Composition API 的封装。
2023-12-08 15:08:21 813
原创 Vue3使用Swiper8.x
vue3.x中使用swiper8.x版本,笔记记录常用属性,以及方法等笔记,方便下次查看。2.在所需文件中引入swiper组件3.引入所需样式文件4.完整JS:5.完整template:6.样式可自定义-改用到样式
2023-09-07 18:00:37 720
原创 使用nvm管理node
nvm全名.js version management,是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。
2023-07-18 14:25:26 192
原创 vue3.x+elementPlus+swiper+vuedraggable实现页面装修
在components下新建文件夹,将所有组件相关代码都放在此文件夹下,每个组件是一个文件夹,每个文件夹下包含index.vue、operatin.vue 文件一个是组件展示在中间区域,一个是设置配置文件,再在主文件夹下新建index.js 引入并注册所需的组件,并在main.js 文件中引入,使用。截图示例:main.js引入定义组件集合文件-designData.js 其中定义的数据展示在左侧区域引入相关文件并赋值对应参数(leftMenuList)
2023-06-26 17:45:02 1978 5
原创 VUE的mixins 与 Less的mixin
VUE的mixins 与 Less的mixin-整理所用到的有关记录,以及了解,并没有涉及到一些原理等
2023-06-26 14:47:50 526
原创 基于AntDesign vue的自定义文件上传
基于AntDesign vue的自定义文件上传,可选择上传文件类型、个数限制、支持图片预览,其他文件格式下载;
2022-08-04 13:44:32 3139
原创 vue2.x与vue3.x区别(......)
vue3.x中使用ES6中的Proxy 对数据进行代理,通过 reactive() 函数给每一个对象都包一层 Proxy,通过 Proxy 监听属性的变化,从而实现对数据的监控。在开发过程中两个版本的使用方法表面上没有很大的区别,但是底层方法变化较大,其中就包括渲染方式,数据监听,双向绑定,生命周期,vue3.x更精准,体积更小。vue2.x 中v-for的优先级高于v-if,可以放在一起使用,虽不建议这么做,但是可以,会带来性能上的浪费。可以省去for in、闭包等内容来提升效率(直接绑定整个对象即可)
2022-05-11 14:48:44 1004
原创 vue+elementUI-el-table+less实现表格列的隐藏与显示更新版
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结实现思路基于vue+elementUI-el-table+less实现表格列的隐藏与显示-之前版本是所有的列都可以进行隐藏或者显示,依据的判断条件是数组下标。此次更新版本是部分可以隐藏与显示,判断依据是此列的prop属性。将表格展示+分页+显示/隐藏列 组件化,其中利用slot动态展示不同的表格数据,父组件引...
2020-11-16 13:14:40 554
原创 vue+elementUI-el-table实现动态显示隐藏列-组件化-trendstable
trendstable 组件使用1.下载cnpm install --save trendstable2.在main.js中引入import trendstable from 'trendstable';import 'trendstable/lib/trendstable.css';Vue.use(trendstable);3.在页面中直接使用<trends-table :tableList="activeTableList"
2020-07-22 16:31:47 1516
原创 腾讯云服务器(centos7.4 )Nginx+php+mysql+jdk+tomcat环境搭建
申请腾讯云服务器,个人实名认证后可以免费试用15天哦。基于centos7.4 安装Nginx+php+mysql+jdk+tomcat 在本机使用putty终端连接云服务,并集成web环境步骤 1.下载安装putty,putty中有很多工具 例如putty.exe 可以打开连接云服务器终端 pscp.exe 可以用来上传文件 2.打开putty.exe 出...
2018-08-09 15:11:49 958
原创 前端知识点小总结
1.css样式加载优先级 以及js动态修改样式 css样式加载顺序、优先级 a{ color: #ccc; } #box a{ color: #185; } .container a{ color: blue; } h1 a{ color: red; } css样式加载顺序、优先级
2018-01-26 16:02:04 282
原创 react基础-从安装开始
一、react安装方式引入方式:script标签引入 1. 可以去react官网去下载,也可以直接使用 BootCDN 的 React CDN 库,地址如下: 以上我们引入了三个库: react.min.js 、react-dom.min.js 和 babel.min.js:react.min.js - React 的核心库react-dom.min.js -
2018-01-19 21:23:49 426
原创 react基础安装与使用
react安装[react学习官网](https://doc.react-china.org/)react安装方式不止一种,此处我采用的是基础的引入script标签的方式,更简单易懂。 以下是我的demo:在html文件中引入以下三个文件 <script src="dist/react.js"></script> <script src="dist/react-dom.js
2017-12-17 20:16:28 284
转载 前端面试题目总结
1、IE8中如何实现圆角效果? 2、什么情况下会出现闭包,又如何来理解相关函数,举例说明。3、对于ES6的理解以及有多少应用。4、对于异步操作的理解(关键词:同源策略,promise,waite)5、跨域一般采用什么方式来解决,至少说出两种以及原理(关键词:cors后台解决,postmessage,或者使用框架的代理) 6、webpack配置文件的一些基本
2017-12-17 16:59:15 326
原创 PHP mysqli连接数据库,并实现数据操作
PHP是操作后台的脚本语言,所以最常用的就是用来进行数据库操作,在此就简单介绍PHP利用MYSQLI连接数据库想要使用PHP语言,必须先配置好运行环境,浅浅本人用的是xampp,是一个集mysql PHP Apache等的建站集成软件包,很好用。1.配置运行环境 安装xampp后,将项目部署在xampp安装路径下的htdocs文件夹下,把路径复制到浏览器,把路径更改为网络路径就可以
2017-10-25 15:51:51 5831 1
原创 JavaScript动态加载瀑布流
利用JavaScript动态加载瀑布流 在未知图片有多少时 每一张图片都加载到已加载图片中的最小高度处,已达到每张图片正常咬合 动态加载瀑布流-无限加载瀑布流 .container{ margin: 20px auto; position: relative;
2017-10-09 11:38:25 517
原创 js实现鼠标悬停一定时间后触发事件--淘宝例子
运行截图 闭包--自执行函数--案例--淘宝例子 .container{ width: 300px; height: 150px; background-color: #16A085; } .nav_ul{ p
2017-09-26 21:53:07 5810
原创 放大镜小案例_JavaScript
放大镜案例 body{ margin: 0; padding: 0; } .box{ width: 400px; height: 400px; position: relative; float:
2017-09-22 15:24:59 343
原创 利用DOM实现图书馆管理系统
在DOM中最小的组成部分是节点,在HTML中元素、文本、属性等都是节点,DOM能够获得页面节点,并能动态地进行获取操作。所以利用DOM实现动态操作页面,模拟图书馆管理系统:代码如下: 图书馆管理系统DOM改写 .inputMsg{ width: 1100px; height: 100px;
2017-09-18 22:26:57 941
原创 js实现网页标题滚动
//定时器 setInterval(function(){ //获得页面标题,是string类型 var oldTitle=document.title; //转换为数组类型 var titleArr=oldTitle.split(''); //使标题的字符产生位
2017-09-12 22:53:46 848
原创 数组方法详解
在JavaScript中为数组提供了一系列的方法,以常见的方法为例进行解释说明:1.isArray()方法:判断变量是否为数组 是数组返回true 否则返回false语法:Array.isArray();固定用法,只能由Array对象调用 eg:var arr=[]; Array.isArray(arr); //true var a
2017-09-12 22:14:20 309
原创 利用js-对象实现简单的动态论坛页面
以js中的对象Object为数据容器,模拟动态的论坛页面: BBS页面 body{ background-color: #D6D2C2; } .total{ width: 800px; min-height:200px;
2017-09-12 22:09:56 783
原创 数组基础
1.数组概念:由中括号括起来的由逗号的隔开的有序的数据结构。2.定义数组:两种方法:直接定义或用Array对象 1)var arr=['items1','items2',........]; 2)var arr=new Array('items1','items2',......); 用数组下标
2017-09-12 21:30:42 326
原创 编写注册新用户的模块JavaScript
1.HTML代码: 第三天练习题五 #container{ width: 500px; height: 500px; margin: 40px auto; text-align: center; } #con
2017-09-09 21:09:53 577
vue3.x+elementPlus+swiper+vuedraggable 自定义装修页面
2023-06-26
PHP+mysql 登录注册查询
2017-10-25
bootstrap.v3.3.7最新版本
2017-10-13
juery-1.7.2.zip
2017-10-11
收到了家乡的一分offer要不要回去!!纠结!!
2021-08-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人