03 2022 档案

摘要:1. 标识(zhi)符 标识(zhi)符:就是指开发人员为变量、属性、函数、参数取的名字。 标识符不能是关键字或保留字。 2. 关键字 关键字:是指 JS本身已经使用了的字,不能再用它们充当变量名、方法名。 包括:break、case、catch、continue、default、delete、do 阅读全文
posted @ 2022-03-31 10:53 会前端的洋 阅读(174) 评论(0) 推荐(0) 编辑
摘要:1. 概述 计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译成机器语言才能执行 程序。程序语言翻译成机器语言的工具,被称为翻译器。 翻译器翻译的方式有两种:一个是编译,另外一个是解释。两种方式之间的区别在于翻译的时间点不同 编译器是在代码执行之前进行编译,生成中间代码 阅读全文
posted @ 2022-03-31 10:46 会前端的洋 阅读(156) 评论(0) 推荐(0) 编辑
摘要:1. js 代码 console.log(Boolean('')); // false console.log(Boolean(0)); // false console.log(Boolean(NaN)); // false console.log(Boolean(null)); // false 阅读全文
posted @ 2022-03-31 10:35 会前端的洋 阅读(70) 评论(0) 推荐(0) 编辑
摘要:1. js 代码 // 弹出一个输入框(prompt),让用户输入出生年份 (用户输入) // 把用户输入的值用变量保存起来,然后用今年的年份减去变量值,结果就是现在的年龄 (程序内部处理) // 弹出警示框(alert) , 把计算的结果输出 (输出结果) var year = prompt('请 阅读全文
posted @ 2022-03-31 10:29 会前端的洋 阅读(84) 评论(0) 推荐(0) 编辑
摘要:JS 把数据类型分为两类: 1. 简单数据类型 (Number,String,Boolean,Undefined,Null) 2. 复杂数据类型 (object ) 2.1 简单数据类型 JavaScript 中的简单数据类型及其说明如下: 2.2 数字型 Number JavaScript 数字类 阅读全文
posted @ 2022-03-30 19:14 会前端的洋 阅读(309) 评论(0) 推荐(0) 编辑
摘要:变量命名规范 由字母(A-Za-z), 数字(0-9), 下划线(_), 美元符号($)组成, 如: usrAge, num01, _name 严格区分大小写. var app; 和 var App; 是两个变量 不能 以数字开头. 18age 是错误的 不能 是关键字 , 保留字. 例如: var 阅读全文
posted @ 2022-03-30 14:42 会前端的洋 阅读(206) 评论(0) 推荐(0) 编辑
摘要:2.1 计算机组成 2.2 数据存储 计算机内部使用二进制 0 和 1来表示数据。 所有数据,包括文件、图片等最终都是以二进制数据(0 和 1)的形式存放在硬盘中的。 所有程序,包括操作系统,本质都是各种数据,也以二进制数据的形式存放在硬盘中。平时我们所说的安装软件,其实就是把程序文件复制到硬盘中。 阅读全文
posted @ 2022-03-30 13:37 会前端的洋 阅读(104) 评论(0) 推荐(0) 编辑
摘要:1.1 编程 编程∶就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。 计算机程序∶就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。 从事编程的人员,就是程序员。但是一般程序员都 阅读全文
posted @ 2022-03-30 13:17 会前端的洋 阅读(275) 评论(0) 推荐(0) 编辑
摘要:可以不管(直接进入 3, 4 步), 如果要输入解释的话就需要 按键盘字母 i 进入 insert 模式 修改最上面那行黄色合并信息,可以不修改 // 黄色内容为默认的合并信息; 按键盘左上角 "Esc" 输入 " :wq "进行修改后保存退出,然后按回车即可 阅读全文
posted @ 2022-03-30 11:22 会前端的洋 阅读(135) 评论(0) 推荐(0) 编辑
摘要:1. 新建文件夹复制远程分支 2. 切换到远程分支 3. 推送到远程 添加到暂存区,先运行 " git add . " 查看文件状态 在运行 git commit -m "(名字不能为中文)" 提交 git push 到远程分支 阅读全文
posted @ 2022-03-30 10:38 会前端的洋 阅读(430) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-29 15:49 会前端的洋 阅读(32) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-27 18:28 会前端的洋 阅读(37) 评论(0) 推荐(0) 编辑
摘要:1. 案例 案例(1) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-27 14:27 会前端的洋 阅读(155) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-27 11:45 会前端的洋 阅读(31) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-27 10:14 会前端的洋 阅读(36) 评论(0) 推荐(0) 编辑
摘要:1. html <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"><div></div></div> <div class="menu"> <div> <ul> <li><a 阅读全文
posted @ 2022-03-27 09:37 会前端的洋 阅读(781) 评论(0) 推荐(0) 编辑
摘要:1. html结构 <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"><div></div></div> <div class="menu"> <div> <ul> <li>< 阅读全文
posted @ 2022-03-27 09:18 会前端的洋 阅读(1583) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 20:36 会前端的洋 阅读(86) 评论(0) 推荐(0) 编辑
摘要:1. css 样式 /* page 1 animation */ #page-1 h1{ transform: translateY(-1200px); animation: heading var(--animate-speed) forwards ease-in; } #page-1 p { t 阅读全文
posted @ 2022-03-26 17:11 会前端的洋 阅读(26) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 13:43 会前端的洋 阅读(38) 评论(0) 推荐(0) 编辑
摘要:1. html结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
posted @ 2022-03-26 11:43 会前端的洋 阅读(28) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 11:28 会前端的洋 阅读(102) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 11:02 会前端的洋 阅读(38) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 10:10 会前端的洋 阅读(22) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 09:59 会前端的洋 阅读(36) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 09:51 会前端的洋 阅读(48) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <h1 class="a">欢迎来到铄洋在线</h1> <h1 class="b">欢迎来到铄洋在线</h1> <h1 class="c">欢迎来到铄洋在线</h1> <h1 class="d">欢迎来到铄洋在线</h1> 2. css 样式 h1 { font-family: 阅读全文
posted @ 2022-03-26 09:07 会前端的洋 阅读(130) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <div class="container"> <div class="box"> <h3>Heading</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam aspernatur il 阅读全文
posted @ 2022-03-26 09:00 会前端的洋 阅读(152) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <label class="is-required" for="name">姓名</label> <input type="text"> <header> <h1>欢迎来到米修在线</h1> <p>Lorem ipsum dolor sit amet consectetur a 阅读全文
posted @ 2022-03-26 08:54 会前端的洋 阅读(35) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-25 20:03 会前端的洋 阅读(37) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-25 19:51 会前端的洋 阅读(124) 评论(0) 推荐(0) 编辑
摘要:1. css 样式 如果满足 media="screen and (max-width: 768px)" 这个条件的话 <link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css"> #what 阅读全文
posted @ 2022-03-25 19:26 会前端的洋 阅读(61) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <section id="contact"> <div class="contact-form bg-primary p-2"> <h2 class="m-heading">Contact Us</h2> <p>如有疑问请填写以下信息联系我们!</p> <form> <div 阅读全文
posted @ 2022-03-25 18:30 会前端的洋 阅读(83) 评论(0) 推荐(0) 编辑
摘要:1. html 的结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-25 14:59 会前端的洋 阅读(96) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <div id="container"> <div class="item item-1"> <h3>Item 1</h3> </div> <div class="item item-2"> <h3>Item 2</h3> </div> <div class="item ite 阅读全文
posted @ 2022-03-25 14:23 会前端的洋 阅读(509) 评论(0) 推荐(0) 编辑
摘要:1. html 结构 <div id="container"> <div class="item"> <h3>Item 1</h3> </div> <div class="item"> <h3>Item 2</h3> </div> <div class="item"> <h3>Item 3</h3> 阅读全文
posted @ 2022-03-25 13:31 会前端的洋 阅读(60) 评论(0) 推荐(0) 编辑
摘要:在 html 里插入 满足这个条件 <link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css"> 执行 moblie 里的样式 css 样式 /* nacbar */ #navbar h1{ f 阅读全文
posted @ 2022-03-25 11:56 会前端的洋 阅读(35) 评论(0) 推荐(0) 编辑
摘要:1. 页面 html 结构 <header> <h1>欢迎来到米修在线</h1> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi doloremque ad dolore, nam ex et. Accusamus 阅读全文
posted @ 2022-03-25 11:17 会前端的洋 阅读(704) 评论(0) 推荐(0) 编辑
摘要:1. Em html 结构 <div id="box-1"> <h3>Box One</h3> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam assumenda aut, animi sed minima 阅读全文
posted @ 2022-03-25 10:33 会前端的洋 阅读(296) 评论(0) 推荐(0) 编辑
摘要:1. html结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
posted @ 2022-03-25 09:59 会前端的洋 阅读(81) 评论(0) 推荐(0) 编辑
摘要:1. html 部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-25 08:42 会前端的洋 阅读(808) 评论(0) 推荐(0) 编辑
摘要:1. html 页面结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport 阅读全文
posted @ 2022-03-24 16:45 会前端的洋 阅读(82) 评论(0) 推荐(0) 编辑
摘要:1. 字体图标库 (1). 搜索网址: http://www.fontawesome.com.cn/ (2). 下载最新版本的解压包 把文件夹 fonts 和 css 文件夹里 font-awesome.min.css 引入到项目里面 (3). 点击网址的 图标库 搜索需要的图标 2. body的内 阅读全文
posted @ 2022-03-24 15:37 会前端的洋 阅读(53) 评论(0) 推荐(0) 编辑
摘要:1. body 里的html结构 (1) <div id="showcase"> <div class="container"> <div class="showcase-content"> <h1>欢迎来到<span class="text-pranime">铄洋在线</span></h1> <p 阅读全文
posted @ 2022-03-24 14:54 会前端的洋 阅读(44) 评论(0) 推荐(0) 编辑
摘要:1. html (1) 这个是首页的基本结构 (2) css 的基本样式结构 /* reset */ /* 重置样式 */ * { padding: 0; margin: 0; box-sizing: border-box; } /* main styling */ html, body{ font 阅读全文
posted @ 2022-03-24 14:02 会前端的洋 阅读(429) 评论(0) 推荐(0) 编辑
摘要:1. 免费图片下载网址 (1) 直接输入无网址 https://www.pexels.com/zh-cn/ (2) 浏览器直接搜索 Pexels 2. 静态页面的基本结构 (1) 如果跳转的页面较多,可以多加几个 html (2) 可以参照原网址 https://www.bilibili.com/v 阅读全文
posted @ 2022-03-24 13:55 会前端的洋 阅读(159) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示