Web开发
关注
分享
扫一扫
Coder_Boy_
主攻【Java 微服务 云原生】，涉猎 web前端 、大数据 Linux运维 、嵌入式。
目前主要从事K8S DevOps CICD 容器云平台的开发设计工作，擅长使用DDD理念设计代码架构。
在团队开发中乐于分享自己的心得与经验，常于同事讨论业务与技术问题，担任项目组长一职。
并时刻关注并学习新技术，并将所学应用于研发中，对于已经处理解决的问题，事后从源码层研究报错原因。时刻保持技术敏感度
展开
-
Web开发基础-CSS-07
CSS盒子模型BOX与DIV布局：将前面介绍的知识练习admin.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>管理员列表</title> <link rel="stylesheet" href原创 2018-06-20 23:19:42 · 199 阅读 · 0 评论 -
Web开发基础-CSS-08
CSS中设置 背景色 及 背景图片：案例中需要的图片：background.pngairplane.png：hero0.png :<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>设置页面背景</title> <style t原创 2018-06-21 22:07:00 · 189 阅读 · 0 评论 -
Web开发基础-CSS-09
下面我们通过前面所学CSS设置背景色改动Web开发基础-CSS-07 的admin.html, 修改后的list.css如下：/* 1.先做一些基本的设置 *//* 星是通用选择器，可以选择一切元素 */* { padding:0; margin:0;}/* 给所以div加边框 */div { border:1px solid red; }/* 2.设置页面的布局 */...原创 2018-06-21 22:48:09 · 191 阅读 · 0 评论 -
Web开发基础-CSS-10
CSS中文本样式：一些概念图解案例演示<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>文本样式</title> <style type="text/css"> p { widt原创 2018-06-22 23:53:12 · 174 阅读 · 0 评论 -
Web开发基础-CSS-11
给admin.html 页面添加 文本样式admin.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>管理员列表</title> <link rel="stylesheet" href="原创 2018-06-23 21:38:23 · 151 阅读 · 0 评论 -
Web开发基础-CSS-12
CSS中设置表格样式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格样式</title> <style type="text/css"> table { border:1p原创 2018-06-23 22:20:16 · 189 阅读 · 0 评论 -
Web开发基础-CSS-13
给admin.html 页面添加 表格样式admin.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>管理员列表</title> <link rel="stylesheet" href="原创 2018-06-23 23:36:33 · 187 阅读 · 0 评论 -
Web开发基础-HTML-01
Web开发基本概念介绍：WebBasic知识介绍HTML：勾勒出页面的结构和内容CSS：用来美化页面JavaScript(JS)：让页面呈现动态的数据和效果目的教会大家如何做网页绝大部分Java程序员做web项目(带有网页的项目)Web三要素XML与HTMLXML可扩展(自定义)标记语言，用来存储或传输数据；标签、属性、标签之间的嵌套关系都可以扩展；单标签：双标签：=单标签 = 内容为空的双标签属...原创 2018-06-16 16:18:19 · 233 阅读 · 0 评论 -
Web开发基础-CSS-14
文件编码格式对font-family的影响的说明：大家有没有发现，在上一篇中页面效果中font-family: "微软雅黑","文泉驿正黑","黑体";如下面的样式上节页面效果图如下上面的font-family字体设置没有起作用，还是浏览器默认的字体，为什么呢？其实是你的文件编码不同导致的。为了说明这个问题，我们设置css样式文件分别为GBK与UTF-8演示一下：页面admin.html：&l...原创 2018-06-24 14:41:41 · 250 阅读 · 0 评论 -
Web开发基础-HTML-02
HTML常用标签【元素】文本元素<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>文本元素</title> </head> <body> <!-- 1.标题（h1原创 2018-06-16 17:01:49 · 211 阅读 · 0 评论 -
Web开发基础-HTML-03
HTML常用标签【DIV元素】分区<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>分区</title> </head> <body> <!-- logo区 --&a原创 2018-06-16 17:33:20 · 198 阅读 · 0 评论 -
Web开发基础-HTML-04
HTML常用标签【元素】--续<!DOCTYPE ><html> <head> <meta charset="utf-8"> <title>文本元素</title> </head> <body> <!-- 1.标题（h1~h6）原创 2018-06-17 10:59:07 · 318 阅读 · 0 评论 -
Web开发基础-HTML-05
结合前面所学的HTML知识的练习：编写一个百度百科类似的网页<!DOCTYPE html><html><head><meta charset="UTF-8"><title>英雄联盟-百度百科</title></head><body> <!-原创 2018-06-18 12:46:20 · 370 阅读 · 0 评论 -
Web开发基础-HTML-06
HTML表单标签【表单控件】<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body> <!-- 1.表单元素：圈定原创 2018-06-18 14:17:13 · 227 阅读 · 0 评论 -
Web开发基础-CSS-01
层叠样式表(英文全称：Cascading Style Sheets)使用方式<!doctype html><html> <head> <meta charset="UTF-8" /> <title>样式的使用方式</title> <!-- 2.内部样式： 在head的style子标签中原创 2018-06-18 14:41:13 · 187 阅读 · 0 评论 -
Web开发基础-CSS-02
css三大特性<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <title>css特性</title> <style type="text/css"> /* 1.继承性 */ body {原创 2018-06-18 16:25:33 · 194 阅读 · 0 评论 -
Web开发基础-CSS-03
CSS常用-选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <title>选择器</title> <style type="text/css"> /* 1、类选择器： 根据class原创 2018-06-18 18:40:04 · 188 阅读 · 0 评论 -
Web开发基础-CSS-04
CSS常用-选择器--续<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <title>选择器</title> <style type="text/css"> /* 1、类选择器： 根据cl原创 2018-06-18 20:00:21 · 239 阅读 · 0 评论 -
Web开发基础-CSS-05
CSS边框样式设置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>border</title> <style type="text/css"> /* 1.四边一起设置border */原创 2018-06-18 21:26:18 · 162 阅读 · 0 评论 -
Web开发基础-JavaScript-04
JavaScript语法应用-猜数字案例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>猜数字</title> <script type="text/javascript"> //在页原创 2018-07-08 17:23:24 · 196 阅读 · 0 评论 -
Web开发基础-CSS-06
CSS盒子模型BOX设置：<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <title>box模型</title> <style type="text/css"> /* 统一所以div的宽高和边框原创 2018-06-19 22:04:20 · 185 阅读 · 0 评论 -
Web开发基础-JavaScript-05
JavaScript语法应用-阶乘案例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>阶乘</title> <script type="text/javascript"> functi原创 2018-07-08 18:12:59 · 240 阅读 · 0 评论 -
Web开发基础-JavaScript-06
JavaScript内置对象内置对象的演示 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>内置对象</title> <script type="text/javascript"> con原创 2018-07-08 19:13:13 · 238 阅读 · 0 评论 -
Web开发基础-CSS-15
CSS中元素位置浮动的处理：基础概念介绍：案例演示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>元素浮动</title> <style type="text/css"> #d0,p原创 2018-07-02 22:55:26 · 257 阅读 · 0 评论 -
Web开发基础-JavaScript-21
JS中DOM对象使用的练习案例思路：省级联动案例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>联动</title> </head> <body> 省： &原创 2018-07-16 23:11:33 · 209 阅读 · 0 评论 -
Web开发基础-JavaScript-07
JavaScript中数组Array排序的问题数组排序：实际的应用开发中都是替换成自定义的排序。原创 2018-07-10 23:15:55 · 190 阅读 · 0 评论 -
Web开发基础-CSS-16
CSS中元素位置浮动的处理——续：基础概念介绍：如何消除浮动的影响：案例演示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>元素浮动</title> <style type="text/css"&原创 2018-07-04 22:48:00 · 170 阅读 · 0 评论 -
Web开发基础-JavaScript-22
JS中DOM对象使用的练习案例思路：案例演示<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>购物车案例</title> <style type="text/css">原创 2018-07-17 23:45:37 · 264 阅读 · 0 评论 -
Web开发基础_JQuery学习_0001_概述
JQuery使用方式案例演示：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery第一个案例</title><script src="../js/jquery-1.11.1.js">原创 2018-07-23 23:58:36 · 293 阅读 · 0 评论 -
Web开发基础-JavaScript-08
JavaScript内置对象-续基础概念解释： 案例思路演示案例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>内置对象</title> <script type="text/javascript"原创 2018-07-12 20:56:47 · 168 阅读 · 0 评论 -
Web开发基础-JavaScript-09
用内置对象编写登录时格式校验的练习练习的案例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>登录页面</title> <style type="text/css"> .ok {原创 2018-07-12 21:55:43 · 237 阅读 · 0 评论 -
Web开发基础-JavaScript-10
Js中eval函数使用演示 Eval它是用来计算某个字符串，并且执行其中的JavaScript代码。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>简单计算器</title> <script type="text/原创 2018-07-12 22:53:19 · 143 阅读 · 0 评论 -
Web开发基础-JavaScript-11
Window 对象Window 对象表示浏览器中打开的窗口。弹出框与定时器演示案例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>window对象</title> <script type="text/javas原创 2018-07-12 23:19:54 · 151 阅读 · 0 评论 -
Web开发基础-JavaScript-23
JS中创建对象的方式及对象使用案例思路：案例演示：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>自定义对象</title> <script type="text/javascript&quo原创 2018-07-18 23:14:19 · 220 阅读 · 0 评论 -
Web开发基础-CSS-17
案例练习：主要练习CSS中元素浮动与盒子模型【BOX模型】的使用案例版本修改（1）：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>照片墙</title> <style type="text/css"&a原创 2018-07-07 00:25:13 · 222 阅读 · 0 评论 -
Web开发基础-CSS-18
CSS中元素位置的定位处理：主要包含：相对、绝对、固定定位三种基础概念介绍：本案例主要介绍相对定位：还是以上一节的照片墙案例演示：概念解释：具体的演示代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>照片墙</title> &原创 2018-07-07 12:52:27 · 308 阅读 · 0 评论 -
Web开发基础-CSS-19
CSS中元素位置的定位处理——绝对定位：本案例通过一个图片新闻演示绝对定位：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>新闻</title> <style type="text/css">原创 2018-07-07 14:02:06 · 204 阅读 · 0 评论 -
Web开发基础-CSS-20
CSS中元素位置的定位处理——固定定位：本案例通过一个淘宝页面演示固定定位：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>商品详情页</title> <style type="text/css"&原创 2018-07-07 14:50:00 · 178 阅读 · 0 评论 -
Web开发基础-CSS-21
CSS中图片堆叠次序设置：通过简单的案例演示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>照片堆</title> <style type="text/css"> div {原创 2018-07-07 17:17:13 · 185 阅读 · 0 评论 -
Web开发基础-CSS-22
CSS中列表样式通过简单案例演示如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>列表样式</title> <style type="text/css"> ol { list原创 2018-07-07 18:30:57 · 197 阅读 · 0 评论