前端
文章平均质量分 65
Mark sheng
一切阻挡你成功的都是借口
展开
-
array对象(数组)
什么是数组?数组对象是使用单独的变量名来存储一系列的值。创建一个数组创建一个数组,有三种方法。1: 常规方式:var myCars=new Array();myCars[0]="Saab";myCars[1]="Volvo";myCars[2]="BMW";2: 简洁方式:var myCars=new Array("Saab","Volvo","BMW");3: 字面:var myCars=["Saab","Volvo","BMW"];...原创 2021-09-01 13:46:36 · 364 阅读 · 0 评论 -
JS之温故而知新(marksheng)
模板字符串(超级字符串)var name = '小明';var age = 20;var message = `你好, ${name}, 你今年${age}岁了!`;alert(message);toUpperCasetoUpperCase()把一个字符串全变大写:var s = 'Hello';s.toUpperCase(); // 返回'HELLO'toLowerCasetoLowerCase()把一个字符串全变小写:var s = 'Hello';..原创 2021-07-15 11:36:01 · 133 阅读 · 0 评论 -
前端向后端调用接口的方式
axios(常用)接口由URL和HTTP方法构成,URL为接口的地址,HTTP方法指的是GET, PUT, DELETE等等传输方式。GET方式:axios.get().then().catch()注:get方式传参数可以直接跟在url后面,也可以通过param对象传POST方式:axios.post().then().catch()注:post方式传参必须用对象传...原创 2021-06-29 13:42:26 · 9073 阅读 · 0 评论 -
什么是接口?
1、什么是接口? 接口一般来讲分为两种:(1)程序内部的接口:方法与方法、模块与模块之间的交互,程序内部抛出的接口,如登录发帖,发帖就必须要登录,如果不登录不能发帖,发帖和登录这两个模块之间就要有交互,就会抛出一个接口,进行内部系统调用。(2)系统对外的接口:从别人的网站或服务器上获取资源或信息,对方不会提供数据库共享,只能提供一个写好的方法来获取数据,如购物网站和第三方支付之间,购物网站支付时可选择第三方支付方法,但第三方不会提供自己的数据库给购物网站,只会提供一个接口,供购物网站进行调...原创 2021-05-24 11:55:24 · 1484 阅读 · 0 评论 -
2021-05-17
1.前端有几种跨域?分别是什么?9种,分别是:jsonp、cors、postMessage、document.domain、window.namelocation.hash、http-proxy 、nginx 、websocket常用的是jsonp: script的src属性不受同源策略的限制 将不同源的服务器端请求地址写在 script 标签的 src 属性中 2.vue如何设置反向代理?下载 Nginx 设置nginx的配置文件,在server中添加监听的端..原创 2021-05-20 21:42:12 · 84 阅读 · 0 评论 -
Vue Nginx反向代理配置 解决生产环境跨域
Vue本地代理编辑好后,能实现跨域获取接口数据,但是打包后在生产环境接口报错404,要怎样才能解决生产环境跨域问题呢?在开发环境配置好本地代理后,使用Nginx反向代理解决生产环境跨域问题,Nginx反向代理配置非常简单,大概三步就能实现;一、下载 Nginx 下载地址:http://nginx.org/en/download.html 打开如图所示: 一般第一个是最新版,第二个是稳定版,点击最新版或者稳定版下载都可以;二、修改配置文件 下载好nginx后就可以.原创 2021-05-17 19:45:04 · 466 阅读 · 0 评论 -
前端问原理应该怎么答?
回答流程如下:如果是英文词汇就先翻译成中文 一句话描述该技术的用途 描述该技术的核心概念或运作流程 口述该技术的代码书写思路 该技术的优点 该技术的缺点 如何弥补缺点接下来实战:请问 AJAX 的原理是什么?AJAX 就是异步的 JS 和 XML 的缩写,目前我们一般用 JSON 代替 XML。 AJAX 主要用于在不刷新页面的情况下向浏览器发起请求并接受响应,最后局部更新页面。 该技术最核心概念是 XMLHttpRequest 对象,该对象可发起 HTTP 请求,我们可原创 2021-05-17 15:20:33 · 84 阅读 · 0 评论 -
前端面试题总结(终极私人VIP版) 连更中......
注意:加粗的字体为速记的文本(核心点)1、 响应式布局如何实现响应式布局可以让网站同时适配不同分辨率和不同的手机端,让客户有更好的体验。方案一:百分比布局利用对属性设置百分比来适配不同屏幕,注意这里的百分比是相对于父元素; 能够设置的属性有 width、height、padding、margin,其他属性比如 border、font-size 不能用百分比设置的,先看一个简单例子:顶部是利用设置图片 width: 50%来适应不同的分辨率,由于原始图片高度不同,所以第一张图片顶部会有空白,这种情原创 2021-05-17 10:41:00 · 120 阅读 · 0 评论 -
前端知识点整理
标准盒模型和怪异盒模型(marksheng) js 文字转码 escape,encodeURI,encodeURIComponent(marksheng) try catch 用法(marksheng) 前端调用api接口方法总结(marksheng版) path.resolve()理解(marksheng) 同步异步与执行栈(marksheng背诵简约版) npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别(ma..原创 2021-05-06 17:55:55 · 226 阅读 · 3 评论 -
flex布局(marksheng版)
一、flex布局是什么Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex布局。.box{ display: inline-flex;}Webkit内核的浏览器,必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}...原创 2021-05-10 19:44:48 · 132 阅读 · 0 评论 -
教务出题,全栈请求出战5678(marksheng)
第五周1.JS判断数据类型的方法① typeof:基本数据类型没有问题,引用数据类型有问题。当变量是:number, string, boolean, function, undefined, object类型时,可以使用typeof进行判断。当变量是arr, json, null, date, reg, error 类型时全部被错误的检测为object类型。② instanceof:基本数据类型会有问题,而引用数据类型没有问题。优点://基本数据类型console.log("1原创 2021-05-08 07:53:04 · 318 阅读 · 1 评论 -
日常总结2
学习内容:今天我们学习了uni-app,路由得传值和头部,身体,尾部得整体布局和下拉刷新上拉加载得技术引入自定义顶部组件效果:PS:父组件向子组件传参使用的是props,后面可以看到打印出来的传参。首先在pages.json中定义每一个要显示得路由,和样式和字体大小颜色等。"text":"首页", "pagePath":"pages/index/index", "iconPath":"static/face_13.jpg", "selectedIconPa...原创 2021-05-07 22:28:59 · 115 阅读 · 0 评论 -
面试题2(marksheng)
1.JS判断数据类型的方法① typeof:判断基本数据类型当变量是:number, string, boolean, function, undefined, object类型时,可以使用typeof进行判断。当变量是arr, json, null, date, reg, error 类型时全部被错误的检测为object类型。② instanceof:判断引用数据类型优点://基本数据类型console.log("1" instanceof String); //false原创 2021-05-06 08:09:22 · 143 阅读 · 0 评论 -
前端面试题整理
前端高频面试题(实训二) P7小实训面试题大全(marksheng) 教务出题,全栈请求出战1234(marksheng)原创 2021-05-07 07:48:19 · 207 阅读 · 0 评论 -
集云教育面试宝典竞技爆破(marksheng——收集版)
一、HTTPhttp有哪些方法:(常用方法GET 和 POST )1.GET 获取资源,GET 方法用来请求访问已被 URI 识别的资源。指定的资源经服务器端解析后返回响应内容。也就是说,如果请求的资源是文本,那就保持原样返回;2.POST 传输实体,虽然 GET 方法也可以传输主体信息,但是便于区分,我们一般不用 GET 传输实体信息,反而使用 POST 传输实体信息,3.PUT 传输文件 、4.HEAD 获得响应首部、5.DELETE 删除文件、6.OPTIONS 询问支持的方法、7..原创 2021-04-16 08:15:54 · 81 阅读 · 0 评论 -
js 文字转码 escape,encodeURI,encodeURIComponent(marksheng)
js对文字进行转码的3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。例如:<script language="javascript">document.write('<a href="http:/...转载 2021-04-15 16:09:59 · 1577 阅读 · 0 评论 -
什么是HTTP协议?
认识 HTTP首先你听的最多的应该就是 HTTP 是一种 超文本传输协议(Hypertext Transfer Protocol),这你一定能说出来,但是这样还不够,假如你是大厂面试官,这不可能是他想要的最终结果,我们在面试的时候往往把自己知道的尽可能多的说出来,才有和面试官谈价钱的资本。那么什么是超文本传输协议?超文本传输协议可以进行文字分割:超文本(Hypertext)、传输(Transfer)、协议(Protocol),它们之间的关系如下按照范围的大小 协议 > 传输 > 超文本原创 2021-04-14 08:08:05 · 255 阅读 · 0 评论 -
Vue必备(marksheng)
1.插槽匿名插槽:子组件<slot><slot> 父组件<child>今天天气阳光明媚<child>具名插槽:子组件<slot name="footer"><slot> 父组件<child> <template> <p>今天天气挺好<p> <template> <child>作用域插槽:子组件<slot...原创 2021-03-27 15:45:27 · 145 阅读 · 0 评论 -
Vue六种传值方式(marksheng珍藏版)
Vue六种传值方式前言:六种传值方式为:属性传值 $refs $parent 通知传值(广播传值) 本地传值 路由传值在介绍组件传值之前先明确三种组件关系:父子组件、兄弟组件、无关系组件上图关系基于:A、B组件同一时刻只存其一的情况下,其中:A是C、D、E的父组件,B是F、G、H的父组件 C、D、E是A的子组件,F、G、H是B的子组件 C和D、E是兄弟组件,F和G、H是兄弟组件。但E、F不是兄弟组件 A和B是无关系组件,E和F也是无关系组件...原创 2021-03-25 14:36:36 · 164 阅读 · 0 评论 -
js原型链,继承和promis的基本理解
一、原型链开局一张图prototype每个函数都有一个prototype属性,被称为显示原型2._ proto _每个实例对象都会有_ proto _属性,其被称为隐式原型每一个实例对象的隐式原型_ proto _属性指向自身构造函数的显式原型prototypeconstructor每个prototype原型都有一个constructor属性,指向它关联的构造函数。原型链获取对象属性时,如果对象本身没有这个属性,那就会去他的原型__proto__上去找,如果还查不到,就去找原创 2020-11-24 18:13:03 · 2501 阅读 · 7 评论 -
P7小实训面试题大全(marksheng)
目录HTML&CSS盒模型与BFC1. 什么是盒子模型?2.盒子模型有哪两种3.标准和怪异模型的转换4.JS盒模型5.对BFC规范(块级格式化上下文:block formatting context)的理解?6.瀑布流原理7.h5 和css3 的新特性JavaScript4.垃圾回收机制5.什么是内存泄漏?6.Vue 中的内存泄漏问题7.js的数据类型、堆栈存储、多数据类型计算12.js中数组排序(冒泡、快速、插入)13.深...原创 2021-01-06 19:11:30 · 1944 阅读 · 0 评论 -
什么是跨域?跨域解决方法(重中之重)
跨域 以前也不懂,但是慢慢就会理解了,咱们学习的前端大概一部分就是网站域名交互一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(prot...原创 2021-01-06 07:35:14 · 183 阅读 · 0 评论 -
js生成随机数/数组(marksheng)
生成范围内随机数javascriptfunction rand(min,max) { return Math.floor(Math.random()*(max-min))+min;}生成随机数组简单的随机生成```javascriptfunction randArray(len, min, max) { return Array.from({length:len}, v=> Math.floor(Math.random()*(max-min))+min...转载 2021-01-06 07:35:37 · 2499 阅读 · 0 评论 -
路由导航守卫有几种,如何实现(marksheng)
一、全局路由守卫所谓全局路由守卫,就是小区大门,整个小区就这一个大门,你想要进入其中任何一个房子,都需要经过这个大门的检查全局路由守卫有个两个:一个是全局前置守卫,一个是全局后置守卫router.beforeEach((to, from, next) => { console.log(to) => // 到哪个页面去? console.log(from) => // 从哪个页面来? next() => // 一个回调函数}router.afterEach(to,fr原创 2021-01-05 14:44:13 · 1681 阅读 · 0 评论 -
Ajax 是什么?以及如何创建 Ajax?(marksheng)
1、Ajax 并不算是一种新的技术,全称是 asychronous javascript and xml,可以说是已有技术的组合,主要用来实现客户端与服务器端的异步通信效果,实现页面的局部刷新,早期的浏览器并不能原生支持 ajax,可以使用隐藏帧(iframe)方式变相实现异步效果,后来的浏览器提供了对 ajax 的原生支持 .2、**使用 ajax 原生方式发送请求主要通过 XMLHttpRequest( 标准浏览器 ) 、 ActiveXObject(IE 浏览器)对象实现异步通信效果 .**原创 2021-01-05 14:39:31 · 121 阅读 · 0 评论 -
promise异步加载图片(marksheng)
promise异步加载图片://函数直接调用,在.then中进行成功的操作,在.catch中进行失败的各种操作. function loadImageAsync(url){return new Promise((resolve,reject)=>{let image=new Image();image.onload=function(){resolve(image);};image.onerror=function(){reject(new Er...原创 2021-01-05 14:35:22 · 208 阅读 · 0 评论 -
继承的概念(marksheng)
ES5 有 6 种方式可以实现继承,分别为:**1.原型链继承**原型链继承的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。缺点:1通过原型来实现继承时,原型会变成另一个类型的实例,原先的实例属性变成了现在的原型属性,该原型的引用类型属性会被所有的实例共享。2在创建子类型的实例时,没有办法在不影响所有对象实例的情况下给超类型的构造函数中传递参数。**2.借用构造函数**借用构造函数的技术,其基本思想为:在子类型的构造函数中调用超类型构造函数。优点:1可以向超类传递参数原创 2021-01-05 14:25:27 · 159 阅读 · 0 评论 -
h5 和css3 的新特性(marksheng)
CSS3新特性有哪些?答:1.颜色:新增RGBA,HSLA模式2. 文字阴影(text-shadow、)3.边框: 圆角(border-radius)边框阴影: box-shadow4. 盒子模型:box-sizing5.背景:background-size 设置背景图片的尺寸background-origin 设置背景图片的原点background-clip 设置背景图片的裁切区域,以”,”分隔可以设置多背景,用于自适应布局6.渐变:linear-gradient、radial-grad原创 2021-01-05 14:16:05 · 176 阅读 · 0 评论 -
meta 标签内属性及详解(marksheng)
name 属性1.keywords用于告诉搜索引擎,你网页的关键字。举例:<meta name="keywords" content="博客,前端">2.description用于告诉搜索引擎,你网站的主要内容。举例:<meta name="description" content="这是我的前端博客">3. viewport(移动端的窗口)<meta name="viewport" content="width=device-width, initial-scal原创 2021-01-05 14:08:10 · 835 阅读 · 0 评论 -
http 状态码,和三次握手和四次挥手相关问题(Marksheng)
(1)http 状态码: 1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码2xx (成功)表示成功处理了请求的状态码。常见的 2 开头的状态码有:200 – 服务器成功返回网页3xx (重定向)表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向常见的 3 字开头的状态码有:301(永久移动) 请求的网页已永久移动到新位置。 服务器返回此响应时,会自动将请求者转到新位置。302(临时移动) 服务器目前从不同位置的网页响应请求,但请求者应继续使用原...原创 2021-01-05 14:02:39 · 260 阅读 · 0 评论 -
数组常用的的方法(Marksheng)
数组的方法1. join (原数组不受影响) 该方法可以将数组里的元素,通过指定的分隔符,以字符串的形式连接起来。返回值:返回一个新的字符串//将数组用 - 符号连接起来let arr = [1,2,3,4,5];let str = arr.join('-');console.log(str)//str = 1-2-3-4-5;2. split (原数组不受影响) 该方法是用过指定的分隔符,将字符串分割成数组。返回值:返回一个新的数组let str = wqz-t原创 2021-01-05 11:48:31 · 159 阅读 · 0 评论 -
rem的布局原理(Marksheng)
rem布局em和rem的认识在布局中,除了px之外,还有两个常见的单位,em和remem:相对于当前元素的字体大小→1em = 当前标签的font-sizerem:相对于根元素(html)的字体大小→1rem = html标签的font-size浏览器默认的font-size的大小为16pxrem布局的效果:屏幕越大,标签就越大 屏幕越小,标签就越小rem布局的原理:通过媒体查询的方式动态改变html标签的font-size的大小当屏幕越大,让ht...原创 2021-01-05 09:17:16 · 3048 阅读 · 2 评论 -
学会自我学习(自律性)
阶段性反馈机制(如何持之以恒、让自己发疯)反馈机制是王者荣耀的核心武器,击杀野怪获得金币,击杀敌人之后的画面、音效刺激大脑,不断地努力,获得奖励是我们不断的玩这个游戏的主要原因,也是人的本能,我什么都得不到凭什么这么做?,对记得初二的时候,父亲说如果你能考全校第三我就给你买一台电脑,当时我从全校xx名考到了全校第x名,而这只用了一个月的时间,还有,我希望给电脑换一个内存条,为什么?因为我希望电脑变得很快,对奖励机制十分重要,所以如果想要努力的做一件事情,就要反复的告诉自己我如果做成功了,能得到什么?而能原创 2021-01-04 20:36:19 · 2479 阅读 · 1 评论 -
浅谈ES6中的promise(Marksheng)
控制台输出 console.log(promise)1.什么是Promise (结合上图得出结论)Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。(ps:什么是原型:https://blog.csdn.net/qq_37430247/article/details/112193991)Promise对象有以下两个特点。(1)对象的状态不受外界影响。Promise对象代表一个异步操.原创 2021-01-04 20:31:34 · 145 阅读 · 0 评论 -
js中的原型与原型链
一、什么是原型原型:每一个javascript对象(除null外)创建的时候,都会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型中“继承”属性。例如var obj = new Object();创建一个对象的时候都会同时关联一个对象,如图,关联的这个对象就是新建的对象obj的原型二、prototype在JavaScript中,每个函数都有一个prototype属性,这个属性指向函数的原型对象。(ps:函数其实也是一个对象,所以与上述一、中的例子不冲突)原创 2021-01-04 18:43:45 · 254 阅读 · 0 评论 -
px和em的区别
相同点:px和em都是长度单位;异同点:px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。...原创 2021-01-03 10:10:30 · 308 阅读 · 0 评论 -
cookies sessionStorage和localstorage区别
请描述一下 cookies sessionStorage和localstorage区别相同点:都存储在客户端不同点:1.存储大小·cookie数据大小不能超过4k。·sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。2.有效时间·localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;·sessionStorage 数据在当前浏览器窗口关闭后自动删除。·cookie...原创 2021-01-03 09:35:28 · 175 阅读 · 0 评论 -
P7面试题库(某企业面试题库)
1、 响应式布局如何实现响应式布局可以让网站同时适配不同分辨率和不同的手机端,让客户有更好的体验。方案一:百分比布局利用对属性设置百分比来适配不同屏幕,注意这里的百分比是相对于父元素; 能够设置的属性有 width、height、padding、margin,其他属性比如 border、font-size 不能用百分比设置的,先看一个简单例子:顶部是利用设置图片 width: 50%来适应不同的分辨率,由于原始图片高度不同,所以第一张图片顶部会有空白,这种情况最好两张图片宽高保持一致,如果使用强制高原创 2020-12-25 11:32:16 · 5730 阅读 · 0 评论 -
如何向打游戏一样学习?(摘自大佬,如有冒犯,请多包涵)
阶段性反馈机制(如何持之以恒、让自己发疯)反馈机制是王者荣耀的核心武器,击杀野怪获得金币,击杀敌人之后的画面、音效刺激大脑,不断地努力,获得奖励是我们不断的玩这个游戏的主要原因,也是人的本能,我什么都得不到凭什么这么做?,对记得初二的时候,父亲说如果你能考全校第三我就给你买一台电脑,当时我从全校xx名考到了全校第x名,而这只用了一个月的时间,还有,我希望给电脑换一个内存条,为什么?因为我希望电脑变得很快,对奖励机制十分重要,所以如果想要努力的做一件事情,就要反复的告诉自己我如果做成功了,能得到什么?而能原创 2020-12-17 09:20:19 · 2360 阅读 · 1 评论