sdasadasds的博客

●语法： substring(从哪个索引开始，到哪个索引截止)，包含开始索引，不包含结束索引。●作用：charAt() 是找到字符串中指定索引位置的内容返回。●语法：字符串.repalce(被替换的内容，要替换的内容)●语法：字符串.indexOf(要查找的字符，开始索引)●语法：字符串.indexOf(要查找的字符，开始索引)○(' ') 字符串中有空格 会按照原字符串中的空格切割。●字符串和数组有一个一样的地方，也是按照索引来排列的。○包含开始的索引对应的内容，不包含结束索引对应的内容。

假期回家，学会计的表弟化身十万个为什么的问我！你们前端到底是干什么的？为什么我的同学好多转行去做这个的？你们前端程序员真的这么赚钱么？你也别跟我说什么敲代码的，你告诉我，你敲得这是什么代码？有什么用？难学吗？前景怎么样？我看他化身为十万个为什么！想转行的算盘打的哐哐响，也就好好说说前端这些事儿！争取让啥都不会的小白都能听得懂。

介绍两种方式修改elementUI组件的样式

响应式布局是一种布局方式，它可以根据不同设备的屏幕大小和分辨率自适应调整布局，从而使网页在不同设备上都能够正常显示。本文详细说明了实现响应式布局的步骤

这是我们从数据源头到结果的展示, 在这里我们忽略了过程，在这个过程里面, 我们有一个不可避免的问题, 就是浏览器, 不能直接从数据库中拿数据。其实很简单, 就是把数据反应在页面上，说白了, 就是利用 js 的语法, 把某些数据组装成 html 结构的样子, 放在页面上展示。我们都知道浏览器也就是我们通常说的前端, 任务就是展示内容，服务器也就是我们通常说的后端, 任务就是准备数据, 处理数据。不管 html 文件, 你所有的 图片, 视音频, css, html, js 文件其实都是存储在服务器上面的。

但是, 其实并不会立即执行 fn 函数,而是根据 fn 函数复刻了一份一模一样的函数,新函数复制给了 res 变量,res 函数内的 this 被锁定为了 obj.既然是在函数的原型上, 那么只要是函数就可以调用这三个方法，他们三个的作用就是改变函数的 this 指向。语法: 函数.call( 函数内的 this 指向, 给函数传递的参数, 给函数传递的参数 )语法: 函数.bind( 函数内的 this 指向, 给函数传递的参数, 给函数传递的参数 )该数据结构内的每一个依次是给函数进行形参赋值的数据。

在 javascript 语言中, 有一个奇奇怪怪的 “关键字” 叫做 this为什么说它是 奇奇怪怪 呢, 是因为你写出 100 个 this, 可能有 100 个解释, 完全不挨边，但是, 在你的学习过程中, 搞清楚了 this 这个玩意, 那么会对你的开发生涯有很大帮助的，接下来咱们就开始一点一点的认识一下 this。

● JavaScript 真是一个特殊的语言, 其他语言都只有一个表示 “无” 的值, 比如 Java 语言用的是 null, C 语言用的是 NULL, Python 语言用的是 None, Ruby 语言用的是 nil. 只有 JS 里面表示 “空” 的有两个, 一个是 undefined, 一个是 null。我什么时候该用什么呢?○undefined, 你什么都不需要做, 只要什么也不赋值就是 undefined。○null, 需要你赋值, 直接赋值为一个 null, 也就是你要安装一个空架子。

一个用来表示小数的 float 为什么表示的范围会比 long 还要大呢 ?这次, 咱们就来详细说一说这个事情

要知道，render前后的两颗vDom tree进行diff，这个过程是不可中断的(以tree为单位，不可中断)，这将造成当diff的两颗tree足够庞大的时候，js线程会被diff阻塞，无法对并发事件作出回应。为了解决这个问题，react将vDom节点上添加了链表节点的特性，将其改造成了fiber节点（其实就是vdom节点结合了链表节点的特性），目的是为了后面的Fiber架构的实现，以实现应对并发事件的“并发模式”。事实上，原计划是17版本上的，但最终定期在了18版本。

小程序的兼容问题有哪些？

【代码】小程序路由跳转。

说说React中onClick绑定后的工作原理

