自定义博客皮肤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); // 10 console.log(b); // 20 //对象解构 ({ a, b } = { a: 10, b: 20 }); console.log(a); // 10 console.log(b); // 20

2022-03-10 17:05:41 96

原创 【无标题】

<!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-DOM 1.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、byte JavaScript中的数据类型 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关注的人

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