嘿！呆桃日记～-CSDN博客

原创高度塌陷？如何清除浮动？

高度塌陷简单说就是，府级元素包涵的子元素浮动了，当父级元素没有设置高度时，会因为没有子元素“撑开”，而变成一条线。清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题。......

2022-07-21 13:48:01 176

原创外边距合并跟外边距塌陷以及解决方案

上下相邻的两个块级元素相遇时，若上面的块元素有margin-bottom，下面的元素有margin-top，则它们垂直间距不是二者之和，而是二者之间的最大值。解决方案尽量只给一个元素设置外边距。

2022-07-21 11:39:04 201

一、let与const1.letlet是变量声明的关键字。特点：块级作用域：只在声明的代码块内有效 {}{ let a='a' console.log(a);//a}在同一作域内不允许重复声明同一个变量,但可以二次赋值{ //错误 let a='a'; let a='b'}没有变量提升 ,暂时性死区不允许在变量声明之前使用变量，暂时性死区:在声明变量之前无法操作或者读取这个变量。var存在变量提升，即变量可以在声明之前使用，值为und

2022-07-21 11:11:09 359

原创 webAPI基础

一、关于webAPI1.API和webAPI1.1API概念API（Application Programming Interface）应用程序编程接口，简单理解API是给程序员提供的一种工具，以便能更轻松的完成想要的功能。1.2webAPI概念webAPI是浏览器提供的一套操作浏览器功能和页面元素的接口（BOM、DOM）。比如我们想要浏览器弹出一个警示框alert('警示框')，alert就是浏览器的API2.总结API是为程序员提供的接口，帮助实现某种功能，会使用就可以了，不

2022-07-14 14:44:38 5540 1

原创 Node.js

一、了解Node.jsNode.js 是一个基于Chrome V8引擎的JavaScript 运行时环境，在这个环境下可以执行JS代码。 Node.js提供了大量的工具（API），能够让我们完成文件读写、Web服务器创建等功能。1.nodejs和浏览器的关系：相同之处：都可以运行js(严格来讲是ECMAScript)代码不同之处：安装了浏览器（Broswer）这个软件，它不但可以执行ECMAScript，浏览器这个软件内置了window对象，所以浏览器有处理DOM和BOM的能力。安

2022-06-01 14:27:02 256

原创 Node.js-Express框架

Express 是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架，用来快速搭建Web服务。 Express 是一个第三方模块，有丰富的 API 支持，强大而灵活的中间件特性。 Express 不对 Node.js已有的特性进行二次抽象，只是在它之上扩展了 Web 应用所需的基本功能1.安装使用 npm init 命令为应用程序创建 package.json 文件。npm init -y(如果文件夹的名字是中文可以直接输入‘npm init’，手动输入name)做项

2022-05-30 15:01:44 524

原创 JavaScript基础

js是编程语言，html是标记语言。编程:就是让计算机为解决某个问题而是用某种程序设计语言编写程序代码，并得到最终结果的过程。计算机语言：人与计算机之间的通讯语言，可以分为机器语言、汇编语言和高级语言，计算机最后执行的是机器语言，是由0和1组成的二进制数，二进制数是计算机语言的基础。如今通用的编程语言有两种形式：汇编语言、高级语言（c++,java,pyson...）。一、JavaScript简介JavaScript：基于对象和事件驱动，运行在浏览器客户端的脚本语言（Script意思脚

2022-05-17 10:14:22 259

原创 Node.js利用get类型的接口实现简单留言板

通过npm安装:npm install art-template 通过npm安装：npm i -g nodemon思路：先搭服务，然后实现发表和主页面两个页面之间的跳转访问根目录的时候去读html文件拿数据源把数据通过template.render渲染到页面中返回响应，把渲染完的页面响应到浏览器中实现main.js//先搭服务，然后实现两个页面的跳转var http = require('http')var fs = require('fs')var url..

2022-05-09 15:45:30 346

原创 ES6中的箭头函数

1.箭头函数箭头函数是用来简化函数定义语法的。()=>{}()是用来放形参的（）代表函数体通常会把箭头函数赋值给一个变量，如const fn=()=>{}{let arrow=(x,y)=>{ return x+y }console.log(arrow(1,2));//3}如果只有一个参数，可以省略小括号，函数体只有一句并且为返回值，可以简写省略大括号。{let corrow1= x => x+1console.lo

2022-04-29 19:56:20 333

原创如何使用Proxy与Reﬂect实现简单的双向数据绑定

即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。获取dom对象设置代理对象配置代理选项添加事件实现双向数据绑定{ // 获取dom元素 const txt = document.getElementById('txt')//span const inp = document.querySelector('#inp');//input // 初始化代理对象 const obj = {} .

2022-04-29 14:56:45 266

原创 ES6中的代理Proxy和反射Reﬂect

一、代理Proxy1.Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。2.Proxy可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”。3.Proxy在目标对象的外层搭建了一层拦截，外界对目标对象的某些操作（后文会说明，有哪些操

2022-04-29 12:48:05 135

原创 jQuery

一.jQuery概念jQuery 是一个快速、简洁的 JavaScript 库。j是JavaScript，Query是查询，把js中的DOM进行封装，可以快速查询使用里边的功能，jQuery封装了JavaScript常用的功能代码，优化了DOM操作、事件处理、动画设计和Ajax交互。（学习jQuery的本质就是学习调用这些函数（方法））1.JavaScript 库常见的JavaScript 库有jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto，这些库都是对原生

2022-04-01 14:30:55 1381

m0_53456432的博客