...lemon_...-CSDN博客

原创 vue封装websocket以及心跳检测、重连

关于websocket的封装有很多，此处记录一下自身项目已封装好的且已应用的，备份。在所需页面打开连接，并监听数据返回。再main.js中引入并挂载。

2024-04-18 16:12:20 352 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 307

原创 uniapp封装websocket以及心跳检测、重连

uniapp封装websocket以及心跳检测、重新连接

2024-04-17 17:58:02 383 1

原创宝塔webhook+Gitee配置实现服务器的代码自动同步

配置好后可以在gitee中或者宝塔中测试看是否配置成功。查看是否有公钥查看~/.ssh下的id_rsa.pub。先在服务器查看是否安装git（一般已经默认安装）安装完成后，输入git账户信息，并保存。宝塔中查看上一步配置的hook密钥。配置好后，重启一下宝塔，

2024-01-10 10:18:56 521

原创 Vue：defineAsyncComponent(异步组件)、component(动态组件)、keep-alive(缓存组件)

Vue：defineAsyncComponent(异步组件)、component(动态组件)、keep-alive(缓存组件)

2023-12-22 14:15:16 1655

原创 Element table 给表头添加斜线分隔

【代码】Element table 给表头添加斜线分隔。

2023-12-20 11:24:06 733

原创 vue 中 watch 、computed、 watchEffect 区别

3、watch只能监听响应式数据：例如ref定义的属性，reactive定义的对象，如果直接监听reactive定义的对象中的属性是不被允许的，除非使用函数转换一下；3、computed属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值；4、如果一个属性是由其它属性计算而来的，这个属性依赖其它属性，是一个多对一或者一对一，一般用computed；而watch不支持缓存，数据变，直接会触发相应的操作。

2023-12-16 10:19:25 448

原创云服务器部署vue/node项目

此处以阿里云服务器为例，配置的是LNMP环境。

2023-12-13 15:44:08 681

原创 VueUse工具库

VueUse不是Vue.use，它是为Vue 2和3服务的一套Vue Composition API的常用工具集，是目前世界上Star最高的同类型库之一。它的初衷就是将一切原本并不支持响应式的JS API变得支持响应式，省去程序员自己写相关代码。是一个基于 Composition API 的实用函数集合。通俗的来说，这就是一个工具函数包支持了更好的逻辑分离，它可以帮助你快速实现一些常见的功能，免得你自己去写，解决重复的工作内容。以及进行了机遇 Composition API 的封装。

2023-12-08 15:08:21 648

原创 moment(日期工具库)-使用/备份

moment(日期处理库)的基础使用，以及常用方法等整理总结，方便日常使用，避免每次查询搜索

2023-11-24 17:02:26 1009

原创 Vue3使用Swiper8.x

vue3.x中使用swiper8.x版本，笔记记录常用属性，以及方法等笔记，方便下次查看。2.在所需文件中引入swiper组件3.引入所需样式文件4.完整JS：5.完整template：6.样式可自定义-改用到样式

2023-09-07 18:00:37 508

原创阻止form表单回车提交刷新页面

form表单记录点，备忘录

2023-08-31 10:07:31 244

原创使用nvm管理node

nvm全名.js version management，是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。

2023-07-18 14:25:26 171

原创 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 1313 5

原创 VUE的mixins 与 Less的mixin

VUE的mixins 与 Less的mixin-整理所用到的有关记录，以及了解，并没有涉及到一些原理等

2023-06-26 14:47:50 425

原创 Vue中的$attrs和inheritAttrs

Vue中的$attrs和inheritAttrs

2022-09-22 11:08:06 302 1

原创 vue组件打包并发布到npm

npm本地包创建并发布到npm

2022-08-15 10:39:47 1321

原创基于AntDesign vue的自定义文件上传

基于AntDesign vue的自定义文件上传，可选择上传文件类型、个数限制、支持图片预览，其他文件格式下载；

2022-08-04 13:44:32 2799

