大一哟-CSDN博客

原创前端复盘（4）（含网址）

遇到了个微信面试，还是语音没有视频，我完全可以在电脑面前面的，可惜太紧张了没想到。哎，我还是太老实了。不过我也没错，毕竟硬实力才是干货，继续继续.JavaScript的作用域一、作用域在 JavaScript 中, 作用域（scope，或译有效范围）就是变量和函数的可访问范围，即作用域控制着变量和函数的可见性和生命周期二、全局/局部作用域2.1 全局作用域(Global Scope)（1）不在任何函数内定义的变量就具有全局作用域。（2）实际上，JavaScript默认有一个全局对象window

2020-08-26 14:01:51 190

原创前端复盘（3）

有点烦，遇到了一个招聘转培训的骗局，幸好那帮家伙还有点良心让我全身而退。不过生活还是要继续，接着冲冲冲！JavaScript的基本数据类型JavaScript的数据类型，共有六种。分别是undefined、null、boolean、number、string、object（ES6新增第七种Symbol一种数据类型，它的实例是唯一且不可改变的类型的值）。1、Undefined：Undefined类型只有一个值，即特殊值undefined。在使用var声明变量，但未对其加以初始化时，这个变量值就是und

2020-08-22 21:20:30 619

原创前端复盘（2）（编辑中）（含网址）

这次东西有点多，说不定要分期。数组去重的方法。事件侦听的方法数组方法检索索引号图片按钮提交级联菜单display值pixelTop和topopen方法parseInt和paseFloat框架属性面版优化网络资源和文件清除浮动split()和join()IE、DOM事件流IE和标准兼容方法call和apply的区别js的本地、内置和宿主对象js同源策略...

2020-08-20 13:05:19 564

原创前端复盘（1）

单纯的知识点整理，如果要示例的话还是得看笔记。一、行标签与块标签（1）块标签特点：①独占一行；②能设置宽高；③可以自动换行。常见的块标签：div、p、h、ul、li、dl（定义列表，跟ul…li类似）、dt（定义列表中的项目）、dd（描述项目的内容，与dt搭配）（2）行标签特点：①能与其他元素在同一行出现；②不能设置宽高；③不能自动换行。常见的行标签：a、span、strong、u（underline）、em、i（斜体）、sub（下标）/sup（上标）。（3）行内块级标签特点：①能与其他元

2020-08-17 12:55:16 336

原创一个小项目demo

展示用。开发前的各阶段设计的终稿：最终我负责的代码设计部分：HTML：注册界面：<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8" name="viewport"content="width=device-width, initial-scale=1"> <title>注册页面&l

2020-08-13 12:52:48 283

原创原创前端学习笔记二：CSS3（1）盒阴影、圆角边框和图片边框

继续。代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <style type="text/css"> #frame .ite

2020-08-13 12:31:01 212

原创前端学习笔记四：Vue（3）样式绑定

都懒得想开头了，直接上。代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../../vue.js" type="text/javascript" charset="utf-8"></script> </head> <style type="text/cs

2020-08-10 17:19:03 232

原创前端学习笔记四：Vue（2）计算属性和监听属性

继续。示例2：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script src="../../vue.js" type="text/javascript"

2020-08-04 22:47:08 177

原创前端学习笔记四：Vue（1）基本语法 + 条件语句 + 循环语句

终于开了Vue的坑了。上实例，这次知识点讲解并非按线性顺序，敬请留意：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script src="../../vu

2020-08-03 17:15:32 182

原创前端学习笔记一、三：JavaScript + html5（1）数组 + web本地存储

开一个新分类，命名和内容如题。第一个是js09，关于数组的，还有就是验证一下能不能用web本地存储：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p id="sens1"> </p> <script type="text

2020-07-29 22:35:37 191

原创前端学习笔记二：CSS（8）一个漂亮的表单

还是登录表格，不过这次用盒子模型来并且加上CSS。代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <style type="text/

2020-07-29 22:10:42 188

原创前端学习笔记一：html（12）h5的新表单属性

实在是懒得搞用例了，而且有些新属性感觉就是好像有有用但又没必要的感觉（（就直接背书了，具体应用等练习的时候再说把：HTML5 新的表单属性HTML5 的 <form> 和 <input>标签添加了几个新属性.<form>新属性：autocompleteautocomplete 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。提示: autocomplete 属性有可能在 fo

2020-07-25 23:02:05 128

原创前端学习笔记番外：错题整理（1）

在一个文字教程网站上看到有小练习，做了一下，还真的错了一些题目，还有一些算是半蒙半猜对的题目也一并记录一下（后续应该还会有，所以这个系列也有标号）：

2020-07-23 14:10:22 80

原创前端学习笔记二：CSS（7）导航栏

继续。这个例子就叫“导航栏”：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <style type="text/css">

2020-07-23 14:03:49 144

原创前端学习笔记一：html（11）html5的新输入类型

继续。如题，这个例子就叫新的输入类型：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <script

2020-07-23 13:54:29 135

原创前端学习笔记一：html（10）视频播放器和音频播放器

这个例子就叫“bilibili+网易云的野孩子”：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <vi

2020-07-23 13:47:40 178

原创前端学习笔记二：CSS（6）伪类和伪元素

继续：这个例子，我管它叫多变的类~~（跟女生一样）~~ ：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <style type="text

2020-07-23 13:31:18 117

原创前端学习笔记三：JavaScript（3）事件驱动函数

