- 博客(328)
- 资源 (14)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 控制台瞬间干净！Vue 删除生产环境烦人的console.log打印，看完这个你就会了！
Vue 删除生产环境烦人的console.log打印，看完这个你就会了！
2024-06-21 09:54:42
176
2
原创 vue echarts实现根据选择项年月时间切换数据显示柱状图，vue页面监听自适应
功能：可进行月度、年度切换显示相应的收入和支出柱状图数据；这里进行了柱状图的简化配置，X轴Y轴都有所改写，具体的简化配置下文会贴出代码，参照功能开发时按照自己的需要去处理；这里也会提到在开发时会遇到的问题，以及延伸配置的其他功能介绍；
2023-07-24 14:21:58
1857
原创 vue使用html2canvas jspdf实现pdf下载导出功能
1.安装 全局、局部引用；2.封装html2canvas结合JsPDF 下载导出方法；3.组件页面调用
2023-02-03 12:02:24
1092
1
原创 vue后台系统管理项目-echarts实现订单统计
主要功能不同订单状态切换显示不同的柱状图数据；根据条件切换选择年度视图、月度视图；根据条件切换指定年份、指定月份显示当前的数据；根据搜索条件查询查看柱状图数据；柱状图数据导出功能，可导出Excel、导出PDF；
2023-01-01 14:41:33
2238
2
原创 vue后台管理系统项目-vue-quill-editor实现富文本编辑器功能
详细介绍富文本编辑器使用详细过程，详细介绍使用过程中遇到的问题以及自定义上传、自定义配置文字大小等功能
2022-12-24 12:34:44
1702
原创 vue app开发调用原生方法实现权限访问授权处理（二）
前提：在写代码之前应该想清楚调用原生安卓、ios的方法，就应该遵循双端的方法规则，调用方法时应该注意，在这里先主要介绍一下注意事项：根据App发布应用市场的要求，下载、上传、定位获取、版本获取等功能必须要提供供用户选择的授权提示。当访问页面时候通过调用原生方法唤起手机授权提示，选择授权同意和拒绝授权处理，当选择同意授权就要对获取的数据进行 处理，选择拒绝授权时应做一些拒绝的提示，当再次访问页面时候，也要再次弹出这样的权限弹窗供用户选择授权，当然 用户可以拒绝或者在手机后台手动去设置是否要授权。这里介绍原生方
2022-12-03 18:47:12
1012
1
原创 vue app开发调用原生方法实现权限访问授权处理（一）
前提：在写代码之前应该想清楚调用原生安卓、ios的方法，就应该遵循双端的方法规则，调用方法时应该注意，在这里先主要介绍一下注意事项：根据App发布应用市场的要求，下载、上传、定位获取、版本获取等功能必须要提供供用户选择的授权提示。当访问页面时候通过调用原生方法唤起手机授权提示，选择授权同意和拒绝授权处理，当选择同意授权就要对获取的数据进行 处理，选择拒绝授权时应做一些拒绝的提示，当再次访问页面时候，也要再次弹出这样的权限弹窗供用户选择授权，当然 用户可以拒绝或者在手机后台手动去设置是否要授权。这里介绍原生方
2022-12-03 17:12:40
1275
1
原创 vue实现文件上传压缩优化处理
两种方法 ：第1种是借助canvas的封装的文件压缩上传;第2种（扩展方法）使用compressorjs第三方插件实现
2022-11-26 13:50:07
2314
2
原创 手把手教你使用vue3.0版本安装vant3 ui框架教程
vant3配置手机端适配，采用Rem 布局适配；需要使用 rem 单位进行适配，推荐使用以下两个工具：postcss-pxtorem 是一款 PostCSS 插件，用于将 px 单位转化为 rem 单位，lib-flexible 用于设置 rem 基准值
2022-11-08 15:17:01
2431
原创 vue3 vant3推广活动项目-实现验证码登录功能
使用vue3+vant3框架，采用Rem 布局适配；postcss-pxtorem是一款 PostCSS 插件，用于将 px 单位转化为 rem 单位，lib-flexible用于设置 rem 基准值；
2022-11-04 11:22:29
1334
原创 vue支付项目-APP支付宝支付功能
如果用户已安装支付宝客户端，商家 App 唤起支付宝完成支付，支付完后跳回到商家 App 内，最后展示支付结果。如果用户没有安装支付宝客户端，商家 App 内会调起支付宝网页支付收银台，用户登录支付宝账号，支付完后展示支付结果。1.点击按钮开通或者续费，会验证是否选择会员商品以及对协议是否查看选中（这里根据项目需要自行验证，可忽略），验证通过打开选择支付方式弹窗页面，选择微信支付或者支付宝支付；4.可取消支付，放弃支付会返回会员页面，页面提示支付取消；1.判断支付方式，如果是2，则是支付宝支付方式。
2022-10-22 06:30:00
11296
11
原创 vue支付项目-APP微信支付功能
商户APP调用微信提供的SDK调用微信支付模块，商户APP会跳转到微信中完成支付，支付完后跳回到商户APP内，最后展示支付结果。CSDN前端领域优质创作者，资深前端开发工程师，专注前端开发，在CSDN总结工作中遇到的问题或者问题解决方法以及对新技术的分享，欢迎咨询交流，共同学习。），验证通过打开选择支付方式弹窗页面，选择微信支付或者支付宝支付；4.可取消支付，放弃支付会返回会员页面，页面提示支付取消；2.判断支付方式，如果是1，则是微信支付方式。1.判断是否在微信内支付，需要在微信外支付。
2022-10-21 13:02:23
5905
16
原创 vue element-plus后台管理系统项目-登录、记住密码功能
功能介绍：登录、记住密码功能实现；登录账号、密码添加规则验证；记住密码，默认保存7天，有效期内下次可直接跳转首页，非有效期需要重新输入账号、密码进行登录....
2022-10-09 10:05:19
4529
14
原创 vue后台系统管理项目-openlayers地图定位、港口数据标记功能
使用openlayers开发实现查找的货源在地图的显示标注，点击货源图标进行当前港口信息显示；通过查询的港口列表数据，点击当前港口在地图定位显示，添加港口选中标记功能；
2022-10-01 06:30:00
3039
5
原创 vue后台系统管理项目-角色权限分配管理功能
菜单权限管理模块功能：角色列表查询，通过（角色名称；角色编号；状态：启用、禁用）进行角色数据搜索；查询、重置、新建角色功能；角色列表分页实现；角色编辑，角色禁用，角色删除操作；新建角色功能包括对角色名称、菜单权限信息的保存提交
2022-09-22 10:17:37
4342
14
原创 vue后台系统管理项目-菜单权限管理功能
菜单权限管理功能模块：菜单列表查询。查询、重置功能。菜单列表分页实现。菜单详情查看、菜单禁用、菜单编辑、删除操作。新建菜单功能包括对（菜单名称、类型、排序、url地址、图标、备注、父菜单选择）选项信息的配置。
2022-09-15 11:38:59
6003
26
原创 微信小程序在线考试项目开发-用户授权登录、身份信息获取
用户授权流程实现方法：wx.getUserProfile(Object object)获取用户信息。页面产生点击事件（例如button上bindtap的回调中）后才可调用，每次请求都会弹出授权窗口，用户同意后返回userInfo。该接口用于替换wx.getUserInfo
2022-09-13 06:30:00
1883
8
原创 微信小程序在线考试项目开发-注册登录功能
用户授权后检索是否登记过信息，如果登记过则跳转到考试列表页进行答题考试，显示tabbar；如果没有登记过则不显示tabbar，需要就进行用户信息登记，登记之后跳转考试列表页进行答题考试；当切换tabbar时候，进入该页面获取用户信息进行信息回显；确定按钮不显示，用户信息也不能在修改；
2022-09-13 06:30:00
1108
原创 vue考试系统后台管理项目-接口封装调用
api接口封装调用详细介绍，项目功能介绍：账户信息模块：菜单权限、角色权限设置、角色权限分配、账号设置、公司分组
2022-09-07 14:08:54
3115
10
原创 vue考试系统后台管理项目-登录、记住密码功能
vue2.0后台系统管理项目：实现考试录入到评分、成绩查看导出一系列流程，人员分配权限，菜单路由配置，题库试题录入，管理考试分类
2022-09-03 17:06:39
15259
22
原创 猿创征文｜vue vant-ui数据列表上拉加载更多，下拉刷新功能
功能需求：获取后端接口返回的数据，实现列表数据上滑加载更多下一页数据，下拉数据刷新功能，结合vant-ui框架实现。可直接参考使用。
2022-08-27 16:50:57
2090
8
原创 vue3.0组合式api语法使用总结
toRef也可以创建一个响应式数据ref本质是拷贝粘贴一份数据，脱离了与原数据的交互ref函数将对象中的属性变成响应式数据，修改响应式数据是不会影响到原数据,但是会更新视图层toRef的本质是引用，与原始数据有交互，修改响应式数据会影响到原数据,但是不会更新视图层使用需引入//toRef接收两个参数，第一个参数是要操作的对象，第二个参数是对象的某个属性const obj = {name:'林一'}setup(){const obj = {name:'林一',age:40}..................
2022-08-05 06:30:00
1195
3
原创 vue结合openlayers根据返回的经纬度坐标完成锚地标记、绘制多边形区域
关于数据渲染的问题：这里前端采用的是获取左下角和右上角经纬度作为参数传递给后台获取当前屏幕显示的区域的数据。利用滑动地图区域来请求接口渲染数据，这样就很好的解决了一次性加载很多的数据的问题。............
2022-07-28 11:30:36
2005
2
原创 Vue应用openLayers实现图层数据切换显示，图层加载
🔜本篇文章介绍图层设置航标、港口码头、锚地停泊区数据的获取，以及以天地图作为底图添加到上航道图层上面；点击图层可以选择控制图层数据隐藏显示以及数据的处理。.🔜技术应用：vue + vant-ui + openlayers图层设置：data定义图层显示列表数据shipLayerList：mounted加载数据：这里主要讲航标、港口图层，其他的图层方法和数据获取类似。methods中定义:初始化方法动态显示图层方法手动调整图层，点击图层显示切换获取航标数据，获取港口数据是一样的操作，参照航..
2022-07-06 17:25:12
2517
10
原创 web前端开发Vue面试题记录
props$emit共同点：都是动态显示 DOM 元素区别点：性能消耗使用场景5、的作用是什么主要是用于需要频繁切换的组件时进行缓存，不需要重新渲染页面给dom元素加ref=‘content’,然后通过this.$refs.content进行获取dom元素7、说出几种vue当中的指令和它的用法8、vue-loader是什么？它的用途是什么？vue文件的一个加载器，将template/js/style转换为js模块用途:js可以写es6、style样式给每个dom元素加上key作为唯一标识 ，
2022-07-03 09:47:33
814
1
原创 vue使用vant-ui、天地图、Openlayers实现轨迹查询,点击事件信息弹窗，列表加载刷新，复位功能
技术栈：vue、有赞vant-ui、天地图、Openlayers
2022-04-13 11:30:01
1321
4
原创 uni-app 数据上拉加载更多功能
实现上拉加载更多打开项目根目录中的 pages.json 配置文件，为 subPackages 分包中的商品goods_list 页面配置上拉触底的距离："subPackages": [ { "root": "subpkg", "pages": [ { "path": "goods_detail/goods_detail", "style": {} }, { "path":..
2022-03-23 13:58:55
6016
11
原创 Vue安装 项目可视化分析包大小工具webpack-bundle-analyzer
1.安装：npm install webpack-bundle-analyzer –save-dev//或yarn add webpack-bundle-analyzer -D2.配置：在build/webpack.prod.config.js添加...if (config.build.bundleAnalyzerReport) { const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnal
2020-09-11 10:47:02
2325
2
原创 css实现超出部分显示省略号，控制文字
<div class="content">css实现超出部分显示省略号，控制文字css实现超出部分显示省略号，控制文字</div>/* 显示一行，省略号 */ .content{ width:200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; ..
2020-09-08 11:48:46
552
原创 Vue封装本地存储localStorage/sessionStorage组件使用
新建storage.js：export const local={ set(key,value){ localStorage.setItem(key,JSON.stringify(value)); }, get(key){ return JSON.parse(localStorage.getItem(key)); }, remove(key){ localStorage.removeItem(key); }}export const se
2020-09-08 09:48:56
748
2
原创 Vue js引用警告 “export ‘default‘ (imported as ‘xxx‘) was not found
问题原因：ES6 编译器识别问题如果在public.js这样写会有警告export 'default' (imported as 'xxx') was not foundexport const myMixin= {}解决办法：修改组件中引用js的地方将import Public from './public'改成import * as Public from './public'...
2020-09-01 14:53:02
18298
2
前端开发最新Vue3.0组合式api使用总结
2022-08-04
js手写程序代码面试题es6语法实现
2022-07-03
element后台系统点击menu左侧菜单收缩,支持窗口大小改变echarts图自适应
2022-06-20
react项目选型搭建优化打包上线全过程
2022-06-08
应用在人脸识别功能的视觉方法
2022-06-03
React全家桶从入门到进阶详细讲解
2022-05-22
vue使用compressorjs解决拍照上传旋转90度问题，图片压缩上传
2022-05-18
vue3.0快速学习笔记，集合新的API、reactive函数、setup、生命周期、新的组件等内容，适合项目开发
2022-05-08
使用vue和openlayers的问题
2022-07-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人