![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端入门
番茄小火锅
努力!
展开
-
浏览器(幕后可以做的事情)
浏览器可以做到的事情:知道网页已加载并显示完毕;跟踪用户在网页上执行的所有单击操作,无论是按钮还是其他地方;知道用户提交了表单;知道用户按下了键盘按键;知道元素获得了用户界面焦点;监视所有的鼠标移动;监视时钟并管理定时器和定时器事件;获取网页所需的额外数据;跟踪用户缩放或滚动网页的操作;知道cookie已经创建完毕;...原创 2019-03-14 10:09:47 · 171 阅读 · 0 评论 -
【查漏补缺】HTML常用的标签
常用的html标签和其常用的属性本文主要介绍的标签有:(主要用于个人查漏补缺)和meta标签meta标签为html文档提供元数据,提供的数据不会显示在页面上,但是机器可以看懂。meta常用于定义页面的说明、关键字、最后修改日期和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。一开始可能比较难读懂这句话,仔细剖析一下。meta标签一共...原创 2019-07-16 22:48:25 · 125 阅读 · 0 评论 -
【日常记录】CSS 中的 box-sizing 属性
今天学习画阴阳图案时候,代码中有一个不熟悉的属性,通过查MDN简单了解了一下这个属性,记录下来。含义box-sizing 属性定义了 用户浏览器 应该如何计算一个元素的总宽度和总高度。用法在盒子模型的默认定义里,当对一个元素设置了width和height之后,实际上只是设置了内容区的宽度。那么,当需要调整元素的宽度和高度时,边框和内边距很有可能影响我们的布局。通过设置box-sizing...原创 2019-07-21 18:12:49 · 115 阅读 · 0 评论 -
【查漏补缺】HTTP请求与响应总结
为了方便自己查漏补缺,总结一下 关于HTTP请求和响应的相关知识。开始正文之前,首先复习一下HTTP的相关基础知识。HTTP是一种协议,是浏览器(客户端)与服务器(服务端)之间进行通讯的规则。HTTP是无状态的协议,也就是说,当客户端向服务器端发出请求,得到服务器返回的响应后,浏览器和服务器之间建立的连接就关闭了,两者之间没有持久的连接。本文分为如下几个部分:HTTP 请求包括哪些部分...原创 2019-07-09 21:53:44 · 283 阅读 · 0 评论 -
【查漏补缺】git相关
1. 不要上传 node_modules 到 github如果想防止自己上传 node_modules 到 github ,可以:在项目根目录 touch .gitignore在 .gitignore 里添加一行 /node_modules/git add .gitignore; git commit -m ‘ignore’2. git其他常用命令git remote add orig...原创 2019-09-26 20:45:35 · 139 阅读 · 0 评论 -
【日常记录】CSS常用布局技巧
CSS常用布局技巧整理目前学会的布局技巧,后续会添加更多。1.左右布局利用float做法:1.给父元素添加clearfix类 .clearfix::after{ content: ""; display: block; clear: both; }2. 给子元素设置float效果预览2....原创 2019-07-23 11:27:46 · 157 阅读 · 0 评论 -
【日常记录】JS 里的数据类型
js中的数据类型基本可以分为两种值类型和引用类型值类型包括字符串类型String数字类型Number布尔类型BooleanNullUndefined原创 2019-08-24 18:11:03 · 108 阅读 · 0 评论 -
【日常记录】JS里的对象
1. JS中不同类型数据的存储有何不同?JS引擎将计算机分配给它的那部分内存分为代码区和数据区,代码区存放用户写的代码,数据区存储数据。对于基本类型的数据,JS在stack区直接存储它们的值。对于引用类型的数据,JS在stack区存一个地址,在heap区对应地址处存储内容。、2. 几个经典理解存储过程的题目1.var a=1var b=avar b=2-----------现...原创 2019-08-26 22:55:11 · 99 阅读 · 0 评论 -
【日常记录】jQuery初探
一个题目window.jQuery = ???window.$ = jQueryvar $div = $('div')$div.addClass('red') // 可将所有 div 的 class 添加一个 red$div.setText('hi') // 可将所有 div 的 textContent 变为 hi我的解答http://js.jirengu.com/nabih/6...原创 2019-08-30 23:34:37 · 127 阅读 · 0 评论 -
【日常记录】块级元素和内联元素的宽和高是由什么决定的?
本篇博客就块级元素,内联元素的宽高进行总结。一些常用的布局技巧文字对齐去除多余的空格解决超长文字溢出单行文本省略和多行文本省略margin合并脱离文档流实现垂直居中的7种方式7种方式2flex布局实现绝对居中实现1:1自适应的div...原创 2019-09-24 18:30:13 · 226 阅读 · 0 评论 -
【日常记录】CSS抽象概念-堆叠上下文、BFC与margin合并
CSS中有一些抽象的概念,这篇博客主要用来总结对这些抽象概念的一些理解。**1. 堆叠上下文(the stacking context)**堆叠上下文是一个抽象的概念,我们没法定义,但是可以定义触发它的条件,几个常见的触发条件:- 根元素html- z-index的值不为auto的相对或者绝对定位的元素- opacity的值小于1的元素- z-index的值不为auto的fl...原创 2019-09-24 23:02:15 · 249 阅读 · 0 评论 -
【查漏补缺】HTML相关小知识
介绍一些HTML相关的小知识W3C简介W3C是 World Wide Web consortium的缩写。W3C 最重要的工作是发展 Web 规范,这些规范描述了 Web 的通信协议(比如 HTML 和 XHTML)和其他的构建模块。MDN简介可以简单的理解:MDN是一个放了很多技术文档的一个网站。以前叫Mozilla Developer Network、Mozilla Develop...原创 2019-07-13 18:23:26 · 104 阅读 · 0 评论 -
js基础
反引号字符串中格式化变量(es6新特性)console.log(`你好, ${name}, 你今年${age}岁了!`);字符串和数组的方法:字符串var s=“nihao”console.log(s.substring(0,3));slice()和substring()数组的方法push()和pop()在尾部进行操作unshift()和shift()在头部添加和删除...原创 2019-09-26 20:45:46 · 121 阅读 · 0 评论 -
第一次使用GitHub托管网页出现的问题
GitHub托管网页实现一个最简单的网页出现乱码问题用github托管我的静态网页在本地的html文件打开乱码的问题实现一个最简单的网页出现乱码问题今天第一次用早就注册的GitHub发布网页,学会了两种利用GitHub托管网页的方法。用github托管我的静态网页找到自己保存网页所在的界面,复制路径。然后在该路径前加上只需在上传的https://htmlpreview.github.io/...原创 2019-03-09 22:39:09 · 262 阅读 · 0 评论 -
js中代码复用
关于js中代码复用的问题主要实现功能对于坐飞机的乘客来说,经济舱,头等舱的服务待遇是不同的。这段代码主要实现对不同舱位乘客实现不同的服务。飞机上的乘客点餐、喝饮料、看电影等服务;定义一个表示乘客的数据结构,一共有4个乘客对象每个乘客都有3个属性,这里主要检查乘客的票是经济舱还是头等舱。也就是ticket属性的值。var passengers = [ { name: "Jane D...原创 2019-03-14 20:40:28 · 412 阅读 · 0 评论 -
响应式设计
使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用...原创 2018-08-25 16:00:10 · 107 阅读 · 0 评论 -
神奇的frameset标签
html中神奇的frameset标签可以通过frameset标签内的rows,cols属性设置垂直框架和水平框架如 rows="20%, 30%, 40%"依次设置框架所占空间的比例有趣的一点是,这样生成出来的框架可以通过鼠标的拖动来改变其大小,所以对于不想被鼠标拖动改变大小的不变元素应当在其对应的标签内 添加noresize属性<frameset rows=&a原创 2019-03-10 22:26:58 · 313 阅读 · 0 评论 -
js中提取匿名函数练习
提取匿名函数function(food){ if (food==="cookies"){ alert("more please.")} else if(food==="cake"){ alert("yum yum.")} })("cookies");可以改成var eat=function原创 2019-03-15 10:59:35 · 303 阅读 · 0 评论 -
构造函数的工作原理
构造函数的工作原理首先,编写一个Duck类的构造函数。 function Duck(type,canFly){ this.type=type; this.canFly=canFly;g }然后,用new关键字创建一个新的Duck对象var fido=new Duck("white duck",false);接下来详细说明一下构造函数的工作原理new 首先创建了一个...原创 2019-03-15 15:34:32 · 1167 阅读 · 0 评论 -
基于MVC框架实现网页战舰游戏
基于MVC框架实现网页战舰游戏最终的视觉效果:最终实现的功能:每个战舰可以垂直或水平的隐藏在三节连续的单元格中;用户在右下角猜测战舰在哪个单元格,然后点击fire按钮,如果该单元格有战舰,则在该单元格显示hit图案;没有战舰,则显示miss图案。如果战舰的三节组成全部被击中,则这个战舰就被击沉;如果用户击中所有战舰,就在左上角输出另一些提示信息。第一步:搭建网页结构和视觉效果1....原创 2019-03-16 22:05:59 · 1667 阅读 · 1 评论 -
JavaScript DOM编程艺术 读书笔记(1)
读书笔记(1)document.getElementsByTagName("*")使用通配符 *方便的返回文档里的元素集合结点分为不同的类型元素节点、属性节点和文本节点每个种类的结点都有nodeType 属性元素节点的nodeType为1 属性节点2 文本节点良好的编程习惯:平稳退化:确保网页在没有js的情况下也能正常工作;分离js: 把网页的结构与内容和js产生的行为...原创 2019-03-21 19:22:48 · 93 阅读 · 0 评论 -
JavaScript DOM编程艺术 读书笔记(2)
利用DOM寻找指定元素后特定的元素CSS的局限:无法根据元素之间的相对位置关系找出某个特定的元素。下面简单实现一个利用DOM 操作 找到某个指定元素后面的紧跟着的元素。注意调用这个函数的时候, 要把当前元素的nextSibling节点作为参数传递进去。function getNextElement(node){ // 如果是元素节点,就返回它 if(node.nodeType...原创 2019-03-22 11:19:26 · 93 阅读 · 0 评论 -
【日常记录】flex布局-灵活简单
关于flex布局的几个重点概念完整的思维导图如何理解flex-shrink待补充:flex-shrink的几种计算方式。原创 2019-09-25 17:33:00 · 93 阅读 · 0 评论