这次有点短，就一段，不过挺重要的：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript"> /*

2020-07-22 21:53:46 159

原创前端学习笔记一：html（9）（练习）一个单纯的网页

如题，算是有一个阶段小练习。结果如图：

2020-07-22 21:49:31 236

原创前端学习笔记三：JavaScript（2）变量的分类和作用域+利用浏览器调试模式测试+HTML事件+表示特殊字符（+运算符+各种循环和条件语句【略】）

第五段：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript"> /* 在 JavaScript

2020-07-16 19:03:22 116

原创前端学习笔记一：html（8）html5前瞻+canvas画布

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5 中的一些新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search然后就是HTML5的新内容讲解，这次讲的是

2020-07-16 18:47:55 149

原创前端学习笔记三：JavaScript（1）初识js（前提知识储备+警告框+变量与常量+访问HTML元素+显示js值+调用外部js文件+声明创建对象+在js里获取HTML对象并在其内容里插入值）

前提知识就不提了，js是一种编程语言，计算机系的大学生总该有点底子。另外，到了js部分就用注释来讲解知识点~~（别问为什么之前不采用，问就是懒）~~直接上代码：第一段：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <tit

2020-07-15 18:25:22 276 2

原创前端学习笔记一：html（7）属性补充

就是一个对于以前学过的一些标签的补充属性说明：(1)列表属性：属性内容值list-style-type定义列表符号样式disc（实心圆）；circle（空心圆）；square（）实心方块；none（去掉列表符号）list-style-image使用图片作为列表符号url(“图片的路径和名称”)list-style-position列表符号的位置outside（列表外部）；inside（列表里部）list-style（当你想去掉列表样式时取该值）no

2020-07-14 21:23:30 93

原创前端学习笔记二：CSS（5）布局小练习

终于开始练习了！~ （才不是因为可以不用讲解了才高兴的）由于是练习，先放运行结果（或者说是题目）：上半部分：下半部分：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>布局练习</ti

2020-07-12 17:24:16 161

原创前端学习笔记二：CSS（4）关于容器的内/外距

继续。第一个示例，就管它叫“距离产生美”：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <style type="text/css"&gt

2020-07-12 14:52:21 335

原创前端学习笔记二：CSS（3）常用的文本属性+让div飞~

继续。还是把两段内容压成一段，先看第一个示例(想了一下只显示样式表了，列表内容的代码就不单独放出来了)： <style type="text/css"> html,body{ margin: 0; height: 100%; } ol{ background-image: url(../03%20using%20image/img/9.PNG); background-repeat: no-repeat; background-position: l

2020-07-11 21:59:29 171

原创前端学习笔记二：CSS（2）为什么叫层叠样式表？

继续。第。。算了不数了，来看示例，我管它叫为什么CSS叫层叠样式表。来看代码（本来是想分成两个部分的，仔细一想第一部分的内容太单薄了，就合并了）：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>层叠样式表（

2020-07-10 23:48:16 412

原创前端学习笔记二：CSS（1）初识（内部）样式表

感觉这一段时间的更新频率确实有点慢的离谱，眼看着要开始找实习了，加快一下进度。开始接触样式表了，第九个示例就叫初见样式表好了。代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>欢迎来到有顶天！&lt

2020-07-08 22:44:27 283

原创前端学习笔记一：HTML（6）初识CSS

开始第。。六篇。忘了第八个示例，就管它叫初见CSS。代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> 华为简介 </title> </head> <bo

2020-07-08 19:59:43 180

原创前端学习笔记一：HTML（5）简单制作表单（以登陆页面为例）

继续第五篇。第七个示例，管它叫登陆界面。代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>登录</title> </head> <body> <fo

2020-07-05 02:29:53 4368

原创前端学习笔记一：HTML（4）在网页内插入并设计一个表格

继续。第六段代码，管它叫两个表格。虽然叫两个表格，但是因为都是表格内容重复度有点大，因此选个复杂一点来讲。先看代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1px" cellspacing="0px"> <t

2020-07-03 23:42:13 1608

原创前端学习笔记一：HTML（3）调整插入图片的大小+前两次学习的简单应用

继续第三篇。说起来是不是要更得勤快点啊（这次试试讲两段。第三个我管它叫百度图片+一个新的页面跳转方式代码如下所示：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> &lt

2020-07-02 22:17:25 3347

原创前端学习笔记一：HTML（2）插入图片和带超链接的列表

好的，继续第二篇。来看第二段代码，我管它叫做百度新闻<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>百度新闻</title> </head> <body> <

2020-06-30 23:22:10 1788

原创前端学习笔记一：HTML（1）预备知识及一个简单的网页

在此前的大学学习生涯中由于没有专业方向的概念，所上过的课程都是老师教什么就学什么，结课之后也就没下文了。但是眼下也快大四了，也该决定了专业方向了，经过一番权衡考虑决定从前端开始。听取了比我大一届的堂哥的建议决定开一个博客来监督自己学习。首先就先按顺序学习前端入门三件套：HTML、CSS和JavaScript，即目前先学习HTML。这前几篇内容就尽量回忆之前学过的内容吧。又想了一会儿，干脆就以每次学习的过程中打出来的一个个代码作为示例来讲解知识点吧。再开始讲解标签内容前一些基本的概念还是要先讲清楚的：

2020-06-29 23:22:23 299

Reiuji_Utsuho的博客