前端
文章平均质量分 59
前端实战
《源码好优多》
承接毕设,软件开发,定制,修改,部署,讲解,毕业答疑辅导,高校老师/讲师/同行合作。全网粉丝30万+,CSDN特邀博主,Java新星计划多届导师。
展开
-
基于SpringBoot+Vue实现前后端分离的健身房管理系统
角色:管理员、教练、用户🎩管理员:统计图表、个人中心、会员管理、教练管理、余额充值管理、会员类型管理、会员办卡管理、到期提醒管理、会员续卡管理、健身课程管理、报名课程管理、健身商品管理、购买商品管理、系统管理🎩教练:教练模块:个人中心、健身课程管理、报名课程管理等开发语言:Java后端: SpringBoot+Mybatis-Plus前端:Vue + Vue Router + ELementUI + Axios开发工具:IDEA,Eclipse,Myeclipse都可以。原创 2024-04-06 19:50:47 · 216 阅读 · 0 评论 -
spreadjs学习总结(持续更新)
苦于spreadjs学习教程和案例非常少,于是自己慢慢学习,慢慢总结出来,便于复习与巩固申请试用可以获取官方技术人员免费30天技术指导。原创 2022-09-27 11:21:50 · 1323 阅读 · 0 评论 -
常用工具函数js(持续更新)
获取url上的参数/** * @param {string} url * @returns {Object} */export function getQueryObject(url) { url = url == null ? window.location.href : url const search = url.substring(url.lastIndexOf('?') + 1) const obj = {} const reg = /([^?&=]+)=([^?原创 2022-05-24 10:18:45 · 138 阅读 · 0 评论 -
js整数取反
以12345为例,先拿到5,再拿到4,之后是3,2,1,我们按这样的顺序就可以反向拼接处一个数字了,也就能达到 反转 的效果。我们只要能拿到这个整数的 末尾数字 就可以了。好办,用取模运算就可以了。转载 2022-10-29 12:24:11 · 739 阅读 · 0 评论 -
好看的按钮选中css
前言经常要做按钮选中css样式,于是自己打算记录下来效果图上代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>好看的按钮选中css</title> <style> .content { display: flex; flex-wrap: wrap;原创 2022-04-10 19:57:52 · 1245 阅读 · 0 评论 -
好看的侧边栏选项卡圆角css
先看效果图没加圆角的侧边栏加了圆角的侧边栏(好看多了)实现步骤步骤一先给每个选项卡右上角和右下角添加正方形div<view class="tabs-item" :class="[{'tabs-active': index === selectIndex}]"><view :class="[{'corner top-corner': index === selectIndex}]"></view><view :class="[{'corner原创 2022-04-10 20:51:16 · 2330 阅读 · 5 评论 -
js递归查找数组符合条件的索引
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>demo</title> <script> function getIndexArray(tableTree, name) { let indexArray = []; for (let index = 0; in原创 2022-01-24 17:56:12 · 1681 阅读 · 1 评论 -
零成本,零基础搭建获利的影视小程序
1、先上图2、准备工作一、申请一个小程序申请地址:微信公众平台,申请小程序的操作很简单,大家百度一下跟着步骤申请就行,某宝上还有认证小程序代申请代认证,老铁们可以自行选择。二、下载微信开发者工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html三、下载解压HBuilderX下载地址:https://www.dcloud.io/hbuilderx.html大家可以在我的公众号:“南瓜原创 2021-09-15 16:49:29 · 1893 阅读 · 1 评论 -
UEditor(集成 135 编辑器插件)(附源码)
效果图可以看到第一个菜单是135,点击135跳到135编辑器,点击完成编辑即可准备工作1.npmnpm install vue-ueditor-wrap// 或者yarn add vue-ueditor-wrap2下载UEditor,UEditor 官网下载链接 我这边后台是java我下载jsp版本解压将解压的文件夹重命名为 UEditor 并移动到你项目的静态资源目录下引入且使用VueUeditorWrap组件import VueUeditorWrap from 'vu原创 2021-09-08 15:56:35 · 2115 阅读 · 1 评论 -
微信小程序 wx.getUserProfile 接口(最佳实践)
一为优化用户的使用体验,微信官方平台将进行以下调整:2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.login接口获取的登录凭证可直接换取unionID2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像、昵称、性别与地区),将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息),获取加密后的openID与unionID数据的能力不做调整。此前发布的小程序版本不受影响,但如果要进行版本更新则原创 2021-08-23 12:57:17 · 2421 阅读 · 1 评论 -
url传参出现Uncaught URIError: URI malformed错误解决
前言今天发现一个bug,平时ok的功能突然报错了,重复测了好几次发现是数据的问题,正常的数据里面没有百分号%,今天出现bug的数据里面有百分号%原因url加密传参有时候会出现Uncaught URIError: URI malformed的错误,这是因为你的url中包含了“%”字符,浏览器在对“%”执行decodeURIComponent时报错,正确的解决是将%全部替换为%25再进行传输解決办法urlStr.replace(/%/g, '%25');...原创 2021-07-21 09:57:50 · 9061 阅读 · 0 评论 -
list 标题组件
文档说明此插件依赖uviewui icon1、属性说明参数类型默认值说明backgroundObjectbackground: ‘#ffffff’自定义 styleborderLeftString‘’伪元素左边框iconColorLeftString#c0c4cc左边图标的颜色iconSizeLeftString 或 Number28左边图标的大小iconSrcLeftString‘’左边图标路径 支持 uviewui 图标原创 2021-06-25 11:22:44 · 143 阅读 · 0 评论 -
基于uni-app的模板,支持h5,小程序,安卓,ios,request请求封装,全局路由拦截,也可作为项目基础模板使用
前言做一个新的项目就需要常用的代码,比如登录,注册 (模板)全局路由守卫(路由配置)Request封装(请求封装)api集中管理引入依赖的UI库(color-ui,uview-ui)flex常用布局css,配置分包utils常用工具函数配置Vuex(store)等等为了提高自己的效率(说白了有点懒)决定把这些作为基础模板,下次做新项目直接用就行了效果图全局路由守卫(1) 路由拦截uni-simple-router 路由、拦截、最优雅的解决方案(2) 路由配置通过 v原创 2021-01-25 17:15:21 · 4220 阅读 · 1 评论 -
vue项目中集成腾讯TIM即时通讯(附源码)
上图前言项目需要做个客服功能,用户端小程序,客服人员web端,于是用到了腾讯的tim准备工作在腾讯云官网上创建应用,获取到相应的SDKAppID和相应的秘钥信息安装SDK(1) web项目使用命令// IM Web SDKnpm install tim-js-sdk --save// 发送图片、文件等消息需要的 COS SDKnpm install cos-js-sdk-v5 --save(2) 小程序项目使用命令// IM 小程序 SDKnpm install原创 2021-04-19 16:28:11 · 2247 阅读 · 2 评论 -
零基础搭建获利的美团饿了么优惠券CPS小程序(附源码)
1、先上图2、前言某天下午,我正在公司认真的写着代码,突然我的手机弹了一个通知,我赶紧抓起手机看看(给自己一个摸鱼的理由)让我看看到底是谁发消息打扰我认真的工作啊。害,原来是某个群转发了一个外卖红包,我失望的刚想放下手机,但是看了一眼电脑上的代码,算了算了,还是再看看手机吧。说不定这不是一个外卖红包这么简单呢?满30减8,就这???看着手机屏幕上的满减券,我陷入了沉思,为什么这个人要转发一个红包到群里呢,这不是让我捡便宜了吗?不会他真的是一个好人吧,从不利己专门利人?我把键盘推开,然后仔细看原创 2021-02-02 13:06:34 · 14013 阅读 · 27 评论 -
5分钟实现微信云小程序支付功能(含源码)
1 先上效果图 快速实现支付功能,有多快?有五连鞭这么快,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能2 准备工作1,非个人小程序,个人小程序用不了支付(小程序appid)2,已经申请微信支付的商户号(商户id,商户秘钥)。3,小程序里关联你的商户号(小程序和商户号绑定)4,微信小程序开通云开发3 开干(1)初始化云开发环境(2)创建云函数pay(3)引入第三方支付依赖tenpaypay文原创 2020-12-23 21:29:22 · 7258 阅读 · 14 评论 -
反编译获取任何微信小程序源码——看这篇就够了(最新)
一 准备工具1 node.js 运行环境下载地址:https://nodejs.org/en/2 反编译的脚本链接:https://pan.baidu.com/s/1InxRoozDDb-C-g2rKGi1Cw提取码:i50k3 夜神模拟器下载地址:https://www.yeshen.com/cn/download/fullPackage二 开始反编译1 获取小程序pkg包:在模拟器中登录微信,随便打开一个小程序A打开文件管理器,找到/data/data/com.tencent.m原创 2020-12-10 21:56:07 · 18900 阅读 · 23 评论 -
JavaScript 获取当前 URL 的文件名(不包含扩展名)
方式一var url = "http://community.csdn.net/Expert/PostNew.asp"fileName = url.split("//")[1].split("/")file = fileName[fileName.length-1].split(".")[0]console.log(file)方式二var url = "http://community.csdn.net/Expert/PostNew.asp"let file = url.substring(原创 2020-11-23 15:25:46 · 2003 阅读 · 0 评论 -
在vue项目中使用wangEditor
1,vue中安装wangEditor使用的npm安装 npm install wangeditor --save2,创建公用组件在components中创建wangEditor文件夹,文件里面新建index.vue组件index.vue内容为<template> <div ref="editor"></div></template><script>import E from 'wangeditor';export defau原创 2020-11-17 18:13:36 · 2696 阅读 · 7 评论 -
js返回两个数组对象比较的不同值
const oldArr = [{ id: 1}, { id: 2}, { id: 5}] const newArr = [{ id: 2}, { id: 4}, { id: 5}] // 将旧数组的值处理成id集合const oldIds = oldArr.map(item => item.id)// 得到newArr与oldArr不同的值const result = newArr.filter(item => !ol原创 2020-08-20 15:05:13 · 2583 阅读 · 0 评论 -
Ant Design of Vue之带select控件,单元格编辑功能的表格EditableCell组件
效果图功能表格里面某一行或者某一个单元格支持select复选框可以编辑,新增一行数据,删除一行数据,并且有校验规则源码editablecell组件源码参考自源码原创 2020-07-06 18:02:03 · 5841 阅读 · 6 评论 -
CSS中的绝对定位与相对定位
层级关系为:效果图:为改变参照物(橘色框)后的效果层级关系为:效果图:参照物为最顶级的元素情况。层级关系为:效果图: 仅使用margin属性布局绝对定位元素的情况此情况,margin-bottom 和margin-right的值不再对文档流中的原创 2017-01-05 17:13:48 · 213 阅读 · 0 评论 -
toggle函数不是点击了才调用么?怎么我的初始状态只是一瞬间就被替代了,而且还替换后的样式也不太对
你用的jquery.1.11.2.js,jquery从1.9开始就不再支持toggle方法了。你可以试试把你引用jquery的地方删除,换成下面的。1script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js">原创 2017-01-06 13:53:32 · 382 阅读 · 0 评论 -
鼠标移动特效代码
原创 2016-12-27 22:15:41 · 872 阅读 · 0 评论 -
网页标题有图片
原创 2016-12-27 12:03:06 · 313 阅读 · 0 评论 -
前端开发,响应式布局。
@media only screen and (max-width:680px){body{ background-color:#F00;}}原创 2016-12-26 21:43:47 · 357 阅读 · 0 评论 -
Jquery实现的一个DIV层面板的折叠/展开效果
Jquery实现的一个DIV层面板的折叠/展开效果_网页代码站(www.webdm.cn)*{margin:0;padding:0;} body { font-size: 14px; line-height: 130%; padding: 60px }#panel { width: 262px; border: 1px solid #0050D0 }.head { paddin原创 2017-01-08 15:09:05 · 11903 阅读 · 0 评论 -
Jquery实现最简单易用的分秒倒计时
实现原理:设置个定时器,自定义分钟和59秒。一秒钟秒数减1秒,60秒就减1分钟。下面是全部代码 pro.html $(function(){ var m=69; var s=59; setInterval(function(){ if(s原创 2017-02-04 16:32:37 · 3024 阅读 · 0 评论 -
jQuery 怎么实现点击页面其他地方隐藏菜单? 做了个按钮点击时弹出菜单,想实现点击其他地方时隐藏弹出的菜单
菜单按钮百度$(".a").on("click", function(e){ if($(".menu").is(":hidden")){ $(".menu").show(); }else{ $(".menu").hide(); } $(document).one("click", function(){ $("原创 2017-02-06 09:59:14 · 3813 阅读 · 2 评论 -
Jquery实现自定义复选框样式
checkbox应该是一个比较常用的html功能了,不过浏览器自带的checkbox往往样式不怎么好看,而且不同浏览器效果也不一样。出于美化和统一视觉效果的需求,checkbox的自定义就被提出来了。这里对实现方法做个总结<!-- more -->纯css实现的主要手段是利用label标签的模拟功能。label的for属性可以关联一个具体的input元素,即使这个input本身原创 2017-01-16 14:10:39 · 2492 阅读 · 0 评论 -
Jquery获取勾选复选框里面的值并且动态添加到一个新的div里面
$(function() {//获取所有复选框var $xz = $("input[name=check-2]:checked");$("input:button").click(function() {text = $("input:checkbox[name='check-1']:checked").map(function() {return $(this).val();原创 2017-01-12 15:27:16 · 6220 阅读 · 0 评论 -
手把手教你用Jquery实现简单tab
Jquery实现一个简单的tab$(function() {/*隐藏所有tab div 内容*/$(".tabcont").hide();/*给第一个li标签add就是添加 ,添加名字为yansi类样式*/$("li:first").addClass("yansi");/*给第一个显示第一个tab*/$(".tabcont:first").show();原创 2017-01-17 23:20:20 · 1071 阅读 · 0 评论 -
div实现四个圆角
我们经常觉得圆角比正角好看,所以有这个必要设置div圆角border-top-right-radius:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;原创 2016-12-29 15:10:47 · 4764 阅读 · 0 评论 -
DIV+CSS兼容所有浏览器的技巧大全
CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行? 2. margin加倍的问题?设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline原创 2017-02-09 15:08:10 · 902 阅读 · 0 评论 -
23条前端性能优化,看懂就够了!
前端性能优化是个巨大的课题,如果要面面俱到的说的话,估计三天三夜说不完。所以我们就从实际的工程应用角度出发,聊我们最常遇见的前端优化问题。1. 减少HTTP请求次数尽量合并图片、CSS、JS。比如加载一个页面,如果有5个css文件的话,那么会发出5次http请求,这样会让用户第一次访问你的页面的时候会长时间等待。而如果把这个5个文件合成一个的话,就只需要发出一次http请求,节省网原创 2017-02-09 15:14:25 · 1213 阅读 · 3 评论 -
10款Web程序员必备的CSS工具
对于web开发来说,CSS是最有效的美化页面、设置页面布局的技术。但问题是,CSS是一种标记性语言,语法结构非常的松散、不严谨。WEB程序员会经常发现自己的或别人的CSS文件里有大量的冗余代码或错误或能够大量优化的地方。如果你经常使用静态编程语言(比如,Java,C语言)等,你会发现实用的IDE工具会给编程带来巨大的效率,像Eclipse这样的能够实时自动分析代码问题的集成开发环境就是一个典型的例原创 2017-02-18 10:23:41 · 331 阅读 · 0 评论 -
Div+CSS命名规范(前端web开发命名规范)
Div+CSS命名规范(一)窗体头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center登录条:loginbar 标志:logo 广告:banner 页面主体:main原创 2016-12-27 12:00:00 · 505 阅读 · 0 评论 -
如何使用阿里云搭建个人网站
国内比较早的几个个人网站有阮一峰、月光博客等。他们都会定期的更新一些文章,阮一峰的更新频率大概在每月4篇,月光博客每天一篇。他们每天的浏览量在2万以上,每月最低收入都在2万以上。作为一个程序员,我一直想给自己找点事情做。也买过很多书,很多作者都有自己的个人网站,因此我就拿着学习加赚钱的态度在阿里云上创建了一个属于自己的网站:业余草。目前个人网站已上线快3年了,其中发生了很多大家意想不到的的原创 2017-02-09 18:19:46 · 2012 阅读 · 2 评论 -
CSS实现div框阴影,兼容各主流浏览器
在平面的网页上使用边框阴影,不仅可以为网页增添新意,更重要的是,让平面的网页有了空间的立体感。边框的阴影效果一般是使用图片或者css样式实现。图片可以实现一些比较丰富的阴影样式,而且很少存在浏览器兼容性的问题。但是往后如果需要修改的话比较麻烦。使用css方式可以方便修改,但浏览器兼容方面就比较需要注意。下面代码经过测试,兼容ie7-10,chrome,firefox。css代码:原创 2017-02-28 09:54:22 · 4115 阅读 · 0 评论 -
你真的了解word-wrap和word-break的区别吗?
你真的了解word-wrap和word-break的区别吗?这两个东西是什么,我相信至今还有很多人搞不清,只会死记硬背的写一个word-wrap:break-word;word-break:break-all;这样的东西来强制断句,又或者是因为这两个东西实在是太拗口了,长得又差不多,导致连背都很难背下来。那它们到底是什么呢?我在mozilla的官网上找到如下的解释:word-wra原创 2017-01-19 20:09:40 · 371 阅读 · 0 评论