
前端实战知识集锦
文章平均质量分 92
在实战开发过程中难免有一些小的知识点记忆不起来,当然博主也是一样的,现将这样小知识点总结起来,记忆的同时希望对大家有帮助。
敬 之
系统集成项目管理工程师|公众号科技自媒体<敬之学长>|CSDN博客专家、内容合伙人|新星计划导师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue项目的打包方式(生成dist文件)
打包vue项目,生成dist文件夹。原创 2021-12-30 10:12:43 · 179836 阅读 · 55 评论 -
Vue项目保持用户登录状态(localStorage + vuex 刷新页面后状态依然保持)
使用localstorage和vuex实现用户登录状态的保持,刷新页面后依然存在,直到用户点击退出登录。附详细步骤及涉及知识点讲解。原创 2022-04-25 09:18:10 · 105335 阅读 · 154 评论 -
事件监听 & 页面滚动(页面滚动到某一位置时显示/隐藏某元素,Vue环境)
通过监听页面滚动事件,实现当页面滑动到某一位置时显示或隐藏某一元素,附知识点详细讲解。原创 2022-04-13 13:53:27 · 102211 阅读 · 124 评论 -
前端案例:像素鸟小游戏(js+dom操作,完整代码,附案例素材)
原生 js+dom 操作实现像素鸟小游戏,代码完整,素材完整。原创 2022-03-30 13:37:06 · 102341 阅读 · 107 评论 -
前端案例:飞机大战( js+dom 操作,代码完整,附图片素材)
通过 js 逻辑与 dom 操作结合实现了简易的飞机大战小游戏,附带图片素材。原创 2022-03-02 11:10:34 · 107317 阅读 · 91 评论 -
前端案例:简易登录表单的制作,包括用户名、密码、随机验证码(代码完整,复制即用)
一个简易登录表单的实现,包括用户名、密码、验证码;验证码使用canvas绘制,随机生成。原创 2022-01-10 09:40:53 · 96634 阅读 · 77 评论 -
前端案例:我的备忘录(支持事件的增加、删除和修改,代码完整)
前端小案例——我的备忘录,可增加事件、删除事件、修改事件以及记录事件的完成状态。原创 2022-01-17 09:31:26 · 91472 阅读 · 66 评论 -
前端案例:简易计算器的实现(dom操作、target、eval函数、try catch、switch-case)
简易计算器,涉及知识点:DOM获取元素、触发元素target、eval函数、try catch、switch-case语句。原创 2022-01-24 17:59:24 · 92702 阅读 · 61 评论 -
前端案例:基于el-table和el-pagination实现数据的分页效果
基于element-UI实现数据的分页显示效果,数据量较多时和用户管理页常用。原创 2022-01-28 09:56:17 · 97826 阅读 · 54 评论 -
学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)
本文介绍了Vue项目中高德地图JS API的引入以及相关设置。原创 2022-01-19 09:35:44 · 101677 阅读 · 70 评论 -
怎么让 echarts 图表动起来?定时器解决它 —— 大屏展示案例(动态仪表盘、动态柱状图)
动态仪表盘、动态柱状图的实现,使用到了echarts动画属性、定时器setinterval()。原创 2022-01-07 09:27:46 · 104031 阅读 · 64 评论 -
在Vue项目中引入 ECharts 3D 路径图 Flights GL(需安装echarts、echarts-gl、jQuery依赖,已踩坑)
在Vue项目中引入 echarts 3D 路径图 Flights GL;echarts依赖包的下载方式;echarts-gl依赖包的下载方式;jQuery依赖包的下载方式;原创 2022-01-05 09:20:46 · 95427 阅读 · 67 评论 -
ECharts用法及常用配置项详解(Vue环境)
通过一个echarts图表案例的展示来介绍echarts的使用方法及配置项。原创 2021-12-20 09:24:54 · 92049 阅读 · 30 评论 -
点击按钮切换div及其内容(两种方法:Vue指令方式、原生DOM操作方式)
通过两种方式实现切换效果,点击按钮切换div。原创 2021-12-15 09:18:46 · 100849 阅读 · 37 评论 -
Vue环境下用ECharts绘制中国地图,并实现拖动、缩放与各省份自动轮播高亮显示
在vue环境下用echarts绘制中国地图,并实现拖动、缩放与各省份自动轮播高亮显示。原创 2021-12-13 09:26:54 · 100403 阅读 · 72 评论 -
Vue环境下,在单页面中遍历显示出多个Echarts图表
在开发的过程中我们常常会用到 Echarts 图表,而有时候一个页面当中会有多处都使用到相同的一个图表只是数据有所差别;这个时候如果我们去一个个重新创建 dom、重新渲染,那就太麻烦了,代码量多不说还不便于修改。 最好的方法就是借助Vue框架的便捷性,通过 v-for 来将一个已经创建好的图表进行遍历,显示出多个图表,随后动态修改数据。本文以横向柱状图为例。Apache ECharts 的安装与引入此处省略,详情参见Handbook - Apach...原创 2021-12-02 10:08:35 · 100271 阅读 · 46 评论 -
【项目实战】登录与注册业务的实现(前端+后端+数据库)
本示例基于Vue.js和mint UI实现。目录一、数据库的创建二、后端接口与数据库的连接三、前端代码实现1.注册页相关代码2.注册页效果3.登录页相关代码4.登录页效果四、注册登录演示一、数据库的创建此处以Navicat软件进行创建,新建数据库reg_log.sql与数据表reg_log; 为了实现注册业务,我们在数据库中设计ID、用户名、密码、邮箱、电话号5个字段。创建结束后保存,便可...原创 2021-10-29 20:36:11 · 99925 阅读 · 67 评论 -
五分钟学会用 Vue 脚手架搭建一个完整项目
使用 Vue 脚手架搭建 vue 项目方法演示。原创 2021-10-12 13:13:42 · 50145 阅读 · 22 评论 -
vue框架中,图片应该保存在哪里?应该如何访问?
在使用vue框架进行开发的过程中,有两个文件夹都可以存放我们的图片以及样式等等,一个是public文件夹,一个是src下的assets文件夹;接下来博主会从这两个文件夹对图片的不同处理来进行分析:public 如果将图片存入public文件夹,系统就会将原来的图片路径及名称编译为一个随机的名字,如下: 经过编译后的图片会极大的减小所占内存,所以在网页中直接展示的图片或者经常随数据库变换而变换的图片都应该放在public文件夹下,这样也可以加快网...原创 2021-10-08 20:14:25 · 57951 阅读 · 11 评论