自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(328)
  • 资源 (14)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue echarts实现根据选择项年月时间切换数据显示柱状图,vue页面监听自适应

功能:可进行月度、年度切换显示相应的收入和支出柱状图数据;这里进行了柱状图的简化配置,X轴Y轴都有所改写,具体的简化配置下文会贴出代码,参照功能开发时按照自己的需要去处理;这里也会提到在开发时会遇到的问题,以及延伸配置的其他功能介绍;

2023-07-24 14:21:58 1614

原创 vue使用html2canvas jspdf实现pdf下载导出功能

1.安装 全局、局部引用;2.封装html2canvas结合JsPDF 下载导出方法;3.组件页面调用

2023-02-03 12:02:24 1048 1

原创 vue后台系统管理项目-echarts实现订单统计

主要功能不同订单状态切换显示不同的柱状图数据;根据条件切换选择年度视图、月度视图;根据条件切换指定年份、指定月份显示当前的数据;根据搜索条件查询查看柱状图数据;柱状图数据导出功能,可导出Excel、导出PDF;

2023-01-01 14:41:33 2161 2

原创 vue后台管理系统项目-vue-quill-editor实现富文本编辑器功能

详细介绍富文本编辑器使用详细过程,详细介绍使用过程中遇到的问题以及自定义上传、自定义配置文字大小等功能

2022-12-24 12:34:44 1656

原创 vue app开发调用原生方法实现权限访问授权处理(二)

前提:在写代码之前应该想清楚调用原生安卓、ios的方法,就应该遵循双端的方法规则,调用方法时应该注意,在这里先主要介绍一下注意事项:根据App发布应用市场的要求,下载、上传、定位获取、版本获取等功能必须要提供供用户选择的授权提示。当访问页面时候通过调用原生方法唤起手机授权提示,选择授权同意和拒绝授权处理,当选择同意授权就要对获取的数据进行 处理,选择拒绝授权时应做一些拒绝的提示,当再次访问页面时候,也要再次弹出这样的权限弹窗供用户选择授权,当然 用户可以拒绝或者在手机后台手动去设置是否要授权。这里介绍原生方

2022-12-03 18:47:12 976 1

原创 vue app开发调用原生方法实现权限访问授权处理(一)

前提:在写代码之前应该想清楚调用原生安卓、ios的方法,就应该遵循双端的方法规则,调用方法时应该注意,在这里先主要介绍一下注意事项:根据App发布应用市场的要求,下载、上传、定位获取、版本获取等功能必须要提供供用户选择的授权提示。当访问页面时候通过调用原生方法唤起手机授权提示,选择授权同意和拒绝授权处理,当选择同意授权就要对获取的数据进行 处理,选择拒绝授权时应做一些拒绝的提示,当再次访问页面时候,也要再次弹出这样的权限弹窗供用户选择授权,当然 用户可以拒绝或者在手机后台手动去设置是否要授权。这里介绍原生方

2022-12-03 17:12:40 1225 1

原创 vue项目分环境配置打包处理

vue项目分环境配置打包处理主要包括几方面:本地环境配置;生产环境配置;打包处理;打包配置处理(扩展)

2022-11-26 16:58:10 1140

原创 vue实现文件上传压缩优化处理

两种方法 :第1种是借助canvas的封装的文件压缩上传;第2种(扩展方法)使用compressorjs第三方插件实现

2022-11-26 13:50:07 2156 2

原创 vue接口封装 路由拦截处理

api接口封装,路由拦截处理完整教程

2022-11-18 17:23:02 514

原创 vue项目前端优化处理方案整理

vue项目前端优化处理:提高vue项目访问页面加载速度,提高页面数据渲染

2022-11-17 16:01:19 1087 3

原创 手把手教你使用vue3.0版本安装vant3 ui框架教程

vant3配置手机端适配,采用Rem 布局适配;需要使用 rem 单位进行适配,推荐使用以下两个工具:postcss-pxtorem 是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位,lib-flexible 用于设置 rem 基准值

2022-11-08 15:17:01 2283

原创 vue3 vant3推广活动项目-实现验证码登录功能

