Mark Sheng的博客

原创 js之购物车代码逻辑

<template> <div class="about"> <div> <table style="width: 1000px;"> <tr> <!-- <th><h1>购物车</h1></th> --> </tr> <tr> <th><input type="checkbox" @cha.

原创 前端知识点整理

标准盒模型和怪异盒模型(marksheng) js 文字转码 escape,encodeURI,encodeURIComponent（marksheng） try catch 用法(marksheng) 前端调用api接口方法总结(marksheng版) path.resolve()理解（marksheng） 同步异步与执行栈（marksheng背诵简约版） npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别(ma..

原创 前端面试录音整理（私人版）

一、恒天财富自我介绍顺序：姓名，年龄，来自哪里，工作年限，供职了几家公司，分别供职时长，任职期间做过的项目，用到的技术栈，工作方式，学习方式，性格等。自我介绍：小明 25 北京工作了三年供职于两家公司 ：河南的慧谷科技有限公司，北京汇店通科技有限公司工作过供职时长：无做过的项目比较多：因为是两家都是外包公司，做过电商类，旅游类，教育类用到的技术栈：vue全家桶，es6，JavaScript，bootstrap，还有element等一些组件的快速开发，比较...

转载 js 文字转码 escape,encodeURI,encodeURIComponent（marksheng）

js对文字进行转码的3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。例如：<script language="javascript">document.write('<a href="http:/...

原创 学会自我学习（自律性）

阶段性反馈机制（如何持之以恒、让自己发疯）反馈机制是王者荣耀的核心武器，击杀野怪获得金币，击杀敌人之后的画面、音效刺激大脑，不断地努力，获得奖励是我们不断的玩这个游戏的主要原因，也是人的本能，我什么都得不到凭什么这么做？，对记得初二的时候，父亲说如果你能考全校第三我就给你买一台电脑，当时我从全校xx名考到了全校第x名，而这只用了一个月的时间，还有，我希望给电脑换一个内存条，为什么？因为我希望电脑变得很快，对奖励机制十分重要，所以如果想要努力的做一件事情，就要反复的告诉自己我如果做成功了，能得到什么？而能

原创 如何学会自主学习？（精品）

阶段性反馈机制（如何持之以恒、让自己发疯）反馈机制是王者荣耀的核心武器，击杀野怪获得金币，击杀敌人之后的画面、音效刺激大脑，不断地努力，获得奖励是我们不断的玩这个游戏的主要原因，也是人的本能，我什么都得不到凭什么这么做？，对记得初二的时候，父亲说如果你能考全校第三我就给你买一台电脑，当时我从全校xx名考到了全校第x名，而这只用了一个月的时间，还有，我希望给电脑换一个内存条，为什么？因为我希望电脑变得很快，对奖励机制十分重要，所以如果想要努力的做一件事情，就要反复的告诉自己我如果做成功了，能得到什么？而能

原创 P7面试题库（某企业面试题库）

1、 响应式布局如何实现响应式布局可以让网站同时适配不同分辨率和不同的手机端，让客户有更好的体验。方案一：百分比布局利用对属性设置百分比来适配不同屏幕，注意这里的百分比是相对于父元素； 能够设置的属性有 width、height、padding、margin，其他属性比如 border、font-size 不能用百分比设置的，先看一个简单例子：顶部是利用设置图片 width: 50%来适应不同的分辨率，由于原始图片高度不同，所以第一张图片顶部会有空白，这种情况最好两张图片宽高保持一致，如果使用强制高

原创 H5音乐标签实现网页自动播放和隐藏

网页播放音乐如果不能自动播放，用iframe放在body最下面。即可运行。 <iframe src = "no.mp3" allow = "autoplay" hidden />

原创 如何向打游戏一样学习？（摘自大佬，如有冒犯，请多包涵）

阶段性反馈机制（如何持之以恒、让自己发疯）反馈机制是王者荣耀的核心武器，击杀野怪获得金币，击杀敌人之后的画面、音效刺激大脑，不断地努力，获得奖励是我们不断的玩这个游戏的主要原因，也是人的本能，我什么都得不到凭什么这么做？，对记得初二的时候，父亲说如果你能考全校第三我就给你买一台电脑，当时我从全校xx名考到了全校第x名，而这只用了一个月的时间，还有，我希望给电脑换一个内存条，为什么？因为我希望电脑变得很快，对奖励机制十分重要，所以如果想要努力的做一件事情，就要反复的告诉自己我如果做成功了，能得到什么？而能

原创 IT行业接项目的方法总结（接私活可用）

首先了解下众包和外包的区别：外包：外包是将项目承包给外包公司，由外包公司的程序员进行开发；众包：众包是将项目承包给多个独立的开发者，他们不隶属于任何公司，用自己的业余时间接私活，进行开发。接单的方法：朋友介绍 如果自己工作的时间长，熟悉软件行业，人缘好，认识的朋友多，单子会比较多。 社交平台 通过QQ群、微信朋友圈、微博、百度贴吧、百度知道、知乎等社交平台，发布自己的作品，吸引客户前来洽谈。 自有渠道 通过自己的博客和网站，展示自己的开发实力和作品，同时做好搜索引擎优化，让

原创 nodejs 面试题（个人总结）

什么是nodejs？我们在哪里使用它 Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。 为什么要使用node js Node是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用作为web前端开发人员需要了解一门后台语言对于前端开发人员nodejs 更容易上手 nodejs有哪些特点 RESTf..

原创 Vue做项目必备（节省80%时间，持久更新，不讲武德）

Vue脚手架中盒子高度设置问题：height:100vh; //es6语法1、vue中sass安装使用============================================================npm install node-sass -Dnpm install [email protected] --save-dev卸载sass-loader：npm uninstall sass-loader快捷安装：cnpm install node-......

原创 js原型链，继承和promis的基本理解

一、原型链开局一张图prototype每个函数都有一个prototype属性，被称为显示原型2._ proto _每个实例对象都会有_ proto _属性,其被称为隐式原型每一个实例对象的隐式原型_ proto _属性指向自身构造函数的显式原型prototypeconstructor每个prototype原型都有一个constructor属性，指向它关联的构造函数。原型链获取对象属性时，如果对象本身没有这个属性，那就会去他的原型__proto__上去找，如果还查不到，就去找

原创 2023前端面试题汇总

2.数组去重。

原创 面试官常问到的问题

面试官常问到的问题

原创 面试官常问的前端知识

vue是一个开源的javascript框架，用来构建页面和美化样式及用户交互提供了便捷，最大的特性是数据驱动。

原创 JS学习笔记Mark

x,y 为 undefined， z 为 1多个变量不能赋一个值，最后一个才有值，其余都是UNdefind未使用值来声明的变量，其值实际上是 undefined。var carname;重新声明 JavaScript 变量，该变量的值不会丢失：2015 年以前，我们使用 var 关键字来声明 JavaScript 变量。ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。ES6 之前，JavaScript 只有两种作用域： 全局变量 与 函数内的局

原创 MongoDB可视化工具--MongoDB Compass使用

一、启动MongoDB 在命令行中可直接输入>mongo即可，显示如下： 在MongoDB Compass比较简单，可以选择默认的服务器、接口和None认证，然后点击CONNECT即可：二、创建、删除数据库2.1创建数据库 进入页面之后，点击CREATE DATABASE，创建数据库。例如：创建数据库mybooks，并且创建一个集合books，如下： 然后点击CREATE DATABASE后，数据库mybooks就建立了。...

原创 JS常用方法

split()方法把一个字符串分割成字符串数组：var str="How are you doing today?";var n=str.split(" ");n输出一个数组的值:How,are,you,doing,today?random()方法返回介于 0（包含） ~ 1（不包含） 之间的一个随机数：Math.random();输出结果：0.64631405494664061 到 10 之间的一个随机数：Math.floor((Math.ra...

原创 Vue.js 2.0 教程

Vue.js 介绍Vue.js（读音 /vjuː/, 类似于view） 是一套构建用户界面的渐进式框架。Vue.js安装# 全局安装vue-cli $ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖，走你$ cd my-project $ npm install $ npm run dev插值<span>M...

原创 前端笔记(连更中)

111111

原创 前端环境配置

一、建立.env系列文件vue项目使用.env文件配置全局环境变量：.env 全局默认配置文件，不论什么环境都会加载合并 .env.development 开发环境 .env.test 测试环境 .env.production 生产环境=========================================================================文件内容：注意：属性名必须以VUE_APP_开头，比如VUE_APP_XXX============

原创 前端问题锦集

1.gethttp://172.28.15.187:8080/sockjs-node/info?t=1631163185130 net::err_connect如果你遇到以下情况说明你来对地方了进入/node_modules/sockjs.-client/dist/sockjs.js将大约1606行左右的self.xhr.send(payload)注释完美解决...

原创 element常用代码合集

增 （this.DataList.push(newData)）点击按钮弹出对话框，填写添加内容<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button><el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> <.

原创 TypeError: this.getResolve is not a function

问题描述：安装sass-loader依赖之后，npm run dev，项目报错：TypeError: this.getResolve is not a function决绝办法：把项目package.json文件中sass-loader版本改为7.3.1。执行命令，重新npm i就好了！

原创 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"];...

原创 Postman接口测试工具

该篇文章针对已经掌握 Postman 基本用法的读者，即对接口相关概念有一定了解、已经会使用 Postman 进行模拟请求的操作。当前环境：Window 7 - 64Postman 版本（免费版）： Chrome App v5.5.3不同版本页面 UI 和部分功能位置会有点不同，不过影响不大。我们先思考一下，如果需要达到自动化接口测试的效果，那么我们在基本的模拟请求上还需要做哪些呢？以下我粗略概括为 3 个问题（欢迎更多补充与建议）：如何判断接口是否请求成功如何进行接口批量、定.

原创 react学习（marksheng）

class ShoppingList extends React.ComponentShoppingList 是一个React 组件类/组件类型。一个组件接收一些参数，我们把这些参数叫做props(特性),然后通过render方法返回需要展示在屏幕上的视图的层次结构。render方法的返回值描述了你希望在屏幕上看到的内容。React 根据描述，然后把结果展示出来。更具体地来说，render返回了一个React 元素，这是一种对渲染内容的轻量级描述。大多数的 React 开发者使...

原创 JS之温故而知新（marksheng）

模板字符串（超级字符串）var name = '小明';var age = 20;var message = `你好, ${name}, 你今年${age}岁了!`;alert(message);toUpperCasetoUpperCase()把一个字符串全变大写：var s = 'Hello';s.toUpperCase(); // 返回'HELLO'toLowerCasetoLowerCase()把一个字符串全变小写：var s = 'Hello';..

原创 前端向后端调用接口的方式

axios（常用）接口由URL和HTTP方法构成，URL为接口的地址，HTTP方法指的是GET, PUT, DELETE等等传输方式。GET方式：axios.get().then().catch()注：get方式传参数可以直接跟在url后面，也可以通过param对象传POST方式：axios.post().then().catch()注：post方式传参必须用对象传...

原创 作用域和闭包（预编译及底层原理）

原创 面试题（marksheng私人版）

JS中的块级作用域，var、let、const三者的区别

原创 面试题（marksheng私人版）

面试技术栈篇JS中的块级作用域，var、let、const三者的区别 Ant design webpack vue3 typescript 前端开发流程 this指向详解

原创 面试总结啊

请在招聘软件上说一下那个公司，我都对不上啦，谢谢北京平步科技有限公司法定代表人：陶光慧地址：北京市海淀区知春路甲48号盈都大厦3号楼3单元19A一、项目学捷后台管理系统（PC端）项目介绍:该项目是对学捷教育前台信息管理的后台管理系统。技术栈：Vue-cli/Vue-router/Vuex/axios/ECharts/sass/es6/Element-Ui负责内容：1．参与产品的需求评审、配合领导实现项目功能与业务的梳理、以及任务的划分2．基础配置,如路由配置、跨域的配置、..

原创 this指向问题（私人版）

开局一张图，装备全靠打1、作为对象的方法调用当函数作为对象的方法被调用时，this指向该对象var obj = { a: 'yuguang', getName: function(){ console.log(this === obj); console.log(this.a); }};obj.getName(); // true yuguang2、作为普通函数调用当函数不作为对象的属性被调用，而是以普通函数的方式，...

原创 什么是接口？

1、什么是接口？　接口一般来讲分为两种：(1)程序内部的接口：方法与方法、模块与模块之间的交互，程序内部抛出的接口，如登录发帖，发帖就必须要登录，如果不登录不能发帖，发帖和登录这两个模块之间就要有交互，就会抛出一个接口，进行内部系统调用。(2)系统对外的接口：从别人的网站或服务器上获取资源或信息，对方不会提供数据库共享，只能提供一个写好的方法来获取数据，如购物网站和第三方支付之间，购物网站支付时可选择第三方支付方法，但第三方不会提供自己的数据库给购物网站，只会提供一个接口，供购物网站进行调...

原创 网络类型

分一下三种；局域网广域网城际网

原创 每日总结10

第二周考试1.this关键字（指向问题）不管是什么场合，this：它总是返回一个对象。JS（ES5）里面有三种函数调用形式：作为对象方法的调用：函数还可以作为某个对象的方法调用，这时this就指这个上级对象。这是函数的最通常的用法，属于全局调用，因此this就代表全局对象 作为对象方法的调用：函数还可以作为某个对象的方法调用，这时this就指这个上级对象。 作为构造函数调用：所谓构造函数，就是通过这个函数，可以生成一个新对象。这时this就指这个新对象。JS（ES6）里面有一种函数

原创 项目遇到的问题锦集

用户登陆无法实现页面跳转问题，总是将页面跳到缺省页面/ok.jsp解决方案：无法实现用户的useType校对，数据表中的userType为空页面刷新时会跳屏 原因是js中有修改css样式的语句而该js文件又放在了body底部 所以当结构生成完 样式还没有开始渲染解决方法 将动态修改font-size的js代码放在body最前部Data.parse()时间转化为时间戳出现NaN,但在PC正常当你需要将时间转化为时间戳的时候需要用到Date.parse这个方法，例如: 2019-0...

原创 前端webpack初识（marksehng）

安装步骤 1.npm init npm init -y //没有过程选择2.安装webpack webpack-cli。cli是可以让我们在命令行中使用webpack。 npm install webpack webnpm pack-cli -D3.npx指令会从当前目录中查找webpacknpx webpack -v //查找当前目录的webpack版本npm webpack -v //查找全局目录的webpack版本4...