web前端工程师征服树组件
前言树形组件的需求，很多人遇到都觉得头疼、逻辑复杂，除了展示之外，还要有增删该查的逻辑。一般树形组件具有多个层级，如果当前层级有下一个层级，会有像children、list等属性，数据结构一般就是const tree = [{name: 'a',id: 1,},{name: 'b',id: 2,children: [{name: 'c',id: 3}]},]界面大...
2024-01-10
部分面试知识点（web前端工程师）
本文内容纲要：部分面试知识点（web前端工程师）JavaScript****的类型转换JavaScript是一种无类型语言，类型转换分为显式转换和隐式转换隐式转换通过运算符进行转换，在一些运算中，Javascript也会进行自动类型转换显式转换通过手动进行类型转换，Javascript提供了以下转型函数：转换为数值类型：Num...
2024-01-10
1年转行前端工程师，聊聊我的完整学习过程
先介绍下大致情况时间线。18 年 8 月正式转方向为前端，之前做了一段时间的 iOS，后来因为对前端更感兴趣所以就打算转方向了。19 年 10 月入职当前公司，定级资深前端，分配到业务架构小组，自此在一年零两月的时间内完成从 iOS 转方向到资深前端的过程。很多读者会问我是如何学习的，今天...
2024-01-10
前端工程师自救大法：妈妈我要学 React ！
React 源于 Facebook 的一个内部项目，当年他们在架设 Instagram 的网站时，因为对市场上所有 JavaScriptMVC 框架都不满意，就决定自己写一套。没想到这套东西非常好用，就在2013年5月开源了。由于其设计思想极其独特，代码逻辑简单，却性能出众，所以越来越多的人开始关注和使用。可以预见，它将是...
2024-01-10
困扰前端工程师的 React 问题，答案都在这了！
在过去的几年，“变化”始终是前端框架世界里的一号关键词：前有 jQuery 刚刚式微时各路神仙各显神通，后有 React / Vue / Angular 三分天下，如今又渐渐演变成了 React / Vue 两分天下。但总有人想要站在主观的角度去拉踩前端框架，我觉得一名合格的前端最应该在意的不应该是“哪个框架最牛”这样娱乐...
2024-01-10
【Web前端问题】对于前端工程师，测试ajax接口有什么好方法？
前后台通过ajax接口或是jsonp接口协作时，需要对接口进行测试，特别是后台没有写接口文档的情况下。我目前都是修改js代码，做对应假数据作为参数，然后在chrome控制台查看返回值等。这样效率相对比较低。有没有什么好的方法方便前端工程师去做ajax接口测试呢？比如很方便的修改参数，查看返回...
2024-01-10Web 安全工程师长成技能表
职位描述对公司网站、业务系统进行安全评估测试（黑盒、白盒测试）；对公司各类系统进行安全加固；对公司安全事件进行响应，清理后门，根据日志分析攻击途径；安全技术研究，包括安全防范技术，黑客技术等；跟踪最新漏洞信息，进行业务产品的安全检查。职位要求熟悉主流的Web安全技...
2024-01-10
【Web前端问题】廖雪峰老师git教程
请问这个节点表示的是一次commit 还是一次合并呢？回答：每个点都是commit，合并也是一次commit。而commit中是两个分支汇聚的地方肯定都是合并，如果是单个分支那就是普通commit回答：人名分支上的每一个圆圈表示一次commit,dev和master的每个圆圈是一次合并。...
2024-01-10
酷工作 丨字节跳动内推、美团点评技术专家、极智嘉算法工程师、秉理科技 Web 前端研发工程师
值班编辑：芒果果SegmentFault 思否社区致力于成为科技企业和开发者沟通的桥梁。为此特设「酷工作板块」，以便企业发布相关招聘信息，也为社区开发者提供招聘信息参考。点击 https://segmentfault.com/grou... 可查看更多招聘信息；有招聘需求的企业也可于社区自助发布相关信息。*更多合作可发送邮件...
2024-01-10
好程序员web前端教程进阶之React状态保存
状态保存，是指再次加载页面时还原表格状态。在Vue中，我们可以非常便捷地通过<keep-alive>标签实现状态的保存，该标签会缓存不活动的组件实例，而不是销毁它们。但是在React中并没有这个功能，前端人员又该如何实现状态保存呢？接下来好程序员web前端教程小编就给大家分享常用的几个方法。...
2024-01-10
VUE前后端学习tab写法实例
动态创建一个tab，里面放一个table，这样一个后台管理的基本功能（之一）就出来了。好吧，这里其实只是试试水，感受一下vue的数据驱动可以怎么玩，通过一个个实例学习一下vue的各个知识点。这里要看看方法和css如何设置。一、目标1、 可以动态创建tab。2、 可以切换（废话）、可以关闭tab。...
2024-01-10
前端学习—React—初出茅庐
React学习—初出茅庐 对与React的学习思路，首先React中用到了Class、let、const、以及modual(模块)的导入(import)和导出(export)，而这些都是ECMAScript6标准中新增的内容，所以ECMAScript6在React学习中，是一个基础且重要的知识点。 前端开发工程化构建思想，组件依赖、组件管理。以及前端开发MVC构建，都...
2024-01-10
【JS】web前端入门宝典,来看看大佬的学习之路
开始大佬的表演1、为什么选择学习前端开发？你可能是因为兴趣，完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆，就业率高。不管是因为什么，只要找准了目标，学就是了！2、Web前端开发是干什么的？有没有“钱”途？（1）定义：前端开发就是将UI设计师设计好的界面实...
2024-01-10
学习Vue源码前的几项必要储备（一）
从接下来的一段时间里，Mg要进行阅读源码的工作。再阅读源码前，梳理一下准备工作。7项重要储备Flow 基本语法发布/订阅模式ES6+ 语法原型链、闭包函数柯里化event loop1.flow1.1 什么是flow没有类型的静态检查是 JavaScript 语言的先天缺失，所有很多变量类型相关的问题只能在运行阶段暴露出来。...
2024-01-10
web前端教程：Vue项目开发流程
web前端教程：Vue项目开发流程 一、企业项目开发流程产品提需求交互设计出原型设计视觉设计出UI设计图前端开发出页面模板server端存取数据库验收测试二、为什么要使用vue: htt...
2024-01-10十个免费的web前端开发工具详细整理
十个免费的web前端开发工具网络技术发展迅速，部分技术难以保持每年都有新的工具出现，这同时也意味着许多旧的工具倒在了新技术的发展之路上。前端开发占据了web很大一部分，而且也成为了一种职业路径。如果你将前端开发当做自己的又一新技术或者作为一个可发展事业，你需要为这个工作...
2024-01-10
年Web前端开发工程师市场怎么样？学会什么技术才能拿到高薪
几乎整个互联网行业都缺前端工程师，不仅在刚起步的创业公司，对上市公司乃至巨头这个问题也一样存在。据统计，国外的前端开发人员和后端开发人员比例约1:1，但是在国内比例却在1:3以下， Web前端开发职位人才缺口巨大。前端工程师的发展之路十分有“钱”景。每天，HR 群都有人在吐槽招不到...
2024-01-10
【开发工具】Web前端不容错过的10个HTML5工具
HTML5 已经成为当今世界的一个必然组成部分。由于 World Wide Web 万维网是使用超文本标记语言来架构和呈现的，于是 HTML5 成为了最流行的编程语言之一。随着网络的不断扩张，Web 开发人员非常有必要拥有最新的 HTML5 工具，用于创建动态和交互式的 Web 应用程序和网页。下面这些就是你不应该错过的新的 ...
2024-01-10
一统江湖的大前端React.js-从开发者到工程师
《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。如果你对前端的理解还是写写页面绑绑事件，那你真的是有点OUT了，前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面...
2024-01-10
前端Vue项目——首页/课程页面开发及Axios请求
一、首页轮播图1、elementUI走马灯 elementUI中 Carousel 走马灯，可以在有限空间内，循环播放同一类型的图片、文字等内容。 这里使用指示器样式，可以将指示器的显示位置设置在容器外部：<template> <el-carousel indicator-position="outside"> <el-carousel-item v-for="item in 4" :key="item"> <h3>{{ item }}</h3> ...
2024-01-10
前端开发Vue教程笔记（一）
每天学习编程，让你离梦想更新一步，感谢不负每一份热爱编程的程序员，不论知识点多么奇葩，和我一起，让那一颗四处流荡的心定下来，一直走下去，加油。这几年Vue.js成为前端框架中最火的一个。越来越多的网站前端开始采用Vue.js开发。是开源世界华人的骄傲，其作者是我国尤雨溪，为了给个...
2024-01-10
【技术博客】基于vue的前端快速开发(工具篇)
一、Vue教程vue.js是一套构建用户界面的渐进式框架。vue采用自底向上增量开发的设计。vue的核心库只关心视图层，非常容易学习，非常容易与其它库和已有项目整合。vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用。vue.js的目标是通过尽可能简单的API实现响应的数据绑定...
2024-01-10
前端！7个快速发现 bug 神仙调试工具
本文已经过原作者授权如果你从事的是前端开发，就应该能理解调试代码还是很有难度的。特别是对于JavaScript，一个小错误有时会花费数小时来调试。对于不同的浏览器、操作系统和设备，错误又是不可避免的。本文主要列出一些调试工具，你们可以自己根据情况来选择。Web浏览器中的开发工具任...
2024-01-10
【Web前端问题】微信多群直播如何实现
微信多群直播：一个主场微信群，多个副场微信群，主场某个人分享的东西在副群自动转发。主场和副厂都必须要一个单独的微信（叫他机器人微信号）专门转发。大概想了下，用webwx的接口抓包可以获取某个人的信息及msgid或者mediaid，通过机器人微信号把msgid转到其他的副群中去。难点是如果不通过...
2024-01-10
【Web前端问题】如何阻止UC的左右滑动
如图所以。移动端页面中，需要左右滑动，我用iscroll来实现的左右滑动，但是在UC浏览器上，会默认开启左右滑屏前进后退。我一滑动，页面就很容易到别的页面。我也不能使用event.preventDefault().不然我上下滑动就无效了回答：这个问题解决了吗？...
2024-01-10
【Web前端问题】大批量DOM操作如何提升性能
STARTQ:很简单的一个业务，用JS实现一个通讯录的列表显示。具体描述：1.A-Z+#，一共27个DOM对象，假设有1000条数据，我要根据数据中的姓名往这27个DOM对象中添加，请问如何可以最高效的实现，头像可以后加载因此这里不考虑。2.拒绝setTimeout来实现3.因为要分别往多个DOM对象中进行DOM操作，所以除了创建...
2024-01-10如何传递一个变量在web API
我正在做一个Web API应用程序，我面临一个问题。问题是，我想通过变量在Web API的URL，我可以使我的网址动态。请帮我我的代码如下如何传递一个变量在web API$('.srtMenu').click(function() { var shortStar = $(this).text(); var starValue; if(shortStar=='Bad') { star = '1'; } $.ge...
2024-01-10
【Web前端问题】非闭合环形渐变进度条如何实现?
如图：求给个思路！难道真的只能用D3来实现吗？回答：css 属性line-grient可以做到回答：这里给个思路吧：先如下图，找出圆弧的圆心，然后做两张图（一张背景透明的轨道图，和一张背景透明的渐变颜色填充图，图形大致形状都如右图所示）然后用代码画出如下布局对于DOM的处理，第一种是将...
2024-01-10
前端如何显示后端返回blob图片?
生成src接口返回的内容回答：害 我在服务端转base64返回前端好啦回答：你服务器返回的时候什么类型，如果是blob如下就可以了img.src = URL.createObjectURL(res);你更本没有返回二进制流啊，你直接请求的是个图片img.src="/qrcode/createqrcode" 就可以了啊回答：报错了Failed to execute 'createObjectU...
2024-02-22
【Web前端问题】这个正则的长度如何计算的？
/^(?=.*[a-zA-Z])(?=.*\d)\w{6,22}$/gi意思是 6-22为密码 至少有一个字母一个数字比如a11111也能通过不过我以为a11111不可以 因为往前看一个字母a 一个数字1 剩下4位1111 不满足长度为6为什么呢？回答：这个正则的主要部分是\w{6,22}，匹配6-22位的字母、数字、下划线。而前面的(?=.*[a-zA-Z])(?=.*\d)是在这个基础上做限...
2024-01-10
【Web前端问题】如何修改小程序往下或往上拉时的黑底？
如何修改小程序往下或往上拉时露出的黑色修改为其他颜色？回答：看官方文档啊，background的相关配置回答：在app.json中，添加：{ window:{ "backgroundColor": "#ffffff", }}...
2024-01-10
【Web前端问题】如何让一个div的宽度自适应子元素的文字大小宽度
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Calculator</title> <style> #container { width: 180px; margin-left: auto; margin-right: auto; } .text { width: 200p...
2024-01-10
【Web前端问题】关闭浏览器已填表单的数据仍然存在是如何实现的
像新浪微博这样，如果撰写了微博内容未发布，即使关闭了浏览器，下次开启，表单里仍然保存着上次撰写的内容，这内容是保存在哪里的，如何实现的？回答：IE6/7下用userData behavior，其他浏览器就用localStorage吧，Cookie也可以，但是限制略多userData behavior参考http://msdn.microsoft.com/en-us/libra...回答：新浪...
2024-01-10
