自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 Vue笔记

Vue就是这样的一套快捷的框架,它可以简单有效的解决上述所有问题,本课程将会由浅入深的为你讲解vue的使用和前后端分离开发的强大之处。设计模式,是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。MVC 是后端编程语言中一个非常经典的设计模式。我们平时开发的静态页面就是V层,视图(view);帮助视图改变,并且发送数据给后台的叫C层,控制器(controller);分类储存数据的是M层,模型(

2022-03-24 20:30:51 1529

原创 es6解构赋值

定义:解构赋值就是从目标对象或数组中提取自己想要的变量。最常用的场景是:element-ui,vant-ui按需引入,请求接口返回数据,提取想要数据。语法://数组结构var a, b, rest;[a, b] = [10, 20];console.log(a); // 10console.log(b); // 20//对象解构({ a, b } = { a: 10, b: 20 });console.log(a); // 10console.log(b); // 20

2022-03-10 17:05:41 97

原创 【无标题】

<!DOCTYPE html><html lang="en"><head> <title></title> <style> .jx{ width: 0; border-left: 150px solid #000; border-right: 150px solid rgb(0, 255, 191); ...

2022-02-18 10:28:40 370

原创 【无标题】

HTML代码:<!doctype html><html><head><meta charset="utf-8"><title>login UI</title> <link rel="stylesheet" href="Login.css"></head><body> <div class="box"> <h2&...

2022-02-16 14:55:17 61

原创 HTML,css实现导航栏下拉菜单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"/> <title></title> <style> * { margin: 0; padding: 0; } body, html { ...

2022-02-13 22:32:09 326

原创 【无标题】

效果图:<html> <head> <style type="text/css"> .top{ /* 设置宽度高度背景颜色 */ height: auto; /*高度改为自动高度*/ width:100%; margin-left: 0; background:rgb(189, 181, 181); position: fixed; /*固定在顶部*/ top: 0;...

2022-02-07 14:40:55 44

原创 【无标题】

CSS背景样式:background-color:#F5E2EC; /*背景颜色*/background:transparent; /*透视背景*/background-image : url(/image/bg.gif); /*背景图片*/background-attachment : fixed; /*浮水印固定背景*/background-repeat : repeat; /*重复排列-网页默认*/background-repeat : no...

2022-01-30 19:17:52 61

原创 【无标题】

一.文本设置1、font-size: 字号参数2、font-style: 字体格式3、font-weight: 字体粗细4、颜色属性color: 参数二、超链接设置text-decoration: 参数主要用途是改变浏览器显示文字链接时的下划线。参数取值范围:underline:为文字加下划线overline:为文字加上划线line-through:为文字加删除线blink:使文字闪烁none:不显示上述任何效果三、背景...

2022-01-23 17:58:50 38

原创 【无标题】

什么是css模块化?在系统的结构中,模块是可组合、分解和更换的单元。模块化是一种处理复杂系统分解成为更好的可管理模块的方式。它可以通过在不同组件设定不同的功能,把一个问题分解成多个小的独立、互相作用的组件,来处理复杂、大型的软件。css模块化有什么好处?提高代码重用率、提高开发效率、减少沟通成本、提高页面容错、降低耦合、降低发布风险、减少Bug定位时间和Fix成本、更好的实现快速迭代便于代码维护CSS 模块化的解决方案有很多,但主要有两类。一类是彻底抛弃 CSS,使用 JS 或 JSON 来写样式。Rad

2022-01-16 22:41:14 135

原创 2021-11-11

第一章:响应式设计基础随着技术的发展和移动网站的普及,同时也推动着网站设计师要去重新思考他们的工作成果将如何在不同设备上呈现。想一想,你每天在手机和电脑上浏览网页的时间哪个更长?1.1 什么是响应式设计简单说,响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。这意味着无论你使用的是4英寸安卓手机,iPad mini,还是40英寸的影院级显示器,你都将获得最优秀的浏览体验。对比一下静态页面与响应式设计的网站在不同设备上的显示效果:最好的响应式网站基本上使用流体网格、自适应图像和CS

2021-11-11 18:28:43 168

原创 2021-10-12

事件鼠标事件语法:事件对象(dom元素).事件名称(function(){})1.鼠标单击事件click()<style>.clk{width:200px;height:180px;background-color:red;}.active{background-color:blue;}</style><divclass="clk"></div><script>$(function(){$('.clk').clic

2021-10-12 19:28:53 60

原创 2021-10-02

一、样式1. css() 为dom对象设置样式第一种用法: css(属性名称,属性值) 一次只能设置一个样式<div class="demo">//设置一条样式</div><script>$('.demo').css('color','blue').css('background-color','red')</script>第二种用法:css({属性名称:属性值,属性名称:值....})设置一条样式二、DOM...

2021-10-02 19:46:34 80

原创 2021-09-28

jQuery中的DOM操作DOM是Document Object Model 的缩写,意思是文档对象模型DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松地访问页面中所有的标准组件DOM操作的分类DOM操作分为3个方面,即DOM Core(核心)、HTML-DOM和CSS-DOM1.DOM Core使用DOM Core来获取表单对象的方法:document.getElementsByTagName("form");使用DOM Core来获取某元素的src属性的方

2021-09-28 23:08:01 51

原创 2021-09-26

分支(选择)结构单分支语法:if(条件){条件为真的时候,执行}<script>if(false){console.log('thisistrue');}</script>双分支语法:if(条件){条件为真的时候,执行}else{条件为假,执行的代码块}<script>if(5<2||4>3){//条件为真执行console.log('thisisok');}else{//条件为假执行console.log('this

2021-09-26 21:11:00 54

原创 2021-09-17

数据类型php中的数据类型:boolean(布尔)、int(整型)、foat(浮点型)、string(字符串)、array(数组)、object(对象)、NULL(空)、resource(资源)Java中的数据类型:boolean(布尔)、int(整型)、foat(浮点型)、string(字符串)、array(数组)、object(对象)、NULL(空)、long、short、double、char、byteJavaScript中的数据类型boolean(布尔)、string(字符串)、numb

2021-09-17 19:57:36 50

原创 2021-09-17

HTML/CSS/JS的关系html负责页面内容显示和结构css页面美化js与用户交互各自的作用结构层、表现层、行为层script标签的使用<!--嵌入的方式--><script> js代码</script><!--外部js文件引入的方式--><scriptsrc="js文件路径"></script><!--标签内部--><!--事件属性--><divonclick="alert

2021-09-17 19:21:06 57

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除