- 博客(16)
- 收藏
- 关注
RSS订阅原创 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
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
62
原创 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
327
原创 【无标题】
效果图: <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
170
原创 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关注的人