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
5G时代来临，前端开发工程师必须了解的音视频入门基础知识（基本概念、播放流程、封装格式、编解码、传输协议）
1. 音视频基础本文将给大家进行音视频基础的常规知识点的梳理。当然，短短的一篇文章并不能让大家立即变成音视频领域的专家，但这些知识点已经基本涵盖了音视频的入门知识。我们将按照下面的内容给大家音视频的基本概念音视频播放的流程音视频编解码音视频封装格式音视频常见的传输...
2024-01-10
酷工作丨丁香园内推、拼多多急招前后端开发工程师、华润地产招安卓开发
值班编辑：芒果果SegmentFault 思否社区致力于成为科技企业和开发者沟通的桥梁。为此特设「酷工作板块」，以便企业发布相关招聘信息，也为社区开发者提供招聘信息参考。点击 https://segmentfault.com/grou... 可查看更多招聘信息；有招聘需求的企业也可于社区自助发布相关信息。*更多合作可发送邮件咨...
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
【Web前端问题】请教如何利用JS完成简单的商品筛选问题
1.设定一个数组，其中存放有全部商品的名称，并在界面左侧的边框中显示出来 2.当用户点击左侧边框中的商品，表示选中该商品，则将该商品从左侧的列表中删除，并添加到右侧的选中列表中； 3.注意，在右侧的选中列表中商品名称要按顺序排序，添加新选中的商品名，也要插入到对应的顺序位置...
2024-01-10
【Web前端问题】css如何让遮罩层的文字居中呀，如何改变遮罩层的出现方式改为从四周出现？
<div class="sw_mask" data-text="教育行业"> <img src="/ehouse/img/service/research_1.jpg" class="second_img"> </div>.sw_mask { position: relative; overflow: hidden;}.sw_mask:after { position: absolute; left: 0;...
2024-01-10
【Web前端问题】前端多文件上传 如何循环文件让每个文件带上id
目前需要做多文件上传，要求是假如上传三个文件，那么异步上传，每次上传一个文件加上一个独有ID。 但是目前按照网上的说法这样写<form id= "uploadForm" action= "" method= "post" enctype ="multipart/form-data"><input type ="file" name="file[]" id="file" multiple="multiple"/><a href="javascript:;" id="add">[+]</a> <input...
2024-01-10
【Web前端问题】如何用 JS 实现 初中物理电路自由连接并计算。
如图：上图是实物。现在已经转成前端，模拟实现自由连接。器件就这么多，目前遇到的问题是自由连接时，如何判断是通路，短路，断路？万用表如何计算数值？参考https://wuli.nobook.com/#/phy...网上有类似的功能，不知道他是怎么实现自由连接，并且测量数值。有想过穷举，把所有的连接的方法都...
2024-01-10
【Web前端问题】VUE中的平移过渡如何实现？
https://jsfiddle.net/7Lypucvo...请问用vue的<transition>可以实现底下的横杠平移过渡吗？我看了下官方文档，好像只能添加进入离开过渡？回答：可以的.首先分析动画动画有两个方向,向左向右.这个可以监视选中的index,通过比较新旧值来获得.用transition组件实现的话,transition组件触发的前提是v-show,v-if导致了dom...
2024-01-10
前后端分离的web社区类项目,如何统计在线人数
前后端分离的web社区类项目,如何统计在线人数回答：看到过一个有趣的做法，就是 v2ex 的站长早些年发的一个帖子。使用一个单独的 Redis 数据库每个在线用户是一条带有 TTL 的记录，在每次 Session 开始时写入这条记录到 Redis需要统计当前有多少人在线的话，只需要在这个数据库上用 dbsize() 就可以获得，不会遇到 keys() 可能带来的性能问题来源：关于用 Redis ...
2024-03-10
【Web前端问题】长文本显示/隐藏的是如何实现的？
如上图：移动端显示，显示的内容超过5行，内容自动隐藏并且出现【显示全部】的文字，当显示的内容少于5行时不出现【显示全部】的文字， 请问如何判断呢 （就像微信朋友圈那样，内容超过5行出现【全文】，少于5行不出现【全文】）？ 谢谢！回答：https://jsfiddle.net/wymxhaek/还是伪类的运用，注...
2024-01-10
【Web前端问题】求这个算法如何实现?
数据格式如下：[ { "event": { "id": "2013", "startTime": "00:57:00", "endTime": "07:56:00", "title": "list 1", "backgroundColor": "#f6c79f", "textColor": "#8c725b", "order": 2014 } }, { "event": { "id": "2016", ...
2024-01-10
【Web前端问题】JS中如何让循环当中的一次完全执行之后再执行下一个？
使用pdf.js渲染pdf到html，发现如下代码效率特别不好，造成页面特别卡，可能是好多个canvas渲染在同时工作，如何让一次循环中的代码独立执行完毕再执行下一次循环从而避免多个操作同时一起执行？第一次提问谢谢大家就像图中的60-65行，如何让一个执行完全以后再执行下一个？回答：举个例子，...
2024-01-10![【Web前端问题】[CSS + JS] 如何使用JS代码获得 元素计算后的全部样式 并 对应值 ？](/wp-content/uploads/thumbs/363481_thumbnail.png)
【Web前端问题】[CSS + JS] 如何使用JS代码获得 元素计算后的全部样式 并 对应值 ？
样式： 除浏览器默认样式外且不被重置的 行内样式, 内部样式 ,外部样式 的属性及值回答：getComputedStyle...
2024-01-10
