WEB前端
海波booy
爱学习、爱生活、爱工作
展开
-
Vue+springboot简单实现点餐系统开发
项目进行前后端分离后端采用springboot+mybatis+mysql数据库提供数据接口前端采用Vue框架获取数据实现页面数据渲染、页面路由本文借助springboot实现数据接口,主要为Vue实现前端页面功能的流程步骤文章目录一、准备环境1、后台数据接口2、vue项目环境二、底部导航1、图标准备2、初始页面组件3、路由配置4、导航组件5、全局app三、首页轮播1、数据格式2、轮播插件3、首页四、商品分类1、分类标签2、分类样式3、axios获取数据五、商品列表1、列表页面2、动态路由六、购物车原创 2020-07-08 16:00:00 · 3466 阅读 · 2 评论 -
Vue前端js框架基础入门
一、入门概述Vue是一套用于构建用户界面的渐进式JavaScript框架特点:轻量级:体积小渐进式:不需要学完全部功能,用到什么学什么响应式:数据更新之后,视图不需要刷新,会自动更新学习成本低:基于HTML和js,官方文档都是中文官方教程文档:https://cn.vuejs.org/v2/guide/安装引入Vue有两年环境版本开发版本:包含完整的警告和调试模式本地下载:https://cn.vuejs.org/js/vue.js生产版本:删除了警告,33.30KB min+g原创 2020-07-07 16:14:49 · 553 阅读 · 0 评论 -
jQuery基础使用
jQuery概述jQuery是一个快速、简洁的JavaScript库。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。目前jQu原创 2020-05-31 18:39:20 · 556 阅读 · 0 评论 -
JavaScript基础使用
JavaScript简介JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。组成部分:ECMAScript:描述了该语言的语法和基本对象。文档对象模型(DOM):描述处理网页内容的方法和接口。浏览器对象模型(BOM):描述与浏览器进行交互的方法和接口。E原创 2020-05-25 21:36:42 · 1231 阅读 · 0 评论 -
CSS常用样式属性锦集
以下快捷键针对webstorm,idea原则上也可以,我用idea打标签快捷键都可以,样式快捷键打不出。一、文字属性1、文字样式属性格式:font-style: italic;取值:normal:正常显示 italic:斜体快捷键:fs font-style: italic;fsn font-style: normal;2、文字粗细属性格式:font-weight:bold;取值:lighter:细线(默认) bold:加粗 bolder:加粗更粗快捷键:fw font-weig原创 2020-05-24 21:59:22 · 502 阅读 · 0 评论 -
html常用标签锦集
HTML概述HTML全称:Hyper Text Markup Language(超文本标记语言)超文本标记语言是标准通用标记语言(SGML)下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。HTML是一门用来创建网页的标记语言。HTML基本结构<!--文档声明:告诉浏览器使用HTML5版本 --><!DOCTYPE html><html> <!--网页的头部 --> <head> &l原创 2020-05-24 19:53:38 · 177 阅读 · 0 评论 -
WebStorm高效快捷生成html标签锦集(IDEA同)
注释Ctrl+/:单行注释<!---->Ctrl+Shift+/:多行注释<!--行1行2行3-->Alt+鼠标拖动下拉:多行光标同步<div>光标同步打出</div><div>光标同步打出</div><div>光标同步打出</div><div>光标同步打出</div>快捷标签生成1、标签名然后按TAB键生成标签,以下都是此方式生成示例:div TAB原创 2020-05-25 12:15:07 · 4084 阅读 · 1 评论