- 博客(44)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 CSS常见面试题
1.盒子模型有几种类型，区别是什么标准盒模型：宽度=内容的宽度（content）+padding+border+marginIE低版本盒模型：宽度+内容的宽度（content+padding+border）+margin2.box-sizing属性：①content-box：内容的宽度是content②border-box：内容的宽度是content+padding+bor...
2020-03-22 20:44:12
329
原创 JQ链式调用
1. 链式调用形式：$(".box").css("width","200px").css("height","200px").css("background-color","green")2.
2020-03-22 19:32:28
605
原创 Vue调试工具dev-tools的安装
一、下载使用git克隆命令：gitclone，这里给出克隆连接，可以直接克隆：https://github.com/Lq304/Chrome
2020-03-09 21:23:12
419
原创 MVC和MVVM的关系
MVC和MVVM的关系：1.MVC是后端的开发概念 M：Model层，主要处理数据的CRUD，V：View层，前端页面，C：业务逻辑层2.MVVM是前端视图层的概念，MVVM是前端视图层的分层开发思想，主要把每个页面分成了M、V、VM其中，VM是MVVM思 想的核心，因为VM是M和V之间的调度者2.mvvm和mvc区别？它和其它框架（jquery）...
2020-03-09 20:48:27
779
原创 CSS选择器
先来说说CSS中选择器有哪些：！import特殊性最高 对于内联 样式，加1000 ID选择器，加0100 类选择器，加0010 全局选择器，* 组合选择器，.box1 .box2后代选择器.nav ul li群组选择器div,span,img继承选择器div p伪类选择器link、active、hover、visited子选择器di...
2020-01-15 15:39:40
189
原创 闭包
闭包：即重用一个变量，又保护变量不被污染的一种机制。使用闭包在函数外部读取局部变量：function f1(){ var n=999; function f2(){ alert(n); } f2(); // 999 } f1();函数f2()被包在函数f1()内部，f1()内所有局部变量对...
2020-01-14 18:47:14
164
原创 vue中watch和computed的区别
watch监听的是一个变量（或者一个常量）变化，而computed可以监听多个变量，但是这个变量一定是vue实例中的例如，以下代码：watch监听：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...
2019-12-31 00:08:07
212
原创 从输入URL到页面加载的全过程
1.输入网址2.缓存解析3.域名解析4.TCP连接5.浏览器发送HTTP请求6.服务器响应HTTP连接7.关闭TCP连接8.页面渲染
2019-12-30 23:54:39
279
原创 数组去重
1.使用ES6中的Set方法<script>function unique(arr){ return Array.from(new Set(arr));}var arr=[1,2,3,1,4,5,2];console.log(unique(arr));</script>2.使用上层for循环，使用slice方法function unique...
2019-12-28 19:03:04
278
原创 web性能优化方法
一、减少HTTP请求，合理设HTTP缓存减少HTTP请求的数目可以有效提高访问性能，该方法可以通过合并CSS，合并JavaScript，合并图片实现二、使用浏览器缓存 将一个网页的CSS，JavaScript，LOGO，图标等静态资源文件缓存在浏览器中，可以改善性能，该方法可以通过设置http 头中的cache-control和expires的属性，设...
2019-12-28 16:15:13
482
原创 ready()和onload()
1.$(document).ready()执行时机：等待DOM树加载完毕2.window.onload执行时机：等待网页中所有资源加载完毕，才能执行3.两者区别： window.onload() $(document).ready() 加载时机 必须等待网页全部加载完毕（包括图片等），然后再执行 等待DOM树加载完毕，就能执行 执行次数 ...
2019-12-28 15:28:39
262
原创 实现水平垂直居中的布局
面试中经常会问到水平垂直居中布局的方法，下面我们来说说有那几种方法。分两种情况：一、定宽高1.绝对定位和负margin值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi...
2019-12-28 15:03:50
295
原创 两列布局的几种方法
一、双inline-block<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
2019-12-28 13:53:28
783
原创 面试之盒模型
盒模型有两种，一种是W3C标准盒模型，另外一种是IE盒模型，用两张图说一下两种盒模型的区别吧！从图片上可以看出，标准盒模型width和height只是内容的width和height，而IE盒模型的width和height包括content + padding +border在css中可以设置：*{ border-sizing:content-box;//设置标准盒模型...
2019-12-28 13:16:55
183
原创 常见的几种HTTP的状态码
先来看看HTTP的状态码的类别：详解：一、2XX：请求成功：表示成功处理了请求的状态码常见的种类：200：成功，服务器已成功处理了请求，201：已创建，请求成功并且服务器创建了新资源202：已接受，服务器已接受请求，但未处理203：非授权信息服务器已成功处理了请求，但但返回的信息可能来自领一来源204：无内容，服务器已处理了请求，但没有返回内容205：重置内...
2019-12-28 12:47:34
450
原创 事件监听
事件监听：给他一个对象的同一个事件绑定多个不同的函数，需要用到时间监听。在低版本的浏览器中，每个元素和window对象都有两个方法：attach.Event方法和detachEvent方法obj.attachEvent(事件名称,事件函数); //事件监听 obj.detachEvent(事件名称,事件函数); //解除事件监听在标准浏览器中每个支持事件的对象都可以使用addE...
2019-12-28 12:03:52
301
原创 事件委托
事件委托：把原本需要绑在子元素上的响应事件委托给父元素，让父元素担当事件监听的职务，其原理是DOM元素的事件冒泡。事件冒泡：一个事件触发后，会在子元素和父元素之间传播，分为三个阶段：捕获阶段、目标阶段、冒泡阶段图解：事件委托的实例（添加li元素）：<!DOCTYPE html><html lang="en"><head> <...
2019-12-28 09:41:59
244
原创 关于前端中的安全问题及解决方案
前端中常见的安全性问题主要有四种：XSS攻击（跨站脚本攻击）、CSRF（跨站请求伪造）、SQL注入和文件上传漏洞一、XXS攻击（Cross Site Scripting）（跨站脚本攻击）：用户写一些恶意的js代码，来执行一些可以的行为，盗取Cookie信息、会话攻击解决方案：1.输入过滤：在js中对用户输入的数据进行过滤2.将输出的字符串中的反斜杠进行转义3.从url中获取...
2019-12-27 22:56:41
1989
原创 Cookie和Session
一、CookieCookie由服务端生成，发送给客户端，种类有两种：会话Cookie和持久Cookie会话Cookie：保存在内存中，浏览器关闭后就消失了，是暂时的持久Cookie：保存在磁盘中，其存在是长期的作用：在客户端存储用户访问网站的一些信息缺点： ①Cookie会被附加在每个HTTP请求中，所以无形中增加了流量。 ②由于在HTTP...
2019-12-27 22:09:56
171
原创 Git上传项目到远端仓库
1.在要上传的项目文件夹中打开Git命令行2.通过git init，git status，git add命令将将项目的所有文件添加到暂存区3.使用命令git commit -m "项目描述"，将项目提交到git仓库中4.执行命令git remote add origin 仓库名，git push -u origin master...
2019-12-27 21:06:49
173
原创 跨域
跨域：简单的来说就是跨域名访问，即A网站的网页从B网站的服务器获取数据。解决跨域方案：主要来说一共有三种：jsonp，ifrmae，XHR2（XMLHttpRequest Level 2）具体如下：通过jsonp跨域 document.domain+iframe跨域 location.hash+iframe window.name+iframe跨域 postMessage跨...
2019-12-27 17:23:56
215
原创 JS中判断变量类型的方法
JS中判断变量类型的方法一共有两种：① 使用typeof或instance方法(该方法有时候不是很准确)②使用原生JSh中的Object.prototype.toString.call或jQuery中的$.type（该方法比较精确）使用：1.typeof()方法：var num = 123;var str = "123";var nul = null;var bool ...
2019-12-27 00:14:11
548
原创 数据结构之链式存储结构和顺序存储结构
顺序存储结构：定义：在计算机中用一组地址连续的存储单元依次存储线性表的各个数据元素，以数据元素为单位，按数据元素在表中的次序存储。优点：不用为表示节点间的逻辑关系而增加额外的存储开销。 具有按元素序号随机访问的特点。缺点：插入和删除操作需要大量元素 当线性表长度变化较大时，难以确定存储空间的容量 容易造成存储空间的“碎片”链式存储结构：种类：单链表、循环链表和双向链表...
2019-12-26 23:36:02
3091
原创 JS的数据类型
一、栈（stack）和堆（heap）在说JS的数据类型之前，我们先区别一下栈和堆。stack为自动分配的内存空间，它有系统自动释放，而heap则是动态分配的空间，大小也不一定会自动释放。二、数据类型JS的数据类型分为两大类：基本数据类型和引用数据类型，下面我们来说说两者的区别。基本数据类型(可以直接操作，保存在变量中的实际值)：Number：数字类型，如 var i = ...
2019-12-26 22:25:00
275
原创 HTTP和HTTPS
一、基本概念①HTTP： 全称：Hypertext Transfer Protocol Vertion （超文本传输协议），是互联网上应用最广泛的一种网络协议。 作用：用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。 默认端口：80 架构：基于客户机/服务机（C/S）模式的 结构：协议://域名/文件名②HTTPS：...
2019-12-26 21:06:21
564
原创 如何给数组添加一个自定义方法
使用prototype为数组添加自定义方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-12-26 20:35:47
1340
原创 Prototype、construct和__proto__的区别
1.prototype（函数特有的属性-原型对象）：每创建一个函数，就会有一个prototype属性，这个属性是一个指针，指向一个原型对象，而这个对象的用途是包含由特定类型或者实例共享的属性和方法对于构造函数来说，prototype是作为构造函数的属性；对于对象实例来说，prototype是对象实例的原型对象。所以prototype即是属性，又是对象。 function fn...
2019-12-26 20:15:51
756
原创 KNN算法实现
一、题目名称：KNN算法——分类二、题目描述如果一个样本在特征空间中的k个最邻近的样本中的大多数属于某一个类别，则该样本也划分为这个类别三、算法分析1）计算测试数据与各个训练数据之间的距离； 2）按照距离的递增关系进行排序； 3）选取距离最小的K个点； 4）确定前K个点所在类别的出现频率；5）返回前K个点中出现频率最高的类别作为测试数据的预测分类注意（k的...
2019-10-09 20:45:32
565
1
原创 用HTML做一个简单漂亮的页面
HTML部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
2019-07-09 19:58:38
52299
49
原创 将非负十进制整数n转换成b进制。（其中b=2~16）
一、题目名称：将非负十进制整数n转换成b进制。（其中b=2~16）二、算法设计：1.使用递归方法：递归出口：当输入的十进制整数为0时，退出函数，当输入的十进制数不为0时，进行将十进制数转化为任意进制的数的操作函数出口：当输入的十进制数为0时函数体：change（num,n）=change（num/n,n） 2.非递归方法：当输入的十进制数大于0时，进行求余运算，判断转...
2019-06-08 11:19:21
539
原创 赶鸭子和角谷定理的递归方法及非递归方法
一、实验目的掌握递归程序设计的方法。明确递归的概念，通过对问题的分析，找出递归关系以及递归出口以对问题进行递归结构设计；2.掌握递归程序转换为非递归程序的方法。二、实验内容 用递归方法设计下列各题，并给出每道题目的递归出口（递归结束的条件）和递归表达式。同时考虑题目可否设计为非递归方法，如果可以，设计出非递归的算法。1.一个人赶着鸭子去每个村庄卖，每经过一个村子卖去所赶鸭子的...
2019-05-27 20:52:58
742
原创 最组件化开发
一．实验目的掌握组件化开发的概念，了解CORBA模型及ORB机制； 掌握CORBA组件编程方法。二、实验内容步骤：1.配制环境JDK环境。2.编写编译IDL接口。3.编写编译服务端程序。4.编写编译客户端程序。5.运行测试与调试。6.完成报告。题目1：Java版CORBA程序1——HelloWorld题目2：JAVA版CORBA程序2——Counter...
2019-05-18 13:35:15
235
原创 随机数Java
题目：利用Random类来产生任意个随机数，并且可以确定范围，同时统计出随机数重复的次数代码实现package MyRandom;import java.util.*;public class MyRandom { //public class MyRandom { //private static int num[] = new int[100]; // ...
2019-05-15 17:18:29
234
原创 编写一个程序，实现字符串大小写的转换并倒叙输出
题目：编写一个程序，实现字符串大小写的转换并倒叙输出。要求如下：（1）使用for循环将字符串“HelloWord”从最后一个字符开始遍历。（2）遍历的当前字符如果是大写字符，就使用toLowerCcase（）方法将其转换为小写字符，反之，则使用toUpperCase（）方法将其转换为大写字符。（3）定义一个StringBuffer对象，调用append（）方法依次添加遍历的字符，最...
2019-05-15 17:11:05
4693
原创 数字游戏
基本操作：1.玩家输入1-100范围内的数字2.系统利用随机函数产生随机函数3.用随机数与玩家输入的数字进行比较，如果玩家输入的数字大于随机数，则打印输出“真不好意思，你猜大了”；如果玩家输入的数字小于随机数，则打印输出“Sorry，猜小了，继续加油哦！”；否则，打印输出“这个数字是...”算法实现package File;import java.util.Scanne...
2019-05-15 17:02:40
231
原创 KFC收银系统
一．实验目的1.掌握面向对象程序设计的方法。明确类与对象的概念，掌握面向对象设计七大原则；2.掌握常见的设计模式以及类图的描述。二、实验内容同学们应该都去麦当劳或肯德基吃过快餐吧？请同学们参考肯德基官网的信息模拟肯德基快餐店的收银系统，合理使用C++或Java或Python结合设计模式（2种以上）至少实现系统的以下功能：1.正常餐品结算和找零。2.基本套餐结算和找零。3...
2019-05-10 23:38:23
381
原创 第四章 面向对象程序设计方法
一、实验目的1) 熟悉建模工具。2) 掌握简单工厂模式、工厂方法模式、抽象工厂模式，并进行设计应用。二、实验内容（1）简单工厂模式使用简单工厂模式模拟女娲（Nvwa）造人（Person），如果传入参数M，则返回一个Man对象，如果传入参数W，则返回一个Woman对象，请实现该场景。现需要增加一个新的Robot类，如果传入参数R，则返回一个Robot对象，对代码进行修改并注意女娲...
2019-05-03 11:11:28
668
原创 RPG角色生成器
一．实验目的1.掌握面向对象程序设计的方法。明确类与对象的概念，掌握面向对象设计七大原则；2.掌握常见的设计模式以及类图的描述。二、实验内容1.功能描述几乎所有的RPG游戏（一种源自《龙与地下城》的游戏类型）在进入游戏时都会让用户自己来创建自己喜欢的角色。本次上机要求编写一个简化的创建游戏角色的程序。2.游戏角色应有的属性本题目要求的游戏角色应有以下属性：名字、性别、种...
2019-04-18 17:24:00
636
原创 24点游戏
一、题目分析基本要求：随机生成4个代表扑克牌牌面的数字字母，程序自动列出所有可能算出24的表达式，用擅长的语言（C/C++/Java或其他均可）实现程序解决问题。1.程序风格良好(使用自定义注释模板)2.列出表达式无重复。提高要求：用户初始生命值为一给定值（比如3），初始分数为。随机生成4个代表扑克牌牌面的数字或字母，由用户输入包含这4个数字或字母的运算表达式（可包含括号），如果表...
2019-04-10 17:08:08
329
原创 单词小助手的
一、实验目的1.明确结构化程序设计的基本结构。2.通过对问题的分析，设计合理的结构化程序解决问题。二、实验内容该程序为单词小助手，要求完成以下任务：1.改写程序为良好程序风格（文档注释，函数注释，语句注释）。2.将单词测试中的功能完善，可针对做错的单词重复记忆。3.查询单词的功能添加英文词查询，中文查询的功能完善（考虑如何显示同样中文意义，不同的英文单词）提高要求：可将程序中的不...
2019-04-04 22:20:59
356
空空如也
vue项目请求百度地址怎么获取html文件
2022-09-26
el-table 页面刷新的问题
2022-08-31
element-ui 中 Cascader 级联选择器有没有什么办法获取它是否被全选
2021-12-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人