使用vue3+vant3框架,采用Rem 布局适配;postcss-pxtorem是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位,lib-flexible用于设置 rem 基准值;​

2022-11-04 11:22:29 1293

原创 vue支付项目-APP支付宝支付功能

如果用户已安装支付宝客户端,商家 App 唤起支付宝完成支付,支付完后跳回到商家 App 内,最后展示支付结果。如果用户没有安装支付宝客户端,商家 App 内会调起支付宝网页支付收银台,用户登录支付宝账号,支付完后展示支付结果。1.点击按钮开通或者续费,会验证是否选择会员商品以及对协议是否查看选中(这里根据项目需要自行验证,可忽略),验证通过打开选择支付方式弹窗页面,选择微信支付或者支付宝支付;4.可取消支付,放弃支付会返回会员页面,页面提示支付取消;1.判断支付方式,如果是2,则是支付宝支付方式。

2022-10-22 06:30:00 11152 11

原创 vue支付项目-APP微信支付功能

商户APP调用微信提供的SDK调用微信支付模块,商户APP会跳转到微信中完成支付,支付完后跳回到商户APP内,最后展示支付结果。CSDN前端领域优质创作者,资深前端开发工程师,专注前端开发,在CSDN总结工作中遇到的问题或者问题解决方法以及对新技术的分享,欢迎咨询交流,共同学习。),验证通过打开选择支付方式弹窗页面,选择微信支付或者支付宝支付;4.可取消支付,放弃支付会返回会员页面,页面提示支付取消;2.判断支付方式,如果是1,则是微信支付方式。1.判断是否在微信内支付,需要在微信外支付。

2022-10-21 13:02:23 5794 16

原创 vue element-plus后台管理系统项目-登录、记住密码功能

功能介绍:登录、记住密码功能实现;登录账号、密码添加规则验证;记住密码,默认保存7天,有效期内下次可直接跳转首页,非有效期需要重新输入账号、密码进行登录....

2022-10-09 10:05:19 4414 14

原创 vue后台系统管理项目-openlayers地图定位、港口数据标记功能

使用openlayers开发实现查找的货源在地图的显示标注,点击货源图标进行当前港口信息显示;通过查询的港口列表数据,点击当前港口在地图定位显示,添加港口选中标记功能;

2022-10-01 06:30:00 2960 5

原创 微信小程序在线考试项目开发-接口封装调用

技术选型:轻量、可靠的小程序 UI 组件库Vant2:Vant Weapp。

2022-09-26 11:58:03 503 1

原创 vue后台系统管理项目-角色权限分配管理功能

菜单权限管理模块功能:角色列表查询,通过(角色名称;角色编号;状态:启用、禁用)进行角色数据搜索;查询、重置、新建角色功能;角色列表分页实现;角色编辑,角色禁用,角色删除操作;新建角色功能包括对角色名称、菜单权限信息的保存提交

2022-09-22 10:17:37 4214 14

原创 vue后台系统管理项目-菜单权限管理功能

菜单权限管理功能模块:菜单列表查询。查询、重置功能。菜单列表分页实现。菜单详情查看、菜单禁用、菜单编辑、删除操作。新建菜单功能包括对(菜单名称、类型、排序、url地址、图标、备注、父菜单选择)选项信息的配置。

2022-09-15 11:38:59 5871 26

原创 微信小程序在线考试项目开发-用户授权登录、身份信息获取

用户授权流程实现方法:wx.getUserProfile(Object object)获取用户信息。页面产生点击事件(例如button上bindtap的回调中)后才可调用,每次请求都会弹出授权窗口,用户同意后返回userInfo。该接口用于替换wx.getUserInfo

2022-09-13 06:30:00 1874 8

原创 微信小程序在线考试项目开发-注册登录功能

用户授权后检索是否登记过信息,如果登记过则跳转到考试列表页进行答题考试,显示tabbar;如果没有登记过则不显示tabbar,需要就进行用户信息登记,登记之后跳转考试列表页进行答题考试;当切换tabbar时候,进入该页面获取用户信息进行信息回显;确定按钮不显示,用户信息也不能在修改;

2022-09-13 06:30:00 1053

