周星星12138-CSDN博客

原创实现垂直居中方法总结

1.如父元素高度没固定，直接设置上下padding 10px；若父元素有固定宽高：2.利用表格自带功能<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title></head><body> <div class="parent"> <div class="child"&g

2022-02-10 19:25:17 227

在模块化开发过程中经常遇到模块的导出导入。涉及到require 、module.exports、exports这些关键词。下面来谈谈他们的关系和区别。首先谈谈他们的规范require: node 和 es6 都支持的引入；module.exports / exports: 只有 node 支持的导出；（export / import : 只有es6 支持的导出引入）。module和exports是Node.js给每个js文件内置的两个对象。可以通过console.log(mod.

2021-10-30 15:22:58 270

原创谈谈重绘回流及解决方法

什么是回流当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘。什么是重绘当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影

2021-10-18 18:52:17 280

原创浏览器地址栏中输入url到看到页面，浏览器经历了什么？

浏览器地址栏输入url到看到页面，大概分为以下几个过程输入url并回车浏览器查找当前url是否有缓存，并解析ip 根据ip建立TCP连接，三次握手浏览器发起请求并接收服务端响应浏览器解析渲染页面关闭TCP连接，四次挥手1. 输入url并回车一般来说，URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号。所以，请记住以下结论网址路径的编码，用的是utf-8编码查询字符串的编码，用的是操作系统的默认编码 GET和POST方法的编码，用的是网页的编码在

2021-10-09 00:36:08 165

原创 bootstarp实用方法总结

bootstrap布局容器Bootstrap 需要为页面内容和栅格系统包裹一个 .container 或者.container-fluid 容器，它提供了两个作此用处的类。.container 响应式布局的容器固定宽度大屏 ( >=1200px) 宽度定为 1170px 中屏 ( >=992px) 宽度定为 970px 小屏 ( >=768px) 宽度定为 750px 超小屏 (100%) .container-fluid

2021-10-09 00:30:15 126

原创完整轮播图案例

效果展示html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播案例</title> <link rel="stylesheet" href="css/banner.css"> <script src="js/jquery-1.12.4.min.js"></sc...

2021-10-09 00:24:26 77

原创说说前端网络中的跨域

首先说说浏览器同源政策“同源”：协议相同、域名相同、端口相同。1995年，同源政策由Netscape公司引入浏览器，最初的目的是某页面所设置的cookie，只能由其“同源”页面打开。如果两个页面拥有相同的协议、域名和端口，那么这两个页面就属于同一个源，其中只要有一个不相同，就是不同源。目的：同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。限制：随着互联网的发展，"同源政策"越来越严格。目前，如果非同源，共有三种行为受到限制： (1)Cookie、LocalStorage 和

2021-10-08 23:58:30 49

原创 ajax处理网络请求

Ajax模块在处理网络请求的时候包括以下四个步骤1.通过XMLHttpRequest类创建xhr对象 2.为xhr对象添加属性与回调方法 3.令xhr对象执行open()方法，指明请求被发往某处 4.令xhr对象执行send()方法，发出请求。//1.创建对象var xhr;if (window.XMLHttpRequest){//普通浏览器 xhr=new XMLHttpRequest();}else{//老版本IE xhr=new ActiveXObject

2021-10-08 00:34:24 109

原创 Ajax的优缺点-面试题

ajax (Asynchronous Javascript And XML)其实就是异步的javaScript和XML。AJAX不是一门新语言，是综合HTTP异步通信、JS、XML、以及JSON等多种网络技术的一种编程模型。AJAX ~= JS+ xml+JSON + HTTP通信，本质就是在HTTP协议的基础上以异步的方式与服务器进行通信。ajax优点1.页面局部刷新。在读取数据的过程中，用户所面对的不是白屏，而是原来页面的转台，或者正在更新的信息提示状态，只有当接收到全部数据后才.

2021-10-08 00:07:38 135

原创 jquery里html()和text()的区别

首先我们看看当不写参数时，他们各自的作用 <ul> <li>123</li> <li>dc</li> <li>sadcdsc</li> </ul> <script> console.log( $("li").html() ); console.log( $("li").text() ); .

2021-09-17 15:53:57 1192

原创关于BFC中的外边距折叠

BFC的外边距折叠（准确来说是垂直外边距折叠）　　两个相邻的两个盒子（可能是兄弟关系也可能是父子关系）的垂直外边距会合并成一个单独的外边距。（取较大或相同的那个margin值）触发条件：　　必须是处于常规文档流的块级盒子，并且处于同一个BFC中。　　没有将他们分开的东西，如padding、border、clearance。　　在垂直方向上是相邻的，相邻的情况有以下几种　　　　1、元素的margin-top与其第一个处于常规文档流中的子元素的margin-top　　　　2、高度自动

2021-07-27 19:50:24 152

原创清除浮动的七种方法

浮动元素会脱离文档流，导致不占据页面空间，所以会对父元素带来高度塌陷。如果一个元素中包含的元素全部是浮动元素，那么该元素高度将变成0。为解决浮动带来的负面影响，需要清除浮动。清除浮动的方式有很多种，实现的原理主要是靠clear属性，和触发新的BFC。清除浮动的方法归纳为以下几点：1.直接设置父元素高度。优势：简单弊端：必须要知道父元素高度是多少。2.设置父元素浮动。优势：代码少，无语义化问题我们知道，元素浮动后会创建一个独立的BFC区域，在这个区域中计算高度时需要..

2021-07-27 19:34:01 3621

原创 JavaScript 运算符、流程控制-分支

JavaScript 运算符、流程控制-分支今日内容运算符算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符运算符优先级流程控制顺序流程控制分支流程控制 if 语句三元表达式分支流程控制 switch 语句运算符算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。 console.log(1 + 1); // 2 console.log(1 - 1); // 0 console.log(1 * 1);

2021-03-07 21:20:04 83

原创数据库基础知识（一）

数据库数据库的定义狭义:存储数据的仓库广义:可以对数据进行存储和管理的软件以及数据本身统称为数据库为何需要数据库存储数据的方法第一种方法：用大脑来记住数据第二种方法：写在纸上第三种方法：写在计算机的内存中（java里面的数组和集合也可以存储数据）第四种方法：写成磁盘文件（电脑C盘、D盘等里的文件）……………………存储的数据量？能在纸上存储的数据量不大而且容易丢失容易持久保存？在电脑里有两种方式存储数据。第一种磁盘存储，磁盘存储，大家都知道，电脑的c盘、d盘存储

2021-03-03 11:08:57 105

m0_50569176的博客