原创笔记记录-Antdesign for VUE (全局注册or按需加载）

Antdesign for VUE (全局注册or按需加载）

2022-08-01 14:33:28 726

原创 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 868

原创使用patch-package修改node_modules 中的依赖包

使用patch-package修改node_modules 中的依赖包

2022-04-15 14:24:32 1234

原创 vue+elementUI-el-table+less实现表格列的隐藏与显示更新版

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤 1.引入库 2.读入数据总结实现思路基于vue+elementUI-el-table+less实现表格列的隐藏与显示-之前版本是所有的列都可以进行隐藏或者显示，依据的判断条件是数组下标。此次更新版本是部分可以隐藏与显示，判断依据是此列的prop属性。将表格展示+分页+显示/隐藏列组件化，其中利用slot动态展示不同的表格数据，父组件引...

2020-11-16 13:14:40 482

原创 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 1475

原创 vue+elementUI-el-table实现动态显示隐藏列

vue+elementUI实现表格数据展示以及分页以及对表格列的显示与隐藏

2020-07-21 10:54:08 8424 2

原创腾讯云服务器（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 922

原创前端知识点小总结

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 255

原创 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 397

原创 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 258

转载前端面试题目总结

1、IE8中如何实现圆角效果？ 2、什么情况下会出现闭包，又如何来理解相关函数，举例说明。3、对于ES6的理解以及有多少应用。4、对于异步操作的理解（关键词：同源策略，promise,waite）5、跨域一般采用什么方式来解决，至少说出两种以及原理（关键词：cors后台解决，postmessage，或者使用框架的代理）　　6、webpack配置文件的一些基本

2017-12-17 16:59:15 295

原创 PHP mysqli连接数据库，并实现数据操作

PHP是操作后台的脚本语言，所以最常用的就是用来进行数据库操作，在此就简单介绍PHP利用MYSQLI连接数据库想要使用PHP语言，必须先配置好运行环境，浅浅本人用的是xampp，是一个集mysql PHP Apache等的建站集成软件包，很好用。1.配置运行环境安装xampp后，将项目部署在xampp安装路径下的htdocs文件夹下，把路径复制到浏览器，把路径更改为网络路径就可以

2017-10-25 15:51:51 5704 1

原创 JavaScript动态加载瀑布流

利用JavaScript动态加载瀑布流在未知图片有多少时每一张图片都加载到已加载图片中的最小高度处，已达到每张图片正常咬合动态加载瀑布流-无限加载瀑布流 .container{ margin: 20px auto; position: relative;

2017-10-09 11:38:25 488

原创 js实现鼠标悬停一定时间后触发事件--淘宝例子

运行截图闭包--自执行函数--案例--淘宝例子 .container{ width: 300px; height: 150px; background-color: #16A085; } .nav_ul{ p

2017-09-26 21:53:07 5717

原创放大镜小案例_JavaScript

放大镜案例 body{ margin: 0; padding: 0; } .box{ width: 400px; height: 400px; position: relative; float:

2017-09-22 15:24:59 310

原创利用DOM实现图书馆管理系统

在DOM中最小的组成部分是节点，在HTML中元素、文本、属性等都是节点，DOM能够获得页面节点，并能动态地进行获取操作。所以利用DOM实现动态操作页面，模拟图书馆管理系统：代码如下：图书馆管理系统DOM改写 .inputMsg{ width: 1100px; height: 100px;

2017-09-18 22:26:57 903

原创 js实现网页标题滚动

//定时器 setInterval(function(){ //获得页面标题,是string类型 var oldTitle=document.title; //转换为数组类型 var titleArr=oldTitle.split(''); //使标题的字符产生位

2017-09-12 22:53:46 818

原创数组方法详解

在JavaScript中为数组提供了一系列的方法，以常见的方法为例进行解释说明：1.isArray()方法：判断变量是否为数组是数组返回true 否则返回false语法：Array.isArray();固定用法，只能由Array对象调用 eg：var arr=[]; Array.isArray(arr); //true var a

2017-09-12 22:14:20 285

原创利用js-对象实现简单的动态论坛页面

以js中的对象Object为数据容器，模拟动态的论坛页面： BBS页面 body{ background-color: #D6D2C2; } .total{ width: 800px; min-height:200px;

2017-09-12 22:09:56 742

原创数组基础

1.数组概念：由中括号括起来的由逗号的隔开的有序的数据结构。2.定义数组：两种方法：直接定义或用Array对象 1）var arr=['items1','items2',........]; 2）var arr=new Array('items1','items2',......); 用数组下标

2017-09-12 21:30:42 290

原创编写注册新用户的模块JavaScript

1.HTML代码：第三天练习题五 #container{ width: 500px; height: 500px; margin: 40px auto; text-align: center; } #con

2017-09-09 21:09:53 551

原创 JavaScript中的字符串

JavaScript中的字符串一.在JavaScript当中字符串有两种定义方式1）单引号或者双引号引起来的零个或者多个字符内容，包括大小写英文字符，汉字，数字，各类符号等等；2）用JavaScript中的String字符串对象定义：eg：var str=new String('hello world');注：最好不要用字符串对象定义，容易拖慢速度，造成内存错误；用第一种定义的

2017-09-09 19:24:39 240

基于vue实现3D动态词云/3D标签云

2023-09-07

vue3.x+elementPlus+swiper+vuedraggable 自定义装修页面

vue3.x+elementPlus+swiper+vuedraggable 实现在PC管理端可以自定义装修页面，例如顶部搜索，轮播广告，公告等模块；并在H5或Uniapp 移动端渲染展示；其中包含组件文件示例，以及引用文件示例

2023-06-26

自定义组件文件类型对应图片

2022-08-04

lemon-tabs.rar

左右菜单tab动态切换

2021-08-09

lemon-city-picker.rar

vue、省市区三级联动

2021-08-09

lemon-tag-edit.rar

基于TagEdit扩展tag编辑标签，标签高度随文本高度变化，适合长内容输入。

2021-08-06

trendsTable.vue

vue+elementUI，利用el-table和分页组件实现动态隐藏显示列+分页，并将此组件化便于复用。

2020-07-21

微信小程序-仿今日头条源码

微信小程序-仿今日头条源码，较为基础的项目源码。希望可以帮到想学习小程序的宝宝们

2018-04-20

微信小程序开发案例指导

微信小程序基础开发指导，并且附有详细视频。如果有兴趣的话，相关开发工具可以去官网瞎子啊

2018-04-20

echarts小案例

百度的echarts小案例，基础数据的更改。有需要的可以看看，比较基础

2018-04-20

PHP+mysql 登录注册查询

利用PHP+mysql 实现用户的登录，注册，还有数据的增删改查，对数据的模糊查询，都是比较基础的代码，希望对想学的宝宝们有帮助，如果想要可以私聊分享给你哦。

2017-10-25

bootstrap.v3.3.7最新版本

Bootstrap是最受欢迎的HTML、CSS和JS的前端开发框架，用于开发响应式布局、移动设备优先的WEB项目。它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式。 Bootstrap 3.3.7 更新日志：2015-07-25

2017-10-13

呼吸轮播图

此代码实现呼吸轮播图比较适合juqery初学者，代码比较简单明了，并且附有注释代码解释。希望对下载者有帮助。

2017-10-11

juery-1.7.2.zip

/*! jQuery v3.2.1 | (c) JS Foundation and other contributors | jquery.org/license */ !function(a,b){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){"use strict";var c=[],d=a.document,e=Object.getPrototypeOf,f=c.slice,g=c.concat,h=c.push,i=c.indexOf,j={},k=j.toString,l=j.hasOwnProperty,m=l.toString,n=m.call(Object),o={};function p(a,b){b=b||d;var c=b.createElement("script");c.text=a,b.head.appendChild(c)[removed].removeChild(c)}var q="3.2.1",r=function(a,b){return new r.fn.init(a,b)},s=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,t=/^-ms-/,u=/-([a-z])/g,v=function(a,b){return b.toUpperCase()};r.fn=r.prototype={jquery:q,constructor:r,length:0,toArray:function(){return f.call(this)},get:function(a){return null==a?f.call(this):a<0?this[a+this.length]:this[a]},pushStack:function(a){var b=r.merge(this.constructor(),a);return b.prevObject=this,b},each:function(a){return r.each(this,a)},map:function(a){return this.pushStack(r.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(f.apply(this,arguments))},first:function(){return th

2017-10-11

HTML5移动web开发指南

本书主要围绕HTML5技术，讲述如何利用HTML5相关技术开发移动Web网站和Web App应用程序。本书共分为四大部分，第一部分主要讲述Web技术的发展及HTML5标准在移动Web技术中的应用；第二部分主要介绍HTML5的新功能和新特性如何在移动设备浏览器中使用及相关展望；第三部分主要介绍比较流行的两套JavaScript移动开发框架jQuery Mobile、Sencha Touch，以及PhoneGap，并配备丰富的例子作为实践；第四部分主要结合Sencha Touch框架库和HTML5技术构建进行讲解，旨在帮助读者将HTML5技术运用于实践之中。

2017-09-26

Android群英传_完整高清版.pdf

2017-03-03

收到了家乡的一分offer要不要回去！！纠结！！

2021-08-13

TA创建的收藏夹 TA关注的收藏夹

TA关注的人