原创 vue考试系统后台管理项目-接口封装调用

api接口封装调用详细介绍,项目功能介绍:账户信息模块:菜单权限、角色权限设置、角色权限分配、账号设置、公司分组

2022-09-07 14:08:54 3091 10

原创 vue考试系统后台管理项目-登录、记住密码功能

vue2.0后台系统管理项目:实现考试录入到评分、成绩查看导出一系列流程,人员分配权限,菜单路由配置,题库试题录入,管理考试分类

2022-09-03 17:06:39 15108 22

原创 猿创征文|vue vant-ui数据列表上拉加载更多,下拉刷新功能

功能需求:获取后端接口返回的数据,实现列表数据上滑加载更多下一页数据,下拉数据刷新功能,结合vant-ui框架实现。可直接参考使用。

2022-08-27 16:50:57 1990 8

原创 vue3.0组合式api语法使用总结

toRef也可以创建一个响应式数据ref本质是拷贝粘贴一份数据,脱离了与原数据的交互ref函数将对象中的属性变成响应式数据,修改响应式数据是不会影响到原数据,但是会更新视图层toRef的本质是引用,与原始数据有交互,修改响应式数据会影响到原数据,但是不会更新视图层使用需引入//toRef接收两个参数,第一个参数是要操作的对象,第二个参数是对象的某个属性const obj = {name:'林一'}setup(){const obj = {name:'林一',age:40}..................

2022-08-05 06:30:00 1136 3

原创 vue结合openlayers根据返回的经纬度坐标完成锚地标记、绘制多边形区域

关于数据渲染的问题:这里前端采用的是获取左下角和右上角经纬度作为参数传递给后台获取当前屏幕显示的区域的数据。利用滑动地图区域来请求接口渲染数据,这样就很好的解决了一次性加载很多的数据的问题。............

2022-07-28 11:30:36 1936 2

原创 (一)前端开发面试会问到的问题有哪些?

👉在地址栏里输入一个 URL,到这个页面呈现出来,中间会发生什么?

2022-07-25 10:20:20 967

原创 Vue应用openLayers实现图层数据切换显示,图层加载

🔜本篇文章介绍图层设置航标、港口码头、锚地停泊区数据的获取,以及以天地图作为底图添加到上航道图层上面;点击图层可以选择控制图层数据隐藏显示以及数据的处理。.🔜技术应用:vue + vant-ui + openlayers图层设置:data定义图层显示列表数据shipLayerList:mounted加载数据:这里主要讲航标、港口图层,其他的图层方法和数据获取类似。methods中定义:初始化方法动态显示图层方法手动调整图层,点击图层显示切换获取航标数据,获取港口数据是一样的操作,参照航..

2022-07-06 17:25:12 2444 10

原创 web前端开发js程序代码常见的面试题

前端开发js常见面试题:求最大值、最小值、数据结构加工、斐波那契数列

2022-07-04 09:37:46 235

原创 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 802 1

原创 vue3.0全新文档快速上手学习内容整理

vue3.0版本文档总结

2022-05-08 19:26:35 12620 1

原创 vue使用vant-ui、天地图、Openlayers实现轨迹查询,点击事件信息弹窗,列表加载刷新,复位功能

技术栈:vue、有赞vant-ui、天地图、Openlayers

2022-04-13 11:30:01 1273 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 5964 9

原创 Vue项目中使用img图片和background背景图的使用方法

Vue项目中使用img图片和background背景图的使用

2020-09-11 14:45:48 11195 9

原创 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 2279 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 542

原创 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 728 2

原创 Vue 中多个组件可以共享数据和方法 Mixin 的用法

计算表格table的高度,mixin分全局引用和局部引用

2020-09-01 16:24:14 2352 1

原创 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 18110 2

原创 vue element-ui 绑定@keyup.enter事件无效解决办法

一般情况解决办法:在按钮上绑定keyup事件,加上.native覆盖原有封装的keyup事件<el-button type="primary" class="sub-btn" style="width:100%;" :disabled="btnDisabled" :loading="logining" @click.native.prevent="handleSubmit" @keyup.native.enter="handleSubmit">{{loginStr}}</el-bu