但在实际应用中我们一般不直接将权限赋予在用户身上，因为这样操作对有大量用户的系统来说过于繁琐，所以我们一般基于RBAC（Role-Based Access Control）权限模型，引入角色的概念，通过角色的媒介过渡，先将权限赋予在角色上，再关联相应的用户，对应的用户就继承了角色的权限。在开发中后台应用过程中或多或少都会涉及到一个问题：权限，简单地说就是让不同的用户在系统中拥有不同的操作能力。用户与角色，角色与权限都是多对多的关系。

商城项目中有写到调用微信，支付宝支付，简单讲述一下这个支付与后台对接的过程，微信支付的原理。

vuex有一个仓库概念，将组件公共的state存储在仓库的state属性中，state是只读的，组件只能使用，不能直接修改，修改需要通过 仓库中的mutations模块来修改，这样的好处是 当数据修改便于溯源，且不会因为 多个组件 直接修改数据，导致 组件间数据的互相影响， 同时 当我们仓库中有一个state 数据需要请求 数据接口才能获取时，vuex 设计了一个action模块，在action模块中发送异步请求，得到数据后，提交mutation来修改state。

比如做后台管理中，很多模块经常会复用，比如侧边导航组件、项目中常用的 echarts图表的封装（比如折线图、柱状图等）

就是在加载页面的时候，如果页面中的图片过多，可以使用占位符的方式替换没有在可是区域内的图片，只加载当前需要现实的图片。监听滚动条的位置，当图片标签出现在可视区域的时候，重置图片的路径为真是路径，然后展示图片地址。一般在实际开发的时候都直接使用图片懒加载插件实现。还有一种解决方案就是使用页面骨架屏效果，也是类似占位显示，当数据加载完成之后替换掉占位显示的内容。

三种：默认插槽、具名插槽、作用域插槽。

vue 常用哪些命令

导航守卫使用最多的是全局守卫 router.beforeEach 主要是用来验证用户的登陆状态。它接收三个参数 to, from, next。vue 的导航守卫一般指的是路由导航守卫，作用是在页面跳转的时候可以执行一个钩子函数。

3. 通过上述案例进一步理解MVVM。谈谈对MVVM的理解。name:‘张三丰’

vue-router和location.href的用法区别。

当我们在vue中引入第三方组件库的时候，vue组件中样式的scoped就会成为我们修改样式的阻碍，有以下三种方法修改样式，并且不影响全局样式.

但这种方式为全局样式，会影响页面中所有复选框，如果不希望影响其它页面的样式，可以采用第二中方式。要修改elementUI组件的样式，可以采用以下两种方式。如果是sass或less编写的样式，还可以使用。所以elementUI中的样式就能成功覆盖。解决方案也很简单，只需在选择器中要添加。

【代码】Vue3.0中常用的组合API有哪些？

（1）从编程范式的角度讲。（2）从组件通信的角度讲。（3）从底层原理的角度讲。

说明：双重 for 循环是比较笨拙的方法，它实现的原理很简单：先定义一个包含原始数组第一个元素的数组，然后遍历原始数组，将原始数组中的每个元素与新数组中的每个元素进行比对，如果不重复则添加到新数组中，最后返回新数组；因为它的时间复杂度是O(n^2)，如果数组长度很大，效率会很低。说明：利用indexOf检测元素在数组中第一次出现的位置是否和元素现在的位置相等，如果不等则说明该元素是重复元素。说明：ES6 提供了新的数据结构 Set，Set 结构的一个特性就是成员值都是唯一的，没有重复的值。

股票最大利润假设有一个数组, 它的第i个元素对应第i天的价格最多只允许完成一次交易(买进一次,卖出一次)设计一个算法找出最大利润例如: [7,1,5,3,6,4] 最大利润 5如果这个计算方法你不是非常能理解, 我们再来换一个简单一点的思路这个思路虽然简单, 但浪费了很多计算次数优化改良之后, 就是开头的版本了

输出字符串中, 所有的叠词(几个连续出现的字符)输入: 晴川历历汉阳树, 芳草萋萋鹦鹉洲输出: [‘历历’, ‘萋萋’]当然, 用正则会非常简单.解释:\1 这是对第一个分组内容的引用.\1等价于对前面分组内容的复制因此 (.)\1 表示这个字符至少重复出现2次(.)\1+就表示重复出现2次及以上了

