2e4ong-CSDN博客

原创中级前端工程师面试官口吻基础知识一面

面试官您好，我是xxx，今年xx岁，毕业于xxx院校，毕业已经x年了，主要从事的工作方向是前端开发工程师。先后任职两份工作岗位，第一家公司叫做xxx公司，主要的业务是xxx，使用到的技术框架是xxx。第二家公司叫做xxx公司，主要的业务是xxx，使用到的技术框架是xxx。本人目前处于离职状态，在寻找一份新的工作岗位，这就是我的一个基本情况。

2023-06-27 14:30:09 142

我们都知道Promise可以通过then的操作来实现链式的调用在这个过程中如何穿插一下用户的操作(例如选择选项，输入内容)从而进行中断，直到用户操作结束后再继续往下执行呢。接下来通过Promise来实现此效果let callBack = null;const clickFunc = () => { new Promise((resolve1) => { resolve1('111'); // 正常的promise执行 }).then((res1) => { conso

2022-04-27 15:07:21 105

原创来一份前端笔试题吗

一步一步来先将每一个题目放置在此，往下可以查看问题答案1、一个函数如何获取他的参数2、如何合并两个对象3、JS类型判断 typeof NaN / undefined == false / 1 + undefined4、用闭包的方式实现一个计数器，可以传入一个参数数值，返回从头输入到结束所有的数值之和5、题目如下let a = 1function b(a) { a = 2 console.log(a)}b(a)console.log(a)6、题目如下let a = b =

2022-04-18 17:01:45 1021

原创前端性能优化

经常会问到这个问题记录一下从浏览器的渲染过程来看解析 HTML 文件，构建 DOM 树，同时浏览器主进程负责下载 CSS 文件CSS 文件下载完成，解析 CSS 文件成树形的数据结构，然后结合 DOM 树合并成 RenderObject 树布局 RenderObject 树（Layout/reflow），负责 RenderObject 树中的元素的尺寸，位置等计算绘制 RenderObject 树（paint），绘制页面的像素信息浏览器主进程将默认的图层和复合图层交给 GPU 进程，G

2021-07-14 23:54:14 268

原创 JS蛇形矩阵

function go(num) { const retArr = []; [...new Array(num)].forEach((item, index) => { // 如果是数组第一项 if(index === 0) { retArr[index] = getFirstArr(num); // 如果是数组最后一项 } else if (num - 1 === ind

2021-04-15 18:12:21 286

原创 JS 的类型比较

源于我一次面试中被问到答不上来，我决定专门写一遍来加深我的印象typeof NaN // numberundefined == false // false NaN不等于任何值1 + undefined // NaN不想死机硬背，没有意义，那就摸清它的原因吧！一、NaNNaN 不等于任何值，包括他自己NaN == NaN // falseNaN === NaN // false但是用typeof对NaN进行类型判断的时候发现NaN属于Number类型typeof NaN /

2021-03-26 11:28:18 281

原创 Vue面试须知

双向绑定的原理Vue的生命周期及每个阶段做了什么事情Vue的组件通信方式keep-alivev-if 和 v-show 的区别VueRouteVuexVue的编译过程nextTickcomputed 和 watch 的区别自定义指令

2021-03-14 23:19:29 371 1

原创写给自己的JS

let 和 var 的区别let定义的变量不能重复声明var 定义的变量重复声明会覆盖之前的值let定义的变量值在块级作用域内有效var 定义变量存在声明提前的问题let 定义的变量不存在声明提前的问题undefined 和 null 的区别undefined == null // trueundefined === null //falseundefined: 没有定义null：定义了没有给值typeof undefined // ‘undefined’typeof nul

2021-02-28 22:16:33 289 2

原创写给自己的CSS

水平居中的方法codepen例子一、父亲元素的宽度为100%, 孩子元素的宽度固定，设置margin: 0 auto;二、父亲元素display为flex，设置justify-content为center，孩子元素固定宽度；三、父亲元素的position为relative，孩子元素固定宽度，position为absolute，设置left值为calc(50% - 一半的宽度);垂直居中的方法跟水平居中类似这里不做例子link 与 @import 的区别link标签在最开始写html的

2021-02-27 13:09:04 134

原创一套前端基础笔试题

let arr = [1, 2, 3];let arr2 = arr1;arr2[1] = 4;console.log(arr);let arr = [1, 2, 3];let obj = { a: 1, b: arr, c: 3}obj.b[2] = 2;console.log(arr);let arr = [1, { a: 'a', b: 'b'}, 3];let obj = arr[1];obj.b = 'c';console.log(arr);...

2021-01-18 23:12:52 234 1

原创添加书签js脚本，点击后可以直接修改web页面内容

在浏览器设置中找到书签点击为此页面添加书签。在编辑书签内容的对话框中选择更多编辑书签的名称信息，可以自定义。例如：直接修改网页内容编辑书签的url为 javascript:document.body.contentEditable='true';document.designMode='on';void(0);复制第五步的js脚本后保存，随便打开一个web页面，点击你刚才保存的书签，就可以发现页面上的东西可以随便修改拉！...

2021-01-06 11:41:27 1485

原创 Rookie React Notes

react cli 使用My First React Project第一部分参考：https://www.jianshu.com/p/d7b0f6a10f33一、安装react-cli脚手架工具npm install -g build-react二、使用react-cli脚手架工具搭建项目build-react init projectName // projectName可以自定义跑了上面的命令以后会让我们配置一些基本的信息(如下)? Project name yzfcool? Pr

2020-12-30 15:01:58 218

原创 React 函数组件坑

记录一下用React函数组件编写时遇到的坑在函数组件中通常会引入useState 和 useEffectimport React , { useState, useEffect } from 'react';function component(props) { const [myNumber, SetMyNumber] = useState(1); const obj = { num: 1, name: cool } const myFun = () => { obj['

2020-12-17 11:17:29 419

原创 react微信小程序调用方法传递自定义参数的问题

react微信小程序调用方法传递自定义参数的问题render( <View onTouchStart={(e) => {this.touchStart(e)}} onTouchEnd={(e) => {this.touchEnd(e)}} > <Card data={list} /> </View>)网上的办法都是这样的，但是我这样写了以后就不会触发方法，我也不知道为什么，这是后面找的解决办法，花了挺久时间的。<Vi

2020-11-25 14:54:34 528

原创一年左右工作经验前端面试分享(vue 方向)

我直接就上我这么多面试记下来的问题，有一些还来不及整理，offer已经到了，我得偷偷懒。HTMLp标签是块级元素，常理来说，块级元素是可以嵌套块级元素和行内元素的，但是p标签是个特殊，它里面不能嵌套块级元素。网页中，rem 作为元素尺寸单位时，是相对文档根节点的 font-size 进行计算的。块级元素实际占用的宽度与它的 background 属性有关。CSS可继承元素和不可继承元素参考CSS常见可继承属性与不可继承属性_风从北方来的博客-CSDN博客可继承font 字体系列

2020-11-16 20:15:14 3813 3

原创 electron + vue工程的一个创建记录

我的电脑是mac 哈在electron的官网好像没有看到 electron + vue 工程的一个创建教程vue init simulatedgreg/electron-vue my-project很多的教程都是跑这个命令去下载这个工程的然后根据他的提示选择自己要的相关配置后执行一个yarn操作但是问题就来了，这个仓库很久没有更新过了反正我在yarn的时候他在下载一个electron包的时候会一直卡住等不到他的结束当然也是有找到解决这个问题的办法的直接把electron的zip包下载到

2020-10-19 22:57:38 108

原创碰到的一个处理了比较久的适配问题，需要适配各种移动端以及pc端

项目网页现在已经完成，对应参考地址： code.fun在进入该网页时的第一个页面，是需要满屏显示的，在满屏的同时，下面的那张图片需要贴地而且根据屏幕的大小自适应，可以拖动看一看哈。下面这张图片就是我碰到的最棘手的问题 — （当然哈我是一个新人，请大家多多包含一开始我是用了一个标签，只需要定义好父亲节点的大小，img标签给上height:100%或者width:100%,他就可以自动适应且保持原本的比例了，但是问题就来了，情况一：当我的宽度很大的时候，我对他进行一个高度的缩小，图片需要根据高度的缩

2020-06-29 16:53:53 240

原创解决适配移动端的项目在手机上滑动起来卡顿的问题

今天碰到了一个问题就是我的项目已经写好了，通过media写好了手机端的适配方案在手机上跑起来是，往下滑动时页面不会自动往下滚，而是卡住了后面通过了这两串代码就解决了这个问题我的是vue 的项目，将该属性写在了app.vue中即解决了这个问题。html,body,#app { height: 100%; width: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}主要解决的代码:

2020-06-29 16:34:45 766

原创用vue给img标签动态绑定src 获取不到图片资源的问题

<img src="../assets/index/section-third2.png" />在html中使用这样的html引用src是可以正常显示图片的然后我就有一个需求，需要根据场景来切换图片所以我就想到了用动态的方式来绑定src，所以就出现了如题的问题我的项目是基于VUE + TypeScript的 private get sectionThirdImg() { return this.sectionThirdSelected ? "../assets

2020-06-22 15:42:19 2357 1

原创用flex实现头部固定，内容部分滚动

用flex实现头部固定，内容部分滚动我就只想要一个像我标题一样这么简单的东西，其他的文章都给我搞了一堆乱七八糟的玩意，要么就是copy别人的，这就是我厌恶现在的网络文章的原因。看好了，其实很简单。HTML部分<div class="main"> <div class="main-header"> header的内容 </div> <div class="main-body"> body的内容 &lt

2020-06-13 22:16:03 1735 1

原创新买的mac配置yarn出现的问题

新买的mac配置yarn出现的问题首先是安装看了很多文章，都是超了别人的复制过来，烦的要死第一种是用brew来安装，用这个的前提是要先通过 Homebrew 包管理器，又得先安装另一个东西之后才能使用brew命令，这不是我想要的，我只是想要安装一个yarn，就pass了接下来就是npm的命令了npm install -g yarn很多地方都这么写，但是我就是不行解决的办法就是要加上sudosudo npm install -g yarn问题来了没毛病，安装成功了，但是用yarn -

2020-06-12 22:56:19 742 1

原创去面试的时候做的一套笔试题(简单)

1.下面属于CSS3新增输属性的有A.box-shadowB.text-shadowC.border-radiusD.rgba2.以下是内联元素的有A.spanB.inputC.ulD.p3.在javascript里,下列选项中不属于数组方法的是A.sort()B.length()C.concat()D.reverse()4.下列声明数组的语句中，错误的选项是A.v...

2019-11-06 21:59:50 393

原创去除/找出数组 arr 中重复出现过的元素

//去除数组 arr 中重复出现过的元素var arr2 = [1,2,3,45,6,6,7,8,9,5,5,6,23];function duplicates(arr){ var obj = {}; var retArr = []; for(var key in arr){ //判断对象中是否存在当前值 if(!obj[arr[key...

2019-11-06 18:08:30 293

原创计算数组中所有项的总和

var arr = [1,2,3,4,5];//ES6 数组reduce()方法console.log('reduce:'+arr.reduce((a,b)=>a+b));//ES6 forEach()方法.该方法内的返回值会对原数组进行操作var total = 0;arr.forEach(function(a){ total += a;});console.lo...

2019-11-06 17:31:06 1188

原创冒泡排序和快速排序

var arr = [1,5,5,6,3,4,8,9,6,4,23,4,6,6];// 冒泡排序function bubbleSort(arr){ var len = arr.length; for(var i=0;i<len-1;i++){ for(var j=i+1;j<len;j++){ if(arr[i]>ar...

2019-11-06 17:27:29 115

原创用不同方法移除数组 arr 中的所有值与 item 相等的元素

//用不同方法移除数组 arr 中的所有值与 item 相等的元素// 直接在给定的 arr 数组上进行操作，并将结果返回var arr = [1,2,3,4,5,6,7,8,9,10];//用forEach来做function removeItem(arr,item){ //需要直接在给定的arr数组上进行操作 arr.forEach(function(a,i){ ...

2019-11-06 17:24:06 751

GonTinyBlack的博客