- 博客(85)
- 收藏
- 关注
RSS订阅原创 通过http server访问vue build之后的文件
问题来源npm 工具类项目需要展示给公司的很多人，因此需要在线上发布，发布的时候报错，无法发布成功。衍生问题-- 如何在本地运行build之后的html文件如果右键打开会报上面的错误，仔细一看，直接右键打开的方式，用的是file协议，如果需要引入依赖的话，需要使用http协议，因此需要在本地安装http server在本地运行dist目录下的html文件，需要安装 http server使用http-server开启一个本地服务器问题本质因为原来该项目只是一个工具类项目，不需要单独发布，因
2021-07-02 17:08:19
677
原创 项目无法发布问题 -- vue is not defined
在项目build之后，访问页面，报错，无法找到vue，查看配置发现如下const path = require('path')const NODE_ENV = process.env.NODE_ENVfunction resolve(dir) { return path.join(__dirname, dir)}module.exports = { lintOnSave: true, // 设为false打包时不生成.map文件 productionSourceMap: fal.
2021-07-02 16:57:56
2371
1
原创 计算前端页面一些关键的性能指标
通过下面的代码可以看到对前端页面进行监听的具体方法计算页面可以进行交互的时间监听页面比较耗时的long task页面可见性的状态监听监听页面的网络状态<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2021-06-30 14:21:09
402
原创 如何通过echarts绘制北京市地图并可以添加标记并可点击
首先获取城市地图所对应的json文件通过这个网站可以获取到城市地图所对应的jsonecharts 中使用的是地图的js文件 需要找到北京地图的js文件下载各个城市的js文件绘制出地图在地图上渲染数据 增加点增加弹窗最终要实现的效果...
2021-06-24 15:10:53
2725
2
原创 node版本错误，导致npm install安装报错
今日启动vue项目遇到的问题python环境未安装看了半天解决问题的方法，尝试了一个上午，最后问了同事之后，才知道是node版本的问题，我用的是最新的node版本，但是最新的node版本并不行。尝试安装nvm ，管理node版本node 版本管理需要安装nvm解决nvm下载node8.12.0 缓慢的问题通过where nvm 获得nvm的安装路径将下面两行代码复制到setting文件中，并保存node_mirror: https://npm.taobao.org/mirrors/n
2021-06-15 13:56:54
914
2
原创 美团前端一面
面试过程自我介绍。问答 编程问答初次加载页面，会涉及到vue的那几个钩子针对项目问的问题，主要是针对sharedworker节流和防抖webpack性能优化没有问到css的问题编程在线编程，实现矩阵翻转...
2021-05-19 15:18:35
105
原创 百度前端一面
百度前端一面包括自我介绍，技术问答，代码结果分析和现场coding自我介绍主要介绍自己的项目经验技术问答说说es6新增的两种数据结构，symbol 和 bigint谈谈浏览器的同源策略 如何解决跨域问题。jsonp的原理 用webpack如何解决跨域问题，应该怎么配置，他的原理是什么。说说事件委托 事件委托的缺点说说vue router的实现原理vue的生命周期中，一般在那个周期区发送请求defer / async的区别vue 样式组件内有限的实现方法及原理实现深拷贝的方式代码分
2021-05-19 15:12:35
80
原创 邮储银行web前端技术二面面经
面试流程及形式面试流程是6对1面试 ，中间坐着的是宣读面试流程以及拿着一个电脑一直在打字的女面试官，其余5位都是男面试官，我以为中间的是hr，后来才知道那位女面试官之所以能坐在中间，是因为他是研发中心的副总，真的很厉害，她对我有一票否决权。我是下午面试的，下午面试一共两组，每组大概10个人，每个人10-15分钟。面试流程是：副总大概说下面试流程和欢迎词，主要分为自我介绍和项目介绍，你对这个职位的认识，你对邮储的认识，你的职业规划自我介绍2分钟，后面是答辩环节面试过程中副总会问大家是否还有什么问
2021-05-12 10:42:29
2911
3
原创 nginx反向代理解决跨域问题
修改的文件和字段文件是 niginx.conf 文件字段是 server 字段中的 路径下的 proxy_pass 字段server { # nginx监听所有127.0.0.1:80端口收到的请求 listen 80; server_name 127.0.0.1; # Load configuration files for the default server block. include /etc/nginx
2021-05-10 20:46:00
88
原创 北师大继续教育学院笔试及第一轮面试题目总结
笔试题目onload和ready的区别块级元素有哪些，行内元素有哪些？两种定时器的区别及如何清楚如何实现两端对齐，首行缩进两个字符http的状态码有哪些？如何实现剧中，在不同的屏幕上可以做到自动适配如何优化前端的性能面试问题vue中router和route的区别http post 请求的content-type 有哪些类型如何减少重复请求在项目中遇到了哪些问题如何监控websocket连接是否断开？vue是单页面应用，如果在单页面应用中需要跳转到另一个页面完成支付，支付完了
2021-05-10 13:50:58
483
原创 webpack loader和plugin的区别
本文主要总结了webpack的常见面试题及webpack中的重要概念，webpack loader 和 plugin 的区别。分别从产生的原因，解决了什么问题，作用的point和作用的时间范围说明了两者的不同。为了方便理解，还列举了常用的loader和plugin。
2021-05-09 20:00:52
1688
原创 国网电科院三日工作经历--对不起，我对你报的期望太高了
把握好公司的试用期试用期不仅仅是公司对你的考察，也是你对公司的考察，如果在试用期内，你觉得这个公司的文化和氛围并不适合你，那你可以主动在试用期提出离职。试用期内离职的很大好处是，你可以快速的判断公司是否适合自己，如果不适合，可以快速做出决策，离开这个公司，不影响你的履历，而且也让自己更加了解自己需要的是什么。目前外面的环境都有哪些公司。当你期待的和你看到的及感受到的落差很大时，可以离职这是我对自己说的话，没来电科院之前，我对国家电网完全控股的电科院有很多美好的想象，大公司，人多制度健全，国企稳定且不
2021-05-09 19:35:46
788
1
原创 用友前端一面记录
用友的前端面试给我的感觉是还可以，面试我的只有一个人，技术还可以，问的问题也算是循序渐进吧。说说你了解的算法，算法：全排列算法怎么实现数据结构知道哪些，知道链表吗？链表的优缺点。vue2和vue3的区别，vue3的数据拦截是如何实现的？vue2的数据拦截有哪些问题？promise 情景题 100个http请求，用promise每次只能处理5个请求，如果在处理的过程中，只要一个完成就进行下一个，该如何实现？promise的写法其实也并不是很完美，目前es7又给了一种新的解决方案，是async 和
2021-04-16 14:12:16
349
2
原创 华为研究院前端面试
先说一下面试华为的感觉，我感觉面试华为那真是一种享受。面试官谦逊温柔，逻辑清晰有耐心，是个男的。哈哈…感觉就像是在跟一个哥哥说话一样，耐心而温柔。先说一下面试流程：面试流程是先是算法，考查基础的编程能力。算法题目比较简单，是给你一个素数，因为数学界已经证明了任何一个偶数都可以拆分成两个素数的和，因此该题目是给你一个范围在6-65536范围内的偶数，让你输出两个然后是问项目相关的问题，问你项目中有没有遇到什么问题。是怎么解决的？在项目中主要用到了那些前端的协助工具，如果给你一个项目，你打算怎么开始，
2021-04-16 13:55:15
734
原创 中国移动研究院人工智能中心前端面试题目整理
中国移动研究院面试题目项目中遇到的难点问题es6新增的数组的方法有那些？遍历数组有那些方式如果数组有空元素 用for…of… 是否会遍历，forEach呢？for…of 会遍历原型链上的属性吗？说一说原型链 原型链的顶层是什么用css实现左右布局，高度是100%，如何实现？高度是100%如何实现？用flex可以实现高度的自适应和宽度的自适应吗？节流和防抖的区别10.防抖应该如何实现？11.flex 代表那三个属性，这三个属性默认值分别是什么？...
2021-04-15 16:25:02
1458
1
原创 js中 利用 == 进行类型转换的内部实现机制和步骤
一道关于==的面试题let a =? if(a==1 && a==2){console.log(a)}问a =? 能让if的条件成立？该题目的考察点是== 在进行判断时候的类型判断。javascript双等号引起的类型转换，js隐性类型转换步骤 这篇文章写的很好...
2021-04-08 10:57:29
159
原创 节流和防抖
周期长且容易触发的事件节流 – 可以让高频执行的重复事件，一段时间内只执行一次。 比如用户的点击事件概念：高频事件触发，但在n秒内只执行一次，所以节流就会稀释函数的执行频率。如果一个事件完成需要一定的周期，那么在这个周期内部用反复触发事件，因为触发了也没用，也不会立刻返回结果，所以需要给事件加一个锁。只有事件一个周期执行完之后，才可以释放锁。方法就是用一个全局变量当做一个锁，用一个定时器来让锁在一定时间后打开。事件执行完后加锁如果进入方法发现锁没有打开，则直接返回。<!DOCT
2021-04-01 15:20:34
68
原创 CSS3过渡与动画
过渡 transition兼容性那些属性可以参与过渡过渡的4个属性动画的定义和调用动画的调用 animation<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
2021-04-01 14:06:03
69
原创 旋转 实现一个正方体
旋转时，父盒子是人与舞台的距离，必须设置 perspective属性，perspective值越大，说明观察者距离舞台越远，看到的物体越小。该正方体的边长为200如果以X轴或Y轴旋转90度，正好消失，如果按照x90 则平了 y90 则竖了 本来以为是会展示一条线，但实际上是什么都没有旋转之后，z轴的方向会随着切面的变化而变化。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8
2021-04-01 10:56:53
288
原创 js 的DOM基础
事件属性 charCode / keyCodeonkeydown: e.keyCode 有值onkeyup: e.keyCode 有值onkeypress: e.keyCode 为0charCode是字符码keyCode是机器码 不分大小写 因为大小写在键盘上是同一个按钮阻止事件传播& 阻止默认event通过e.stopPropagation() 阻止传播通过 e.preventDefault 阻止原来的event事件传播事件捕获 addEventListener() 第三
2021-03-31 14:57:15
88
原创 css 不同标签的属性分类 汇总笔记【基础】
文本、字体、连接。列表。表格。边框。outline,margin,padding 有那些属性汇总。属性容易混淆，比如不同类型标签的颜色，不是都可以直接用color表示的。
2021-03-18 15:33:52
203
原创 css学习笔记总结 css选择器及优先级总结
7种css选择器 id 选择器 # 类选择器 a.red{color:red} 伪类选择器 a:link 未访问的 a:visited 访问过的 a:active 正在活动的 a:hover 属性选择器 [title]{color:blue} type title等标签属性都可以作为选择器 伪元素选择器 p:first-line 设置块级标签首行样式 组合选择器 后代 空格| 子元素 > | 相邻+ |普通兄弟 ~ 标签选择器 p h1
2021-03-18 14:29:30
87
原创 css盒模型学习总结
盒模型所有 HTML 元素可以看作盒子盒模型一次为 content padding border margin当您指定一个 CSS 元素的宽度和高度属性时，你只是设置内容区域的宽度和高度。要知道，完整大小的元素，你还必须添加内边距，边框和外边距。总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距浏览器的兼容问题 IE5.IE6 /IE8根据 W3C 的规范，元素内容占据的空间是由 wid
2021-03-18 11:08:51
155
原创 python sqlite中文模糊查询
前端发送中文给后端前端发送中文给后端，后端收到的是Unicode·编码的中文如果直接在python的终端用python的print 的话，print出来的就是中文直接输出的话，还是 u’\u6545\u969c\u5f55\u6ce2’ 中文是故障录波>>> a = u'\u6545\u969c\u5f55\u6ce2'>>> au'\u6545\u969c\u5f55\u6ce2'>>> print a故障录波>>>
2021-03-11 15:56:32
1254
原创 时间复杂度和时间复杂度 js实现数据结构和算法
logN 的含义是2的多少次方为N需要注意的是，n^2 >nlogN>n>logn>1空间复杂度的标准是每个变量的空间复杂度为1，有多少个变量，空间复杂度就为多少。
2021-02-25 10:26:34
74
原创 js异步
异步存在的原因js单线程 遇到请求资源 或者 延时执行的时候，如果没有异步，页面会卡死。异步的好处异步的好处是：不会阻塞代码的执行异步和同步的区别异步不会阻塞代码执行，同步会阻塞代码执行 。比如alert就是同步的。异步的应用场景等待的情况需要异步，等待的时候，不要阻塞代码执行。ajax 定时任务 网络请求异步的毁掉地狱如何解决通过promise解决 ，把多层的回调地狱改变为单层的串联。then 的写法...
2021-02-22 20:37:02
127
原创 JavaScript中this的指向那个对象呢？
this的取值是在函数执行时候决定的，不是在函数定义的时候决定的。function fn1(){ console.log('this is----------------------',this)}fn1()fn1.call({x:100})const fn2 = fn1.bind({x:200})fn2()以上函数打印结果分别为 Object 、{x：100}，{x:200}注意 通过两种方式可以改变函数this的指向：call和bind,bind是返回一个新的函数，而call是直
2021-02-21 17:12:34
142
原创 闭包
闭包自由变量的查找，是在函数定义的地方，向上级作用域查找。不是在执行的地方作用域分为三种：全局作用域函数作用域块级作用域 -->{}function print(fn){ let a = 200 fn()}let a =100function fn(){ console.log(a)}print(fn)function create(){ let a =100 return function(){ console.log(a) }}let fn =
2021-02-21 16:53:03
139
原创 原型和原型链
在js中，class只是一个语法糖 ，本质是function隐式原型和显示原型 [ proto and prototype]每个class 都有显示原型，每个实例都有隐式原型，每个实例的隐式原型指向class的显示原型。实例在执行时，先找自身的属性和方法，如果找不到，再去隐式原型中找属性和方法。对于有继承关系的类，子类有隐式原型，指向父类的显示原型。因为所有的类都是继承Object类的，所有所有的类既有显示原型，就是自己类的方法，还有隐式原型，就是自己父类的方法。值得注意的是，object类的因
2021-02-21 11:24:31
100
原创 vue的高级特性
考察vue的掌握深度和全面度自定义v-model应用场景：颜色选择器<template> <!-- 例如：vue 颜色选择 --> <input type="text" :value="text1" @input="$emit('change1', $event.target.value)" > <!-- 1. 上面的 input 使用了 :value 而不是 v-model
2021-02-10 19:46:51
250
原创 vue 组件面试题
props和$emit父子组件之间的通讯方式，父组件向子组件传值，通过在便签属性上用v-bing传值，子组件通过 props接收。子组件向父组件传值，需要子组件在组件内通过$emit触发一个事件，触发时间时，携带事件名和参数，父组件通过在组件标签上监听事件来处理子组件传递过来的值。<button @click="deleteItem(item.id)">删除</button> deleteItem(id) { this.$emit('delete',
2021-02-10 15:49:14
1013
原创 vue基础使用面试题
v-for 和v-if不能同时使用原因是v-for的优先级比v-if的优先级要高 会导致渲染多次 判断多次key 不能乱写 key尽量不要用index数组遍历两个变量遍历对象是三个变量事件参数 不需要传参数 则event 直接可以获取 如果有参数 则需要和参数一起带过去 带过去的方式 $event事件修饰符案件修饰符 阻止单击继续传播event是什么？ 是不是原生的引用对象构造函数是mouseEvent 是原生的eventevent.target 是挂载到当前元素下表单用v
2021-02-10 11:29:42
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人