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-10VUE前后端学习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前端问题】移动端如何实现图片的旋转和缩放
如果设置css属性，如何计算图片的旋转角度和缩放比例呢，谢谢！类型于回答：fabricjs，功能齐全且强大，但是没有中文文档。zrender，百度 echarts 的渲染引擎，文档齐备，不过是一个“裸”的渲染引擎，放大旋转这些交互需要自己写，有大佬做了小程序适配版本的，参见WeZRender：微信小程序Canvas增强组...
2024-01-10
【JS】如何实现web大文件(G级别)上传
如何在网页实现大文件上传。。。回答以上的几种技术都无法解决这个难题, 幸运的是, 新的html5标准给我们带来了无限可能这里是一篇介绍 http://www.html5rocks.com/zh/tutorial...注意要看的是分割文件那一块, 配合服务器代码, 可以把文件块拼起来, 实现G级别甚至更大的文件上传我自己的项目已经使用了这样...
2024-01-10
【Web前端问题】如何动态画出椭圆
一根竖线慢慢转动，最后画成一个椭圆的效果，求大神贴出代码，不胜感激！mg/bVH8uz回答：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; list-style: none;} .box{ width:200px; height: 200px; border-radius: 50...
2024-01-10
【Web前端问题】前端地图动画效果如何实现。
类似于下面这面这种效果，头像是可以根据路线动的，之前没有接触过这类动画。前端应该如何实现？canvas?webGL?或者现成的框架？应该以什么思路做出这种效果呢,没什么头绪。。。回答：用canvas做回答：同求中。我也在找怎么做。...
2024-01-10
【Web前端问题】如何在网页中实现一个安全的沙箱环境
我想在网站上为用户提交的javascript代码做一个可以在线演示的demo环境，但是怕用户提交恶意代码来做坏事，因此想实现一个安全的沙箱环境，让代码在执行时不会影响到主站的环境，这样也不会被xss了。回答：给你推荐一个网站http://jsfiddle.net/，这个网站允许在线运行javascript。你在编辑javascript的编...
2024-01-10
【Web前端问题】如何实现多域名随机跳转？
1.如何实现多域名随机跳转？同一个链接可以指向随机域名？2.比如说，链接a这次跳转到链接b,下一次，可能是链接c，跳转的链接是随机的，在代码中如何实现呢？回答：这样行吗？location.href = Math.random() < 0.5 ? "http://www.foo.com" : "http://www.bar.com";回答：loaction.href = 'xxx.com/xxx'+Math.random();回答：首先...
2024-01-10
【Web前端问题】请问如何设计前端UI，方便编辑SQL多对多关系？
我正在做一个在线书店，显然书和作者是多对多关系（一本书可以有多个作者，一个作者可以写多本书），因此需要三个表：书表B: id, title, ...作者表A: id, name, ...两者关系表C: bid, aid。现在我们向数据库录入一本书（假定是数据库没有的新书），那么一定要向B表和C表插入新记录，但A表呢？这本新书的...
2024-01-10
【Web前端问题】vue下拉框如何点击其他区域收起
一个下拉组件，如图，想要点击除这个组件的任何其他区域收起这个菜单，vue该怎么做？回答：ready() { document.addEventListener('click', (e) => { if (!this.$el.contains(e.target)) this.show = false })}回答：这个下拉框是个div或其他什么吧，应该有个用于展示的class吧，这个class应当对应data里面的一个数据吧，修...
2024-01-10
【Web前端问题】CMD如何引用es6书写AMD的模块
我这边有一个ES6书写的AMD模块a.js，如var {assign, endsWith, forEach, find} = require('lodash');function a(){};//...moudule.exports = { a};而我想写一个能让老代码seajs能引用的模块b.js,而这个模块对a.js有依赖，需要require这个a.js我该怎么弄呢？用webpack的babel打包的话出来的是一个直接引用的js文件，我想最好能写出一个...
2024-01-10
【Web前端问题】如何实现网页滚动侦测以及顶端固定导航栏？
本人不太了解javascript, 但是准备设计一个看着顺眼的网页, 有顶部固定的导航栏和右边目录栏, 其中目录栏实现scrollspy(滚动侦测). 在参考了一些网页源码之后设计了一个简单的测试网页, 源码放在jsfiddle, 示例代码在这里.(链接地址变为了网站的缩略图了, 不过不影响看代码和结果. 不过可以点击右上角...
2024-01-10