2020-09-01 10:11:15 4400 1

uni-app 小程序 echarts插件使用

uni-app 小程序 echarts

2023-11-27

高德地图JSAPI结合Vue2使用

JSAPI结合Vue2示例安装包

2022-08-19

前端开发最新Vue3.0组合式api使用总结

Vue3.0组合式api包括1.setup使用;2.生命周期函数;3.vuex4.toRef介绍;5.ref介绍;6.组件传值;7.shallowRef和shallowReactive;8.watchEffect;9.watch侦听器区别使用;10.computed;11.reactive介绍;12.toRefs介绍等等

2022-08-04

js手写程序代码面试题es6语法实现

常见代码面试题精选记录:包括斐波那契数列、递归方法求斐波那契数列第n项、动态规划方法求斐波那契数列第N项、数组最大最小值、输入数组重复元素以及个数、数组交集,补集,并集、数组结构加工、.数组求和

2022-07-03

element后台系统点击menu左侧菜单收缩,支持窗口大小改变echarts图自适应

vue框架element-ui后台管理系统 echarts 点击左侧菜单收缩,实现支持 窗口大小改变echarts图自适应,解决宽度无法自适应问题

2022-06-20

react项目选型搭建优化打包上线全过程

包括gitee管理项目、scss预处理器、配置基础路由、组件库antd使用、配置别名路径、安装dev-tools调试工具、封装http工具模块、配置登录Mobx、优化-路由懒加载,优化CDN配置、封装工具函数、路由鉴权实现、项目打包、打包体积分析等板块

2022-06-08

最新react-基础知识整理

包括React组件基础、组件状态、React组件通信、跨组件通信Context、React组件进阶、生命周期、Hooks基础,进阶

2022-06-08

提供20套不同风格、不同职位超实用的简历模板

包括产品经理、运营专员岗位求职简历模板、商务风格有照片应届生简历、适用银行实习经历应届信贷专员求职简历模板等模板

2022-06-08

各种风格的超实用的简历模板

包括产品经理、运营专员岗位求职简历模板、商务风格有照片应届生简历、适用银行实习经历应届信贷专员求职简历模板等模板

2022-06-08

各种风格的超实用的简历模板

包括产品经理、运营专员岗位求职简历模板、商务风格有照片应届生简历、适用银行实习经历应届信贷专员求职简历模板等模板

2022-06-08

应用在人脸识别功能的视觉方法

人脸识别功能应用加载的方法库

2022-06-03

应用在人脸识别功能的视觉方法

tracking.js 库将不同的计算机视觉算法和技术引入浏览器环境。通过使用现代 HTML5 规范,我们使您能够进行实时颜色跟踪、人脸检测等等——所有这些都具有轻量级内核 (~7 KB) 和直观的界面。

2022-06-03

小程序商城项目参考实例

涉及关键词搜索、列表上拉加载、下拉刷新、接口封装、购物车列表添加收藏、购物车数量计算、个人信息授权、收货地址添加、订单支付等功能,商城一系列流程实现实例

2022-06-03

React全家桶从入门到进阶详细讲解

React Native 编写原生应用、高效(优秀的Diffing算法)、虚拟DOM与真实DOM、1.3.React JSX、面向组件编程、refs与事件处理、组件的生命周期、虚拟DOM与DOM Diffing算法、React应用(基于React脚手架)、React ajax、React路由、React UI组件库、redux、纯函数和高阶函数

2022-05-22

vue使用compressorjs解决拍照上传旋转90度问题,图片压缩上传

部分手机在拍照上传时会出现图片被旋转 90 度的问题,这个问题可以通过 compressorjs 进行处理。在vant-ui里面使用实现图片压缩上传,避免旋转问题。

2022-05-18

vue3.0快速学习笔记,集合新的API、reactive函数、setup、生命周期、新的组件等内容,适合项目开发

全新vue3.0学习内容整理,快速上手学习运用项目中。vue3.0 、Composition API、reactive函数、reactive对比ref、setup、计算属性与监视、生命周期、自定义hook函数

2022-05-08

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

TA关注的人

提示
确定要删除当前文章?
取消 删除