- 博客(32)
- 收藏
- 关注
RSS订阅原创 排序算法总结
冒泡排序class ArrayList { constructor() { this.arr = [] } insert(element) { this.arr.push(element) } toString() { return this.arr.join('*') } bubblesort() { for (var j = 0; j < this.
2021-12-01 14:11:52
387
原创 面试题总结 11月29日
1.浏览器缓存策略，有哪些类型，分别有什么区别？答：DNS缓存memory cache本地缓存disk缓存（http缓存）HTTP缓存分为强制缓存和协商缓存①DNS缓存： DNS域名解析时首先会查找浏览器本身的dns缓存 如果不存在会查找操作系统的hosts文件， 不存在则会查找本地的dns服务器， 不存在则会向根服务器发出请求②memory cache本地缓存memory cache 是浏览器为了加快读取缓存速度而进行的自身
2021-11-29 12:52:53
873
原创 组合继承1
<script> function Father(name,age){ this.name=name; this.age=age; } function son(name,age){ Father.call(this,name,age); } var ss=new son("bob",22); console.log(ss.n.
2021-11-11 15:51:39
583
原创 浏览器原理之浏览器安全
1.什么是XSS跨站脚本攻击（Cross-site scripting，简称为：CSS, 但这会与层叠样式表（Cascading Style Sheets，CSS）的缩写混淆。因此，跨站脚本攻击缩写为XSS）是一种网站应用程序的安全漏洞攻击。XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、 LiveScript、ActiveX、 F
2021-11-05 17:43:45
153
原创 Vue基础
Vue创建 <div class="root"> <h1>北京{{name}},{{address}},{{school.toUpperCase()}}</h1> </div> <div class="root"> <h1>北京{{name}}</h1> {{xxx}} //中的xxx要写成js表达式，即有返回值 </div> <scrip
2021-11-04 09:00:05
45
原创 浏览器原理 浏览器本地存储
localstorage 、sessionStorage 、cookie的区别localStorage生命周期永久，除非用户清除浏览器中的localStorage信息，否则永远存在；存放数据大小一般为5MB；仅在浏览器中保存，不参与服务器通信；API调用： localStorage.setItem("key","value");//以“key”为名称存储一个值“value” localStorage.getItem("key");//获取名称为“key”的值 localSt
2021-11-02 18:18:59
71
原创 计算机网络面试题 DNS
DNS协议DNS协议则是用来将域名转换为IP地址（也可以将IP地址转换为相应的域名地址）。DNS查询过程主机先向本地域名服务器进行递归查询本地域名服务器采用迭代查询，向一个根域名服务器进行查询根域名服务器告诉本地域名服务器，下一次应该查询的顶级域名服务器的IP地址本地域名服务器向顶级域名服务器进行查询顶级域名服务器告诉本地域名服务器，下一步查询权限服务器的IP地址本地域名服务器向权限服务器进行查询权限服务器告诉本地域名服务器所查询的主机的IP地址本地域名服务器最后把查询结果告诉主机
2021-10-31 12:35:44
359
原创 计算机网络面试题 TCP和UDP
1.TCP和UDP的概念和特点TCP 和 UDP都是传输层协议，他们都属于TCP/IP协议族TCP的概念传输控制协议（TCP，Transmission Control Protocol）是一种面向连接的、可靠的、基于字节流的传输层通信协议TCP 协议的特点面向连接面向连接，是指发送数据之前必须在两端建立连接。建立连接的方法是“三次握手”，这样能建立可靠的连接。建立连接，是为数据的可靠传输打下了基础。仅支持单播传输每条TCP传输连接只能有两个端点，只能进行点对点的数据传输，不支持多播和广播传输
2021-10-31 11:05:52
452
原创 使用Set方法进行数组去重
var a=[2,2,2,5,5,7,8,9,3,3]; var arr=new Set(a); var newarr=[...arr]; console.log(arr); console.log(newarr);Set方法默认没有重复值
2021-10-29 13:10:09
180
原创 异或和位运算
a^=b等价于a = a^ba^=b等价于a = ab，其中是位异或运算，即将a与b的对应位进行异或运算，同为0或者同为1时，对应位结果为0；否则为1。假设，a的值为二进制的1010，b的值为二进制的1100，那么a^b = 01101<<4 相当于1乘以四个2；反之为除以2...
2021-10-27 16:37:48
273
原创 浅拷贝和深拷贝
浅拷贝<script> var obj={ name:'bob', age:18 } var o={}; for(var k in obj) { o[k]=obj[k]; } console.log(o); </script>新拷贝出来的对象o中的msg和obj中的msg公用一个地址深
2021-10-27 08:54:40
54
原创 正则表达式
正则表达式正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。通过字面量创建var 变量名 = /表达式/;通过调用 RegExp 对象的构造函数创建var 变量名 = new RegExp(/表达式/);测试正则表达式 testregexObj.test(str)<body> <script> // 正则表达式在js中的使用 // 1. 利用 RegExp对象来创建 正则表达式
2021-10-26 19:18:21
58
原创 构造函数和原型对象
构造函数原型 prototype构造函数通过原型分配的函数是所有对象所共享的,这样就解决了内存浪费问题JavaScript规定，每一个构造函数都有一个prototype属性，指向另一个对象，注意这个prototype就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有我们可以把那些不变的方法，直接定义在prototype 对象上，这样所有对象的实例就可以共享这些方法<body> <script> // 1. 构造函数的问题.
2021-10-25 17:12:17
90
原创 BOM 基础
BOM概述BOM = Browser Object Model ????浏览器对象模型它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 windowBOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA, DOM 的标准化组织是 W3CBOM最初是Netscape 浏览器标准的一部分定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法窗口加载事件window.onload是窗口
2021-10-23 13:32:14
79
原创 DOM节点操作
网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。元素节点：nodeType 为1属性节点：nodeType 为2文本节点：nodeType 为3(文本节点包括文字、空格、换行等)父级节点<body> <!-- 节点的优点 --> <div>我是div</di
2021-10-22 17:18:35
56
原创 JS内置对象 Date（）日期对象
Data()日期对象Date 对象是一个构造函数，所以我们需要实例化后才能使用Date 实例用来处理日期和时间var now = new Date();console.log(now);如果Date()不写参数，就返回当前时间如果Date()里面写参数，就返回括号里面输入的时间// 1.如果没有参数，返回当前系统的当前时间var now = new Date();console.log(now);// 2.参数常用的写法 数字型 2019,10,1 字符串型 '2019-10
2021-10-21 13:00:11
173
原创 移动端开发 流式布局
视口viewport视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口我们只需要关注理想视口理想视口 ideal viewport为了使网站在移动端有最理想的浏览和阅读宽度而设定理想视口，对设备来讲，是最理想的视口尺寸需要手动添写meta视口标签通知浏览器操作meta视口标签的主要目的：布局视口的宽度应该与理想视口的宽度一致，简单理解就是设备有多宽，我们布局的视口就多宽总结视口就是浏览器显示页面内容的屏幕区域视口分为布局视口、视
2021-10-19 14:19:03
85
原创 CSS3 动画
定义动画@keyframes move{ 0%{ transform: translateX(0); } 100%{ transform: translateX(1000px); } }0% 是动画的开始，100% 是动画的完成。这样的规则就是动画序列。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐
2021-10-18 16:51:00
48
原创 CSS3 2D转换
2D转换移动：translate旋转：rotate缩放：scale移动translate2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位。语法：transform:translate(x,y); /* 或者分开写 */transform:translateX(n);transform:translateY(n);transform:translate(100px,100px);/* 如果只移动X轴 */transform:trans
2021-10-18 15:05:46
48
原创 HTML5新特性
H5新增语义化标签H5新增视频标签<video src="文件地址" controls="controls"></video>视频标签的属性H5新增音频标签 (audio)支持音频格式：mp3(支持的最多) ，wav，ogg语法规范：<audio src="文件地址" controls="controls"></audio>HTML5新增input表单...
2021-10-18 12:28:04
32
原创 CSS3 定位
相对定位相对定位是元素在移动位置的时候，是相对于它原来的位置来说的特点：它是相对于自己原来的位置来移动的（移动位置的时候参照点是自己原来的位置）原来在标准流的位置继续占有，后面的盒子仍然以标准流的方式对待。（不脱标，继续保留原来位置）因此，相对定位并没有脱标。绝对定位absolute绝对定位是元素在移动位置的时候，是相对于它的祖先元素来说的特点：如果没有祖先元素，或者祖先元素没定位，则以浏览器为准进行定位(Document 文档)如果祖先元素父级有定位(相对、绝对、固定定位)，则以
2021-10-18 11:06:07
54
原创 CSS3 元素居中总结
块级盒子水平居中在盒子已经指定宽度的情况下margin: 0 auto;行内元素或行内块元素水平居中给父元素添加text-align: center
2021-10-18 09:28:45
98
原创 CSS3 选择器权重及权重叠加问题复习
| 选择器 | 权重 ||-继承或者 *-|-0，0，0，0-|| 元素选择器（标签选择器） | 0，0，0，1|| 类选择器，伪类选择器 | 0，0，1，0|| ID选择器 | 0，1，0，0 || 行内样式style="" | 1，0，0，0 || ！important重要的 | 无穷大 |权重可以叠加，但是永远不会进位。...
2021-10-18 09:12:19
81
原创 CSS3 伪元素选择器复习
以element::before{}或者element::after{}的形式创建伪元素选择器。before和after必须由content属性伪元素选择器权重为1伪元素放到父盒子里面的前面或者后面```handlebars<head> <style> div { width: 200px; height: 200px; background-color: pink; .
2021-10-17 08:02:55
58
原创 在码云上创建仓库并使用TortoiseGit 在码云上提交代码
在码云上创建仓库复制橙黄色的链接克隆仓库至本地然后把要上传的文件复制粘贴到克隆出来的文件夹中add操作点击ok之后点击commit，切记！！！！写下说明之后再点commit再点击push这样就创建成功了！！！...
2021-10-16 17:00:03
90
原创 CSS3 三角复习
三角形制作原理给定一个宽度和高度都是0的盒子，设置盒子的上下左右边框为不同颜色，则会生成四个三角形。代码部分div{ width: 0; height: 0; border-top: hotpink 100px solid; border-left: transparent 100px solid; border-right: transparent 100px solid;
2021-10-16 09:26:45
42
原创 CSS3 清除浮动复习
为什么要清除浮动?父盒子在很多情况下不方便给高度，子盒子浮动又不占有位置，最后父盒子高度为0，会影响下边的标准流盒子。清除浮动的方法额外标签法(隔墙法，但平时不常用) W3C推荐父级添加overflow属性父级添加after伪元素给父级添加双伪元素额外标签法在最后一个浮动元素后边添加一个额外标签，添加清除浮动样式。<style> .nav { width: 100px; height: 100px; backgroun
2021-10-16 08:51:43
108
原创 css基础面试题总结
img和background-image的区别img是html的一部分，在需要对图片进行缩放操作，搜索引擎搜索时使用img,img图片作为页面的组成部分而不是修饰部分background-image不是html的一部分，在图片替代文本时使用。img标签的title和altalt是在图片无法加载时使用的提示语，title是在鼠标经过图片显示的文字。...
2021-10-15 12:59:51
74
原创 JS基础总结
1.对象里边的为属性，方法 对象外为变量，函数2.函数的两种声明方法命名函数function fn(){.....}fn();匿名函数var fn=function(){......}fn();3.创建对象的三种方式①字面量创建对象var star={name:’bob’,age:22,sings:function(){console.log(‘huhuhuhuh’);}}②利用new Object创建对象var obj=new Object();obj.
2021-10-15 11:24:38
63
原创 CSS3 进阶，循环精灵图技术
案例分析利用for循环，修改精灵图的backgroundPosition代码及实例<style> *{ margin: 0; padding: 0; } .box{ width: 230px; margin: 100px auto; height: 100px; } ul li{
2021-10-15 11:14:42
105
原创 CSS3 精灵图技术复习
为什么需要精灵图技术？有效的减少服务器接收和发送请求的次数，提高加载效率精灵图技术核心原理将网页中的小图片整合到一张大图中，这样服务器只需要请求一次。精灵图技术主要针对背景图片移动背景图片的位置可以使用 background-position移动的距离为目标图片的x和坐标，一般为负值。代码及实例 <style> .box{ width: 61px;// height: 59px;//要显示出来的小图片的大小
2021-10-15 09:57:05
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人