应对互联网技术面试绝不仅仅是刷题就可以达到的。首先选择技术岗位，其次每个岗位开始都是先着手面经，多看到了解，提炼出必考的技术点合集，最后针对这些必考技术，系统学习，融会贯通。对这个岗位的必备技能，一定要做到基础扎实，完全理解。下面是真实的小红书一面面试经验分享，感兴趣的小伙伴可以点击文末的链接进行测评。搬砖不易，还请各位小主动动小手点赞关注一下。面试1、简单自我介绍（什么时候开始学前端？学习路径是怎么样的？）2、介绍了下项目3、有用过原生js做过项目吗？4、这两个项目为什么都选择了vue？5、vue跟原生js的区别6、怎么触发数据的更改和页面的刷新？（我答的vue响应式原理）7、vue2和vu
有时候不希望用户去调试或复制前端代码，那该如何禁止用户调试前端代码呢？今天就来分享一个开源的前端工具：DisableDevtool，一行代码禁用Web开发者工具！功能简介disable-devtool可以禁用一切可以进入开发者工具的方法，阻止通过开发者工具进行的“代码抓取”。它具有以下特点：支持可配置是否禁用右键菜单。取消f12和ctrl+shift+i等快捷键。支持识别从浏览器菜单栏打开开发者工具并关闭当前页面。开发者可以绕过拒绝（url参数使用tk配合md5加密）。多种监测模式，支持几乎所有浏览器（IE,360,QQ浏览器,FireFox,Chrome,Edge...）。高度可配置、使用极
一般我们在调试单个React组件时，借助于热更新，我们改改代码可以在浏览器实时看到更新，但当项目比较大的时候，我们调试的页面在整个应用中的路由层级比较深，就会导致：每一次咱们修改完一个地方的代码，浏览器自动刷新到了首页，并进入修改的页面，才能看到更新之后的变化。介于此，这篇分享一个前端调试React组件的方法。一、使用createPortal构建测试组件scss代码：.test-container{position:fixed;width:100vw;height:100vh;background-color:white;z-index:9999999999999999999999999999
一、项目初始化npminstall-g@tarojs/clinpx@tarojs/cliinitshenji_qijing_client_taro二、微信小程序：启动微信小程序开发调试npmrundev:weapp打开微信开发者工具导入项目在微信开发者工具查看调试信息三、h5应用启动h5开发调试npmrundev:h5自动打开浏览器查看调试界面可以看到，同样界面，不但在微信小程序中能用，在浏览器中也能用四、react-native应用提前说下，这个坑比较多。通过rn官网教程，准备nodejs和androidstudio基础环境，注意官网推荐的jdk版本，一定要保持一致，否则很可能踩坑。（[20
Console-Import是一个Chrome扩展插件，可以方便地从Chrome控制台导入JavaScript和CSS资源。它可以帮助我们在开发过程中快速调试和测试第三方库或代码。下载地址安装要安装Console-Import，请在Chrome网上应用店搜索“Console-Import”，然后点击“添加到Chrome”。使用使用Console-Import非常简单。在Chrome控制台中，输入以下命令：$i其中，可以是JavaScript文件的URL、本地文件路径或npm包名称。例如，要导入一个名为my-lib.js的JavaScript文件，可以使用以下命令：$ihttps://cdnjs
使用electron封装了前端界面之后，最终打包为一个客户端（exe）。但是，最近项目组内做CS（c++开发）的，想把所有的配置都放进安装目录的配置文件中（比如config.json）。这做法，对于纯前端而言有点难以接收。第一，纯前端不允许读取本地文件。就这一条，直接封死所有的路。第二，读取配置，前端可以通过可视化界面存入本地缓存，不必要读取本地文件。基于以上两点，我觉得读取本地文件不可能实现，况且时间紧任务重。奈何，前端话语权微乎其微。最后，我咬着牙，实现了一下读取本地文件的需求。如有更好的方案，可以私信评论。首先，纯js肯定干不了读取本地文件的事情。那么，只能用nodejs了。况且，ele
效果图技术架构：datav，vue2，echarts我们一步一步的来实现一个简单的可视化数据大屏，开始吧！！1，vue脚手架搭建项目 太简单了，百度上可以搜索，我这里就不多说了，把router装好就行2，datav的安装与配置 2.1在控制台上输入命令下载datavnpminstall@jiaminghi/data-view 2.2将datav的组件注册为全局组件 在min.js文件里，注册datav为全局组件，代码如下//将自动注册所有组件为全局组件importdataVfrom'@jiaminghi/data-view'Vue.use(dataV)3,echa
记录一下前端大屏的几种适配方案。我们是1920*1080的设计稿。文章目录一、方案一：rem+font-size1.查看适配情况1.11920*1080情况下1.23840*2160(4k屏)情况下1.37680*2160超宽屏下二、方案二：vw（单位）三、方案三：scale（缩放）强烈推荐1、根据宽度比率进行缩放2、动态计算2.1、超宽屏最终适配效果 大屏是适配是前端开发必不可少的技能，适配各种大屏也是为了给用户更好的体验。一、方案一：rem+font-size 动态设置HTML根字体大小和body字体大小，会使用到lib-flexible.js插件li
默认最简单的下载方式是：window.open(后台接口API路径)，但该方法弊端：因是新开窗口方式，前端展示上，每次会闪下。此外，如果使用window.open(文件URL)方式：pdf、office文档、psd：直接下载。图片、txt：新开窗口预览，不会下载；且txt预览，有时出现中文乱码问题。一、根据文件URL下载实现原理：通过a标签实现下载。/***@method下载单个文件（文件类型可任意：.png、txt、office文档、.psd等）*@param{String}url-文件的http完整路径,如：http://xxx.png*@param{String}fileName-文件名
在开发中，我们经常会遇到需要禁用input框的情况，但是禁用后无法添加点击事件的问题。这个问题可能会让你感到十分困扰，但是不用担心，本文将会为您介绍一种解决这个问题的方法。解决方法很简单，只需要在input框的父节点view中添加style="pointer-events:none"即可。具体实现如下：这样做的原理是，将view的点击事件覆盖在了input框上，使得input框不再响应点击事件，但是view仍然可以响应点击事件，从而达到了我们想要的效果。需要注意的是，这个方法只适用于禁用input框的情况，如果input框没有被禁用，使用这个方法可能会导致input框无法响应输入事件。最后，希
