自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 问答 (2)
  • 收藏
  • 关注

原创 vue3子组件改变父组件的值,使用依赖注入的方式(provide,inject)

vue3子组件改变父组件的值方法之一,使用依赖注入(provide,inject)

2024-05-20 10:34:15 107

原创 echarts实现3D饼图

echarts实现3D饼图效果

2024-05-20 10:10:11 237

原创 uniapp的app端推送功能,不使用unipush

不使用uniapp官方提供的unipush的情况下实现uniapp的app端消息推送

2024-05-07 19:07:08 606

原创 uniapp的app端软件更新弹框

uniapp的app端软件更新弹框

2024-05-07 18:43:30 522

原创 vue3+高德地图,使用抛物线连接两点,实现线路脉冲和呼吸灯动画效果

vue3项目使用高德地图实现抛物线连接,呼吸点动画及线路脉冲动画效果

2024-04-08 18:21:07 289

原创 全栈入门,前后端入门--springboot3+vue3制作一个后台管理项目

全栈入门,前后端入门,项目完整流程开发,信息管理后台前后端一站式打通,增删改查,文件上传功能实现

2024-03-02 16:38:37 1368 7

原创 父子组件之间多个数据双向绑定,子组件改变父组件数据。案例:erp项目采购模块新增商品,商品价格计算demo

erp项目的采购模块添加采购商品,计算单个商品总额及全部商品总额,简单实现

2024-03-01 15:33:40 383

原创 uniapp项目添加人脸识别功能,可用作登录,付款,流程审批前的安全校验

2:在页面中导入import face from "@/uni_modules/mcc-face/index.js"如果是使用浏览器进行开发的话,打完包记得把这个插件给注释掉,要不然会运行失败,当然也可以连接真机运行调试。此插件需要在manifest.json中勾选。,可自行前往作者处下载查看,1:前往hbuilder。

2023-08-22 16:53:07 1264

原创 uniapp,使用canvas制作一个签名板,写字板

uniapp项目,使用canvas制作一个签名版

2023-08-22 16:32:40 1022

原创 uniapp项目的pdf文件下载与打开查看

uniapp项目如何下载pdf文件并打开文件

2023-07-31 16:37:36 3736 4

原创 我的创作纪念日

从大学生成为前端开发工程师的路上,学习心德与收获

2023-07-19 15:17:54 454 2

原创 uniapp及微信小程序封装全局网络请求,弹框和hint提示

uniapp项目封装全局网络请求工具,也可用于微信小程序

2023-07-17 18:16:09 1239

原创 canvas的用法,使用vue3和canvas画一个树

canvas的基本使用及canvas画树案例

2023-07-12 16:54:43 1414 1

原创 pinia的用法,一篇文章教你搞懂vuex的继任者pinia

pinia使用案例及配套持久化插件

2023-06-04 13:47:44 537

原创 vuex教程,只需一篇让你搞懂vuex

vuex基础语法及用法,附加组件传参案例,让你一目了然

2023-03-15 13:53:14 836 1

原创 微信小程序详细教程

目录一,这次分享如何使用微信小程序,制作出自己想要的页面,首先介绍常用的内置组件:1,在页面的模板xxx.wxml里写入内容,首先是文本标签,介绍两个最常用的2,按钮3,文本标签4,图片标签5,开关选择器6,日期选择器7,图标8,元素水平滚动9,垂直滚动,只是把scroll-view的scroll-x变成scroll-y=true即可10,幻灯片组件二,基础语法介绍1,文本渲染 {{}}2,条件渲染wx:if wx:else3,多重...

2022-04-16 17:46:11 28213 5

原创 React路由最全详解

react并没有提供像Vue专门创建路由的页面,react路由需要先安装,然后导入才能使用,下面是react路由从安装到实现的详细步骤,一起来看看吧!开始前的准备:本案例需要先改造一下react项目的index.js文件,关闭严格模式,路由才可正常跳转,否则会出现导航栏显示已跳转但是页面未跳转的情况!!1:首先安装npm i [email protected]路由可以指定安装版本,我安装的是5.0版本的2:在APP.js页面中导入上图中..

2022-04-09 17:34:39 8859 3

原创 react入门,基础案例