貌似一看很简单仔细一看很复杂来回一琢磨还是很简单这道题最关键的, 就是这句话了你首先需要了解一个运算符优先级的问题在所有的运算符当中, 除了 () 小括号级别最高的 就是属性访问了, 也就是 . 小圆点那么在整个这句话当中, 最先执行的, 应该是 a.x可以理解为 x = a = {n:2}或者b.x = a = {n:2}因此最终, b等于

解析:用一张图理清关系

解释：先说运行结果 : 10 , 2解析:两次打印的结果, 其实fn这个函数关键点, 就在于, 我们要搞清楚, 每次执行时的this到底是谁?第一次的结果比较好辨认, fn函数尽管经过了传递,但是在第 8 行代码当中, 函数是直接调用, this显然指向window对象那么打印出来的window.length, 肯定就是10了第二次的结果, 执行函数时, 写法有所不同arguments首先是个对象第9行, arguments[0], 其实等价于 arguments.0在这里你把0看做一个属

ES2017 标准引入了 async 函数，使得异步操作变得更加方便。async 函数是什么？一句话，它就是 Generator 函数的语法糖。研究 async 的原理，就必须先弄清楚 Generator 是个啥。Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。形式上，Generator 函数是一个普通函数，但是有两个特征。一是，关键字与函数名之间有一个星号；二是，函数体内部使用表达式，定义不同的内部状态（在英语里的意思就是“产出”）看一个例子：上面代码中，调用

某大厂给前端面试者出了一套 TypeScript 笔试题，要求面试者在线实时答题。这种面试题考察的是应聘者的 TS 硬实力，先把题目和要求给出来，你试试能做出来几个。所有题目均为 NodeJS 环境下，TypeScript 编程题。 NodeJS 版本建议 v14 及以上。代码题以本地可以运行通过为准，Node 版本不够则无法运行高版本语法。 请提前配置好开发环境。2、依赖NodeJS 环境运行 TS 文件推荐使用 ts-node，建议提前安装。运行 运行第一题命令如下：

在用户端会默认缓存 index.html 入口文件，而由于构建工具（比如Webpack，rollup等）在每次代码更新后，打包生成的css/js文件名都带有哈希值，跟上次的文件名都不同，因此会出现找不到 css/js 文件的情况，导致白屏的产生。常用框架，比如 Vue React Angular 都是依靠JS进行驱动的，在渲染页面的时候需要加载很大的JS文件，在JS解析加载完成之前无法展示页面，从而导致了白屏。第一个打开的页面，如果请求一个缓慢的后端接口，引发JS阻塞，导致页面白屏。● 前端JS代码问题。

（1） 实现页面跳转回退保持原位置。（2） 实现页面回退之后重新加载。

● 在路由 router.js 里面声明，从后端读取用户-角色-权限信息，通过 meta 标签来标示和记录。RBAC是三个模型，两个关系：用户模型、角色模型和权限模型，用户和角色的关系、以及角色和权限的关系。你来设计一个用户-角色-权限的模型，同时以Vue为例，说说前端如何实现？超级管理员：管理员权限 + 添加、删除用户，绑定用户和角色权限。第一个表是用户模型，第二个表是角色模型，第三个表是权限模型。第四个表是用户和角色的关系，第五个表是角色和权限的关系。管理员：普通用户权限 + 修改、删除商品的权限。

● localStorage 里面的数据变化不能进行监控，如果有需求是根据 token 的变化进行操作，那 localStorage 就实现不了。● localStorage 里的数据主要用于页面重新渲染时使用，Vuex 或 Redux 里的数据在 SPA 用户操作的时候使用。● localStorage 里面存储的数据类型只能是字符串，如果存储的内容不是字符串，还需要转换，有额外的性能消耗。● localStorage 是磁盘操作，Vuex 和 Redux 是内存操作，数据存慢很多。

实现一个函数 isSimilar，对比两个字符串是否相似，相似返回 true，不相似返回 false。相似的定义是：字符串包含的字符种类以及每种字符的个数均相等。● 最后通过 comparsion 函数，比较两个字符串中相同字符的个数是否相等。● 否则定义 conversion 函数，统计两个字符串中字符的个数。● 定义 isSimilar 函数，接收两个待比较的字符串参数。● 如果传入的参数类型不是字符串返回 false。● 如果两个字符串完全相等则返回 true。