![](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 · 405 阅读 · 0 评论 -
Web开发基础:JavaScript飞机大战
飞机大战1、飞机跟着鼠标移动在onmousemove事件中获得鼠标的坐标,设置给飞机图片2、发射子弹子弹需要动态添加到网页中动态创建标签对象document.createElement(“标签名”);动态添加到层中层对象.appendChild(标签对象);设置样式3、敌机移动4、击中敌机 飞机大战 ...原创 2021-02-13 22:05:36 · 1358 阅读 · 1 评论 -
Web开发基础:JavaScript轮播图
图片轮播功能点:1、页面效果HTML+CSS2、图片横向滚动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 · 588 阅读 · 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 · 243 阅读 · 0 评论 -
Web开发基础:JavaScript入门
JS基本语法调试方法DOM编程函数和事件处理表单验证正则表达式JavaScript简介JavaScript简称JS,是一种脚本语言,可以嵌入网页中实现动态效果。JavaScript原名是LiveScript,是网景公司开发的,后来更名JavaScript。JavaScript的作用:实现网页的动态效果表单验证游戏开发随着NodeJS的推出,还可以进行服务器开发JavaScript的组成ECMAScript JS标准语法DOM 文档对象模型BOM 浏览器对象模原创 2021-02-07 22:18:57 · 863 阅读 · 1 评论 -
Web开发基础:CSS
项目开发视频:SpringCloud微服务开发入门手把手开发基于SpringBoot的员工管理系统亿度云盘~Java小白入门实战前言如果把网页比作住房,那HTML就是毛坯,要做装修就得靠CSS了,这里简单介绍下CSS的用法。CSS简介CSS(Cascade Style Sheet) 层叠样式表,作用是对页面元素进行美化和布局。CSS的语法<style> 选择器{ 样式属性:值; .. } ..</style>CSS的选择器选择器的作用是对网页原创 2021-02-07 21:30:23 · 431 阅读 · 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 · 681 阅读 · 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 · 600 阅读 · 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 · 555 阅读 · 0 评论 -
快速入门Vue(一)Vue入门
概述Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。MVVM模式Vue基于MVVM模式,MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。原创 2020-12-17 09:15:05 · 504 阅读 · 0 评论 -
快速入门Vue(二)Vue的基本指令
Vue.js的指令Vue.js的指令是以v-开头的,它们作用于HTML元素,指令提供了一些特殊的特性,将指令绑定在元素上时,指令会为绑定的目标元素添加一些特殊的行为,我们可以将指令看作特殊的HTML特性。常用指令v-modelv-ifv-elsev-showv-forv-bindv-onv-model指令Vue.js可以使用v-model指令实现模型和表单元素的双向绑定,...原创 2019-10-25 17:30:56 · 526 阅读 · 0 评论