react起源于Facebook的内部项目,在2013年开源,它是一个用于构建用户界面的JavaScript库特点:1:组件思维 2:单向数据流 3:虚拟dom节点首先安装react脚手架:npm i-g create-react-app创建react:create-react-app 项目名称运行项目:切换到项目目录,然后 npm run start下面是react项目的目录结构接下来做一个小案例,看看react是怎样渲染文本的页面效果图...

2022-04-05 15:05:09 1465

原创 js和vue如何调用百度地图

在日常生活中,地图的应用很广泛,那么作为前端小白,怎么样才能调用地图模块呢?以百度地图为例:1:首先打开百度地图开放平台网站百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com)https://lbsyun.baidu.com/2:注册一个个人开发者账号。创建好后点击控制台,找到应用管理--我的应用,新建一个应用3:新建一个html,在页面中先导入百度地图,具体步骤如下图页面效果如下那怎么给地图的某个地点做一个标记呢?上述代码可以...

2022-04-01 17:06:37 908

原创 echarts图表应用,做出特殊样式,加渐变,圆角,可自定义主题及各种颜色

1,echarts简介JavaScript的图表库 百度捐给apache基金会 比较符合中国人习惯 HeightCharts , D3为同行2,废话不说,直接上案例要使用echarts的五个步骤:看一下页面效果我们还可以在同一个容器或创建的实例中放入多个图表,:看一下页面效果:...

2022-03-28 19:21:57 3233 2

原创 Less的简单运用

Less简介:Less是CSS预处理器,它扩展了CSS的功能并且CSS预处理器是一种脚本语言,可扩展CSS并将其编译为常规CSS语法,以便可以通过Web浏览器读取。 它提供诸如变量,函数, mixins 和操作等功能,可以构建动态CSSLess的优点:1,LESS支持创建更清洁,跨浏览器友好的CSS更快更容易2,LESS是用JavaScript设计的,并且创建在 live 中使用,其编译速度比其他CSS预处理器更快。3,LESS保持你的代码以模块化的方式,这是非常重要的,通过使其可读性和

2022-03-27 20:32:33 789

原创 vue项目中的错误大全,提前了解,日后避坑

Compiled with problems:编译问题C:\myel\src\views\HomeView.vue错误出现文件3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs4:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs第3行的第一个字符第4函的第一个字符Mixed spaces and tabs错误原因:混合的空格与tabno-mix..

2022-03-23 17:12:54 4899

原创 TypeScript + Vue3.0 +volar Vue开发神器,制作一个step步进器案例

1,TypeScript具有类型系统是JavaScript的超集,可替代应用级的Java script开发,TypeScript支持任意浏览器,任意环境,任意系统并且是开源的,目前前端三大开发框架Vue react Angular都是基于TypeScript,学习TypeScript的前景是大好的2,在这里用TypeScript和Vue做一个简单的步进器再创建一个steperCom.vue组件页面效果...

2022-03-21 19:57:13 2599

原创 mock.js如何使用?简单易懂,一学就会,一篇文章即可出师

1,mock.js是什么?mockjs是生成随机数据的一款前端工具,用来模拟 Ajax 请求,生成并返回模拟数据2,为什么用mockjs?当程序员做项目开发时,前端工程师要请求后端做好的数据时,有可能后端还没做好,但是没有后端数据就无法开展前一步工作,只能等着后端做好数据,会严重影响前端开发效率,这时我们就会想有没有一种可能或者技术让前端开发独立于后端呢,mockjs就横空出世了,mockjs就可以模拟Ajax请求,发送模拟数据,只需要设置好数据接口和相应的字段等以后后端做好数据就可以直接替换,

2022-03-21 19:40:24 6089

原创 vue3.0与vue2.0最大的区别:setup()组合api

要问vue3与vue2最大的区别,当属setup()组合api了,下面大致说一下它的优点既如何使用优点:1:没有this,降低耦合性,提高复用性2:按需加载3:更加接近原生js,更方便使用下面例举示例这是一个简单步进器,重要的是它的结构,定义数据和创建方法没有用到data(){}和methods:{}只写有一个setup(){}然后定义数据和方法都写在里面,最后只需导出一下就可使用,更加的清晰方便再来看一个数据请求案例页面效果:setup里没有了cre..

