![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 82
前端开发相关技术
恒哥~Bingo
继续学习~~~
展开
-
Web开发基础:JQuery详解
JQuery 目前最常用的JavaScript库,使用简单,极大的简化JS代码编写。 使用方法: 注意:src是jquery文件保存的路径 CSS选择器: 标签选择器:以HTML标签为选择符 td{…} ID选择器:以元素的ID为选择符 #myid{…} 类选择器:以元素的class为选择符 .myclass{…} 组选择器:多个选择符应用相同样式 td , #myid , .myclass{…} 后代选择器:父标签和子标签为选择符 table tr td{…} 统配选择器:使用通配符 *{…} 伪类选择原创 2021-02-22 16:39:05 · 409 阅读 · 0 评论 -
Web开发基础:JavaScript飞机大战
飞机大战 1、飞机跟着鼠标移动 在onmousemove事件中获得鼠标的坐标,设置给飞机图片 2、发射子弹 子弹需要动态添加到网页中 动态创建标签对象 document.createElement(“标签名”); 动态添加到层中 层对象.appendChild(标签对象); 设置样式 3、敌机移动 4、击中敌机 飞机大战 ...原创 2021-02-13 22:05:36 · 1372 阅读 · 1 评论 -
Web开发基础:JavaScript轮播图
图片轮播 功能点: 1、页面效果HTML+CSS 2、图片横向滚动 3、每滚动一张图片,暂停一下 4、下面的圆点跟着图片变化 <!DOCTYPE html> <html> <head> <title>广告轮播</title> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0px; padding:0px; } #conta原创 2021-02-13 22:04:42 · 605 阅读 · 0 评论 -
Web开发基础:JavaScript常用类、面向对象和BOM
项目开发视频: SpringCloud微服务开发入门 手把手开发基于SpringBoot的员工管理系统 亿度云盘~Java小白入门实战 前言 下面介绍下JS中的常用类、面向对象的实现和BOM编程。 常用类 Date类 获得或设置日期或时间 创建方法: var date = new Date(); 常用方法 方法 作用 getYear 获得年 1900年到现在的年数 getMonth 获得月 从0开始 getDate 获得日 getHours 获得小时 getMin原创 2021-02-13 21:44:46 · 255 阅读 · 0 评论 -
Web开发基础:JavaScript入门
JS基本语法 调试方法 DOM编程 函数和事件处理 表单验证 正则表达式 JavaScript简介 JavaScript简称JS,是一种脚本语言,可以嵌入网页中实现动态效果。 JavaScript原名是LiveScript,是网景公司开发的,后来更名JavaScript。 JavaScript的作用: 实现网页的动态效果 表单验证 游戏开发 随着NodeJS的推出,还可以进行服务器开发 JavaScript的组成 ECMAScript JS标准语法 DOM 文档对象模型 BOM 浏览器对象模原创 2021-02-07 22:18:57 · 867 阅读 · 1 评论 -
Web开发基础:CSS
项目开发视频: SpringCloud微服务开发入门 手把手开发基于SpringBoot的员工管理系统 亿度云盘~Java小白入门实战 前言 如果把网页比作住房,那HTML就是毛坯,要做装修就得靠CSS了,这里简单介绍下CSS的用法。 CSS简介 CSS(Cascade Style Sheet) 层叠样式表,作用是对页面元素进行美化和布局。 CSS的语法 <style> 选择器{ 样式属性:值; .. } .. </style> CSS的选择器 选择器的作用是对网页原创 2021-02-07 21:30:23 · 439 阅读 · 0 评论 -
Web开发基础:HTML
项目开发视频: SpringCloud微服务开发入门 手把手开发基于SpringBoot的员工管理系统 亿度云盘~Java小白入门实战 前言 开始写Web前端内容,这是JavaWeb开发必不可少的东西,包括HTML、CSS、JS等。 HTML简介 HTML(Hyper Text Markup Language) 超文本标记语言,用于描述网页的结构,浏览器对HTML代码进行渲染后就形成了我们常见的页面。 HTML基本结构 HTML代码由各种标签组成,标签由一对<>括起来,网页的标签有固定的结构:原创 2021-02-05 23:20:37 · 690 阅读 · 2 评论 -
快速入门Vue(四)Vue-Router的基本使用
概述 Vue-Cli构建的是一个单页应用,页面由多个组件(Component)组成,要实现组件的跳转,传统的a标签已经不合适了,所以Vue-Router就出现了。 Vue-Router是Vue的路由框架,能实现组件之间的跳转、参数传递等功能。 Vue-Router的配置 安装 npm install router --save 配置 在main.js中添加配置 使用路由 在components目录中新建三个组件:Hello、Hello1和Hello2 定义路由规则 路由规则在router/in原创 2020-12-17 11:33:33 · 604 阅读 · 0 评论 -
快速入门Vue(三)Vue-Cli的基本使用
概述 Vue-cli是Vue的脚手架,类似Java中的SpringBoot框架,用于搭建一个标准的项目。 Vue-cli大大降低了webpack的使用难度,支持热部署,有webpack-dev-server的支持,相当于启动了一个请求服务器作为测试环境,我们只关注开发就可以了。 安装Vue-cli 安装NodeJS 需要安装Node.js 官网:https://nodejs.org/zh-cn/ 安装后配置环境变量:在Path中添加NodeJS的全局安装路径: npm工具 NodeJS的包管理工具原创 2020-12-17 10:31:13 · 561 阅读 · 0 评论 -
快速入门Vue(一)Vue入门
概述 Vue 是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。 Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。 另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 MVVM模式 Vue基于MVVM模式,MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。原创 2020-12-17 09:15:05 · 511 阅读 · 0 评论 -
快速入门Vue(二)Vue的基本指令
Vue.js的指令 Vue.js的指令是以v-开头的,它们作用于HTML元素,指令提供了一些特殊的特性,将指令绑定在元素上时,指令会为绑定的目标元素添加一些特殊的行为,我们可以将指令看作特殊的HTML特性。 常用指令 v-model v-if v-else v-show v-for v-bind v-on v-model指令 Vue.js可以使用v-model指令实现模型和表单元素的双向绑定,...原创 2019-10-25 17:30:56 · 529 阅读 · 0 评论