- 博客(576)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
原创 最新uniapp开发微信小程序商城搭建教程(附源码)
uni-app是近年来一种新兴的多端混合开发框架,适合开发跨平台应用,方便多端运行。接下来,我就用一套开源打通版系统给大家演示一下,如何用最新的uni-app来搭建一个微信小程序商城。
2022-11-02 15:38:49 10610 8
原创 这个用PHP开发的全开源商城系统可免费商用
近两年,开源一直是技术圈非常火热的话题,拥抱开源已是大势所趋,互联网精神本就以开放、分享为核心,去开源平台Github及国内的Gitee溜达一圈,可以发现许多优秀的开源项目,废话不多说,今天给大家分享一款真正可免费商用的好开源商城系统,绝对精品!...
2022-05-09 10:15:36 4577 3
原创 19. 详解网络请求Axios
Axios是什么?Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。我们知道 Promise 是 js 异步的一种解决方案,它最大的特性就是可以通过 .then 的方式来进行链式调用。其实说白了axios是对ajax的封装,axios有的ajax都有,ajax有的axios不一定有,总结一句话就是axios是ajax,ajax不止axios。为什么选择axios?vue的作者尤雨溪推荐使用axios.符合前后端分离的趋势,及前端的MVVM的浪潮
2021-01-25 16:35:40 2222
原创 18. Vue的状态管理 - Vuex
vuex的相关知识点不多,但较为难理解,很多没有做过项目的同学去看官方文档可能无法真正理解,所以我这里除了介绍其基本的安装使用之外,会从他的应用场景及使用vuex的好处等方面来聊一下个人浅见!vuex是什么?官话:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。我个人的理解是,如果有一些公共的数据需要在多个组件中共享或者某一个状态的改变会影响多个组件,那么这时候用vuex是非常合适的,比.
2021-01-22 17:36:03 3104 14
原创 14. vue的插槽
vue的插槽插槽这个概念相对就比较抽象,但抽象的概念用生活中常见的事物去做类比,也就变得没那么抽象了!举一个生活中的例子:比如装修房子的时候我们会在很多地方预留出一些插孔,可能要插电冰箱,插电式,插充电器等,反正就是你觉得预留在这个位置的插座一定有用,这个预留的插座就类似我们今天要说的插槽,插槽就是你在模板中提前通过一个占位符(slot)来预言一块固定的区域将来会被某些元素替换掉,但是这个位置我得先预留出来。在veu 2.6.0 中,具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot
2021-01-16 11:27:06 7605 18
原创 这款完全开源可自主DIY的小程序商城太强大了,直接可给客户搭建赚米
项目介绍CRMEB Min是CRMEB品牌全新推出的一款轻量级、高性能、前后端分离的开源电商系统,完善的后台权限管理、会员管理、订单管理、产品管理、CMS管理、多端管理、页面DIY、数据统计、系统配置、组合数据管理、日志管理、数据库管理,一键开通短信、产品采集、物流查询等接口,系统采用TP6+Mysql+Uniapp+iView+Redis+workerman+form-builder等最流行热门的技术,支持队列、PHP快速生成表单、长链接、定时任务、事件订阅、图表统计、表格导出、自动接口文档,完善的使
2021-01-11 16:37:32 10635 22
原创 这个用JAVA开发的全开源商城系统可免费商用
近两年,开源一直是技术圈非常火热的话题,拥抱开源已是大势所趋,互联网精神本就以开放、分享为核心,去开源平台Github及国内的Gitee溜达一圈,可以发现许多优秀的开源项目,废话不多说,今天给大家分享一款真正可免费商用的好开源商城系统,绝对精品!颜值高这是个看脸的时代,第一印象很重要,美的东西总能让人赏心悦目,程序也是如此,界面美观,用起来都舒服!功能全现在是移动端的天下,社交电商更是如火如荼,某拼平台更是将各种社交营销活动玩的是眼花缭乱,什么砍价、拼团、秒杀、会员、积分已经成了商城系统的标.
2020-12-24 12:11:48 11010 37
原创 CRMEB全开源Java版微信小程序商城,附源码
CRMEB-JAVA版简介CRMEB商城JAVA版,SpringBoot + Maven + Swagger + Mybatis Plus + Redis + Uniapp +Vue 包含移动端、小程序、PC后台、Api接口;有产品、用户、购物车、订单、积分、优惠券、营销、余额、权限、角色、系统设置、组合数据、可拖拉拽的form表单等模块,大量的减少了二开的成本。CRMEB-JAVA版主要特性有详细的代码注释,有完整系统手册SpringBoot框架使用SpringBoot框架框架开发前端.
2020-12-16 15:46:15 5535 5
原创 深入理解element-plus table二次封装:从理论到实践的全面指南
在许多中后台管理系统中,表格占据着半壁江山,如果使用element plus组件库,那么少不了要用到table组件,可是table组件的功能过于基础,因此,我在table组件的实现基础之上进一步封装,从而实现功能更强大的table组件。在实现table组件的功能之前,我们首先需要先来看看用法,由于使用示例比较多,可能将会有几篇文章主要介绍所有示例用法,介绍完示例之后将会有专门的文章基于使用方式去详细讲解封装思路。
2024-03-27 16:38:54 3530 1
原创 Vue 性能不给力?这些优化技巧帮你轻松搞定!
设置唯一的key,能精确找到该数据,数据改变时能较快定位到diffdiff算法目的是找出差异,最小化更新视图,发生在视图更新阶段,当数据发生变化的时候,diff就对比新旧虚拟DOM,只渲染有变化的部分。1.对比是不是同类型标签,不是同类型直接替换2.是同类型标签,就执行patchVnode方法,判断新旧vnode是否相等newVnode和oldeVnode都有文本节点,就用新节点换旧节点new有子节点,old没有,就增new的子节点new没有子节点,old有,则删。
2024-03-22 17:59:50 1344
原创 Vue响应式原理全解析
大家好,我是程序员蒿里行。浅浅记录一下面试中的高频问题,请你谈一下Vue响应式原理。必备前置知识,Vue2官方文档中深入响应式原理及Vue3官方文档中深入响应式系统。响应式本质是当数据变化的时候,会自动执行一些相关函数。price: 2,amount: 3假设去水果店买苹果,价格为两元,买三个,总价是六元。但是苹果价格调整后,我还得重新计算一遍总价,即调用totalPrice函数。
2024-03-20 15:09:34 836
原创 Vue快速教程:如何优雅地移除数组中的特定元素?
这段代码乍一看似乎没啥问题,removeArr记录了要剔除的位置,比如[1, 3], 剔除1、3位置,但在剔除1位置后,splice会修改本身数组长度,原先的3位置的元素应该是退到2位置了,如果还剔除3位置的元素,按逻辑来说是不对的。在写本文的时候,我发现以下更简洁的写法,每次剔除前,直接获取要剔除的位置即可,虽然可能剔除位置一直不变,但是元素的变化了的,所以也不会出现剔除错误的情况。方法将要删除的元素之前和之后的元素分别存储在新的数组中,从而得到去除指定元素后的数组。方法来去除数组中的某个元素。
2024-03-18 14:50:24 5285
原创 Vue面试无忧,一文带你搞定前端面试中的热门难题!
虚拟 DOM (Virtual DOM,简称 VDOM) 是一种编程概念,意为将目标所需的 UI 通过数据结构“虚拟”地表示出来,保存在内存中,然后将真实的DOM与之保持同步。具体来说,虚拟 DOM是由一系列的 JavaScript 对象组成的树状结构,每个对象代表着一个DOM元素,包括元素的标签名、属性、子节点等信息。虚拟 DOM中的每个节点都是一个 JavaScript 对象,它们可以轻松地被创建、更新和销毁,而不涉及到实际的DOM操作。主要作用虚拟 DOM。
2024-03-13 14:46:40 1089
原创 一文全面解析 Vue3 el-table 组件二次封装
然而,数据的 key 作为列名的情况很少(至少在我们这里,一般是使用中文作为列名的),这就需要我们使用可定制的列名,并且,如果我们不想展示某些字段,上面的写法也是做不到的(它会显示数据的所有字段)。这时候,我们只需要一个映射(mapper)就可以解决这些问题。该对象的每一个属性对应每一列的 prop、key,值对应列的列名 label。// App.vue// 定义新的Header结构,key为column的prop/key,value为column的labela: "列a",b: "列b",
2024-03-11 15:50:40 1687 1
原创 Vue2中Hash和History路由模式的深入解析
路由有两种模式:一种是hash模式、另一种是history模式,在使用vue-cli以及vue-router默认搭建的Vue项目,若不做特殊的配置,默认就是hash模式。
2024-03-09 15:41:18 1441
原创 掌握 Vue3、Vite 和 SCSS 实现一键换肤的魔法步骤
一个网站的换肤效果算是一个比较常见的功能,尤其是在后台管理系统中,我们几乎都能看到他的身影,这里给大家提供一个实现思路。
2024-03-06 15:10:50 1443
原创 掌握工作中最常见的10个Redis应用场景
Redis作为一种优秀的基于key/value的缓存,有非常不错的性能和稳定性,无论是在工作中,还是面试中,都经常会出现。今天这篇文章就跟大家一起聊聊,我在实际工作中使用Redis的10种场景,希望对你会有所帮助。
2024-03-04 14:51:20 1256
原创 封装验证码组件的简易教程
验证码我们平时应该不少见到,其原理就是通过HTML5 Canvas API也就是我们说的画布,我们可以通过算法随机生成一系列字符、数字或图形,并将它们以扭曲、拉伸、旋转、添加噪点,以增加机器识别难度。对于更高级的验证码,可以使用SVG或者其他矢量图技术来创建复杂且难以解析的图形。
2024-02-28 14:54:13 1687
原创 提升Vue3应用效率的秘诀:深入比较ref与reactive!
ref在 Vue3 中提供了一种更统一、灵活的响应式解决方案,还能避免了reactive的某些局限性。点此下载。
2024-02-26 15:56:42 1565 1
原创 用CSS制作弧形卡片的三种创意方法!
以上就是本文的全部内容了,共介绍了 3 种不同的方式,下面总结一下各自优缺点border-radius 支持斜杠语法,可以单独控制圆弧的x、y半径,实现“外凸”圆弧最简单,缺点是圆弧不能自定义弧度,也不能实现“内凹”效果伪元素最符合常规思维,可以解决以上问题,缺点是需要占用伪元素,略微麻烦渐变实现和伪元素拼接思路类似,缺点是语法复杂,需要熟练掌握渐变语法点此下载。
2024-02-23 15:32:55 1372
原创 MySQL加锁策略详解
▶︎ sessionA 进行范围查询加锁,在语义上等价于 select * from t_db_lock where id = 5 for update,但是实际加锁情况还是有很大的区别,首先 id >= 5 根据等值查询查询到id=5这行加锁为(0,5],由于是唯一索引,退化为行锁,因此在 id=5 这行上加了锁,接着向右查询,找到第一个不满足条件的值,即 id=10 这行,所以加 next-key lock(5,10],这里因为并不是等值查询,不会有退化为间隙锁的过程,所以整体加锁范围[5,10];
2024-02-21 15:36:09 1304
原创 让每一像素都完美呈现:全面掌握页面自适应布局和分辨率调整!
栅格布局是一种网格化的页面布局方式,它由行和列组成,可以使开发者更容易地创建多种不同大小和位置的元素,并通过调整这些元素的行和列来实现响应式设计。通过CSS3的媒体查询,根据不同的屏幕尺寸区间设置不同的样式效果,和不同尺寸的图片,来保证页面图片显示不失真,布局元素错乱。保证布局内每一级必须设置相对于父级百分比宽度,但设计稿一般都是按照固定宽度设计,内部图片都是固定大小,拉伸或者缩放时都会导致变形,虽然都够实现布局宽度上的自适应,但分辨率过高或者过低时都无法达到一个良好的显示效果,需要设置。
2024-02-19 15:18:25 1116
原创 网络开发的隐形壁垒:如何巧妙解决跨域难题?
需要做一些特殊处理:准备一个callback函数用于处理后端传来的数据,将callback函数的名字作为src属性中的query传给后端,后端收到后用callback函数名将数据包裹起来,使数据作为参数返回给前端,当资源加载完成,callback会立即被调用,此时的实参就是我们需要的数据。如果Origin指定的域名在许可范围内,服务器返回的头字段中会包含Access-Control-Allow-Origin,它的值要么是请求时Origin字段的值,要么是一个*,表示接受任意域名的请求。
2024-02-03 15:16:13 957
原创 快速掌握WebSocket:仅需10分钟的速成教程!
WebSocket是一种在客户端和服务器之间实现双向通信的网络协议。它通过在单个TCP连接上提供全双工通信功能,使得服务器可以主动向客户端推送数据,而不需要客户端发起请求。WebSocket 协议是一种基于 TCP 的应用层协议,它提供了在客户端和服务器之间进行双向通信的能力。相比传统的 HTTP 协议,它具有更低的延迟和更高的实时性。WebSocket 协议通过建立一条持久化的连接来实现双向通信,从而避免了 HTTP 协议中频繁建立和断开连接的过程,减少了网络开销和服务器的负担。
2024-02-01 15:02:31 1044
原创 Vue2 进阶必读:数据 Watch 功能全面解读,让你的应用更智能!
箭头函数绑定了父级作用域的上下文,所以此时的this 不会指向vue实例,而是undefined。
2024-01-29 15:57:51 825
原创 Uniapp微信小程序:轻松实现自定义导航栏,提升用户体验
在这个组件里此处判断storage中是否有statusBarHeight、navBarHeight两个数据,没有则执行pinia中的方法deviceStore.getInfo()获取设备信息。
2024-01-24 15:24:41 895
原创 Vue3.2多页签导航来了:让你的应用更加灵活与强大!
tagList: [// 初始化默认展示【首页】标签导航meta: { title: '首页'}}),getters: {},actions: {},// 找出要删除的tag的索引值},// 持久化persist: {enabled: true, // 开启定义一个tag组件,从store中取出tagList并渲染;首页标签导航不可关闭,通过当前tag的path不等于首页的path来控制el-tag的closeable是否展示;
2024-01-22 15:24:26 1436
原创 【实战教程】ThinkPHP6分页功能轻松实现,让你的网站更高效!
通过上述步骤,我们成功地实现了ThinkPHP6的分页功能。相信通过本文的介绍,读者可以轻松地在自己的网站中添加分页功能,提高网站的用户体验。点此下载。
2024-01-19 17:38:43 1378
原创 Vue3新手必备:轻松掌握watch的使用技巧!
若想监听某个响应式对象的属性值,不管这个属性值是基本数据类型还是对象数据类型,都建议写成函数形式;如果需要关注对象内部,则手动开启深度监听,则加一个deep:true。点此下载。
2024-01-17 15:24:41 456
原创 Vue 3 中的响应式原理
Vue 3是Vue.js的最新版本,它引入了新的Composition API,并带来了一些重要的改进和优化。其中,响应式原理是Vue框架的核心机制之一,它使得当数据发生变化时,视图能够自动更新。在Vue 3中,响应式原理的实现细节和机制与Vue 2有所不同,下面我们将深入探讨Vue 3中的响应式原理,并通过代码实例来帮助您更好地理解。
2024-01-15 14:44:27 3179 5
原创 Vue 3 Composition API 详解
Vue 3的Composition API为开发者提供了一种新的方式来组织和重用组件逻辑。通过理解和掌握Composition API的核心概念、使用场景和最佳实践,开发者可以构建出更加清晰、可维护和高效的Vue应用程序。尽管Migration API提供了一种向Composition API过渡的方式,但开发者仍需注意两者的区别和最佳实践,以确保应用程序的稳定性和性能。
2024-01-12 15:30:33 781
原创 一文教你小程序分包,简单易学!
顾名思义,独立分包就是可以独立运行的分包。举个例子,如果你的小程序启动页面是分包(普通分包)中的一个页面,那么小程序需要优先下载主包,然后再加载普通分包,因为普通分包依赖主包运行。但是如果小程序从独立分包进入进入小程序,则不需要下载主包,独立分包自己就可以运行。普通分包所有的限制对独立分包都有效。分包是为了解决小程序超过2m无法上传的问题分包依赖于主包,进入分包页面,主包必然需要优先被加在主包和分包同时引用一个依赖或资源,则当前依赖或资源会被打入到主包。
2024-01-08 14:41:04 3316
原创 Vuex与Vuex-Class的底层原理简单实现
vuex-class是在class-component中使用vuex的辅助工具。学习任何技术栈的使用,最透彻的掌握方法就是去简单实现一下,下面先简单实现一下vuex,然后基于我们自己实现的vuex再去实现一个vuex-class,彻底搞定vuex-class的使用。首先回忆一下vuex的使用(配置)方法,首先我们需要在某个位置执行,然后通过。经过如上的配置,我们就可以在组件中通过去访问Store对象的属性,使用statecommit为了保留核心,删繁就简,我们自己的vuex只实现在组件中通过。
2024-01-06 17:38:02 991
原创 Vue3 自定义Hooks大全:一站式解决你的疑惑!
不知道喜欢vue3的小伙伴和我是不是一样,刚上手vue3的时候 对自定义hooks一脸懵逼,在一些视频网站学习的时候老师讲解到自定义hooks 最喜欢用 加减乘除来描述 自定义hooks 是咋用的,可能是我理解能力比较差吧,我看了这个加减乘除的自定义hooks 之后感觉跟没看一样,还是一脸懵逼,所以个人觉得这种知识还是结合项目或者业务来说才是比较能让人理解的。
2024-01-04 16:24:27 916
原创 Vue开发者必备!手把手教你实现类似Element Plus的全局提示组件!
虽然这个组件的实现原理很简单,但是它在用户体验和功能上却非常强大。它使用了Vue.js的响应式系统和动画效果,使得弹框在显示和隐藏时都能给用户带来良好的视觉体验。点此下载。
2024-01-02 14:36:36 651
原创 一文掌握Vue3状态管理神器Pinia,开发者必备技能!
随着Vue.js 3.0发布,我们可以获得更出色的性能和更好的开发体验。然而,在这篇文章中,我想专注讲解Vue3的一个新的状态管理库:Pinia。接下来探讨一下Pinia的使用方法及一些我在使用过程中遇到的问题。首先我要强调的是Pinia是旨在提供更简单更直观的API来解决Vuex中的一些问题,并且具有类型推导,这对于我们的代码来说是一件好事。
2023-12-27 15:31:40 462
原创 一文掌握 Vue3 + Express 大文件分片上传、断点续传、秒传技巧!
在日常开发中,文件上传是常见的操作之一。文件上传技术使得用户可以方便地将本地文件上传到Web服务器上,这在许多场景下都是必需的,比如网盘上传、头像上传等。上传时间比较久;中间一旦出错就需要重新上传;一般服务端会对文件的大小进行限制。这几个问题会导致上传时候的用户体验是很不好的,针对存在的这些问题,我们可以通过分片上传来解决。
2023-12-25 16:30:59 2422 1
原创 一文教你Vue3中的useDialog,让你的代码更加优雅!
在日常开发时,弹窗是一个经常使用的功能,而且重复性极高,你可能会遇到下面这些问题:1、一个页面内多个弹窗, 要维护多套弹窗状态,看的眼花缭乱2、弹窗内容比较简单,声明变量 + 模板语法的方式写起来比较麻烦关于这些问题, 我首先想到的是应该弄一个即用即走的Dialog,不用去单独维护它的状态,使用其中render可以是一个html字符串,也可以是jsx(需要配置对jsx的支持),这样可以对内容区域实现自定义。
2023-12-21 15:21:12 1017
Swoole4+Tp6+Redis+Vue+Mysql开发的CRMChat在线客服系统源码
2022-10-15
Thinkphp6+uniapp免费开源分销拼团小程序商城方便二开的商城系统
2022-10-15
crmeb_java拼团砍价秒杀分销小程序公众号h5 app商城源码
2022-05-06
CRMEB V4拼团秒杀砍价分销小程序公众号H5 App商城源码
2022-05-06
CRMEB 开源打通版V4.6拼团秒杀砍价分销小程序公众号H5 App商城源码
2022-05-06
crmeb v1.4.4知识付费拼团砍价秒杀h5公众号上商城源码【2022最新发布】.zip
2021-04-26
CRMEB pro版获取短信验证码失败?
2020-12-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人