2022-03-16 21:13:42 1383

原创 Vue路由最全详解

现在的手机软件普遍都是单页面应用,尤其是商城类网站应用更广,那么为什么大多数企业都选择了单页面应用呢,原因主要是1,单页面应用只有一个主页面,切换页面更加流畅,比起传统的多页面应用项目会很清晰明了,没有多页面应用繁杂。那么单页面应用是怎么实现的呢?这里就要讲到Vue了,Vue是公认的前端三大框架之一,还有react,angular,这里主要讲解Vue,日后在讲解其余两个框架吧。引入Vue.js,当加入Vue Router时,我们就需要把我们的组件映射到路由上,让Vue Router知道在哪里渲染他们

2022-03-05 15:28:10 28348 13

原创 ToDoList待办事项案例实操,简单易懂,一看就会

ToDoList待办事项是程序员检验自身掌握知识深浅的经典案例,接下来一块操作吧!先看一下效果图HTML代码不喜欢这个动画效果的可以把<transition-group></transition-group>删掉,不会影响任何功能CSS代码javascript (Vue)代码最后再看一下效果图就是这些了,作为一个前端初学者我会尽最大努力规范代码,减少bug,但是难免会有我忽略的...

2022-03-02 20:45:48 1182

原创 Vue的动画实现

一,Vue 提供了内置的过渡封装组件,该组件用于包裹要实现过渡效果的组件。 组件进入和离开 DOM 的钩子 使用内置的 <transition> 组件示例,做一个切换图片的案例,加上动画效果,不会突兀的显示与隐藏HTML代码:一定要用<transition></transition>标签包裹要做动画效果的元素!CSS代码:在进入/离开的过渡中,会有 6 个 class 切换。v-enter-from 进入开始 v-enter-to 进入结束

2022-03-02 19:48:46 778 2

原创 vue3.0基础大全

一,指令v-text 渲染指令,不能识别HTML标签,且会覆盖标签内的文本 v-html 渲染指令,可识别HTML标签 {{}} 渲染指令,不会覆盖标签内的内容,推荐使用 v-if 条件指令 v-else 条件指令,与v-if一起使用 v-else-if 多重条件指令 v-for 遍历 虽然不加:key不会报错,但强烈建议要给唯一的key值,下标不推荐作为key值 v-on:事件指令 给dom元素添加事件 可简写为@事件名=“” v-bind:属性指令 给dom元...

2022-02-28 19:15:30 382

原创 VUE中的内置指令,图文加案例,让你快速掌握,轻松使用无压力

一,v-text文本指令此代码运行结果是v-text与{{}}的效果一样,不过{{}}方式更简洁二,v-html先看示例:此代码运行结果是可以看出v-text与v-html的差别是v-html可以识别标签三,v-bind属性指令示例上述代码的页面效果如图设置的title属性为“我学vue,我骄傲!”v-bind后加:属性名可以直接简写成:属性名四,v-if与v-else条件指令示例当isLog的值为false时...

2022-02-24 21:13:52 222

原创 ES6与7新增,比如异步与等待,迭代器与生成器,承诺与代理等

一,异步(async)与等待(await)是对JavaScript异步编程的巨大改进。 它提供了一种使用同步样式代码来异步访问资源的选项,而不会阻塞主线程。示例::需要注意的是等待(await)只能在async函数里面使用 当函数遇到await 等待 await结果,再往下执行:而async装饰的函数只能是一个promise对象二,迭代器与生成器 迭代器: 生成器:普通函数前面添加*,通过yield关键字来控制生成,最终函数执行 返回一个可迭...

2022-02-23 18:00:50 351

原创 ES6新增的一些知识

1:var ,let ,constconst与let是局部作用域,不能重复声明,不能变量提升,const用于声明常量,且声明后不能重复赋值2:ES6 中有 class 语法。值得注意是,这里的 class 不是新的对象继承模型,它只是原型链的语法糖表现形式。 函数中使用 static 关键词定义构造函数的的方法和属性:class Animal { constructor(color,age){ this.color = color; t...

2022-02-22 21:08:55 175

空空如也

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

TA关注的人

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