2024年Web前端最新一个前端大神电脑里的秘密_dependency cruiser extension(2)，面试看这个就够了

于 2024-05-12 01:37:44 发布
阅读量901 收藏 16
点赞数 26
分类专栏： 程序员 文章标签： 前端 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84447362/article/details/138736279
版权

基础学习：

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计：HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互：JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

  • 代码运行器： Code Runner

  • 正则提示插件： any-rule、Regex Previewer（辅助验证正则结果）

  • Docker插件： Docker

  • 格式化类插件： EditorConfig for VS Code、ESLint

  • 进制文件查看： Hex Editor

  • TODO提示： Todo Tree

  • 流程图绘制： drawio

  • PDF查看： vscode-pdf

  • Markdown预览：Markdown Preview Enhanced

  • SVG文件预览：SVG Viewer

  • 图片预览（在html或者css写地址的时候可直接预览）：Image Preview

  • 文件依赖分析（如：.vue文件可以通过该插件看到引用了哪些依赖）：Dependency Cruiser Extension

  • 颜色选择、设置：Color Highlight、Color Picker

  • 快速生成注释：vscode-fileheader 和 koroFileHeader

  • npm模块导入智能提示： npm Intellisense

  • 接口请求：REST Client

6. docker（选用）

docker可以帮助前端快速获取一些偶尔使用的环境（偶尔使用的环境，又不想在电脑上安装一大堆），如：nginx、mysql、redis等之类的，之前发过一篇简单的使用，可以参考一下，地址

7. 梯子

科学上网，不用解释

二、好网站
图片相关
  1. 代码图生成 carbon

  1. 代码图生成 ray

  2. 图片压缩-tinypng

  3. 图片压缩-picdiet

  4. 图片压缩-compresspng

  5. 图片背景消除

开发文档

  1. 聚合类开发文档

  2. 聚合类开发文档-overapi

  3. docschina.org/

  4. 菜鸟教程

  5. roadmap.sh/

在线IDE、代码美化

  1. codepen.io/

  2. codesandbox.io/

  3. code.juejin.cn/

  4. stackblitz.com/

  5. 代码美化

响应式开发、多平台测试、性能分析
  1. 多设备调试

  1. 多平台测试

  1. 性能分析
css

css动画演示

常用开发小工具
  1. smalldev

  1. tool

简历

  1. resume

  2. 500丁

AI

AI视频生成 AI代码

CDN

  1. cdnjs.com/

  2. www.bootcdn.cn/

  3. www.jsdelivr.com/

  4. cdn.baomitu.com/

正则
  1. 正则图生成

  1. github.com/any86/any-r…

  2. regexr.com/

设计
  1. 配色

  1. 渐变配色

  1. 头像生成

  1. 表情符号

  1. 阿里巴巴图标库

  1. 图片设计

  1. 高清图片

  1. 各类插图

其他

  1. 建站服务

  2. 变量命名

  3. gitignore

  4. 程序员笑话梗

三、好软件
1. IDE：

vscode

webstorm

sublime Text

2. 版本管理

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

DE：

vscode

webstorm

sublime Text

2. 版本管理

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-sbJTRE6z-1715449041233)]

2401_84447362
关注
专栏目录
使用Process Explorer和Dependency Walker排查C++程序中dll库动态加载失败问题
dvlinker的技术专栏
04-17 2万+
使用Process Explorer和Dependency Walker排查C++程序中dll库动态加载失败问题。
【网络入门】详解常用的基础网络知识（面试笔试常考内容）
热门推荐
dvlinker的技术专栏
04-26 6万+
本文结合多年来的工作实践，来详细讲述一下作为IT从业人员要掌握的一些基础网络知识。
vue中使用window.postMessage
qq_42905523的博客
10-10 3003
vue中使用window.postMessage通信
HTML/CSS/学习(一)
qq_43239161的博客
09-09 327
学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaSc...
React—Native开发之 Could not connect to development server（Android）解决方法
冷血之心的博客
10-30 4万+
Could not connect to development server 是我深恶痛绝的一个超级大BUG。
vue+uniapp实现图形验证码功能-插件（附源码）_uniapp图片验证码
qq_58071132的博客
04-15 643
不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！一般是前端请求，通过服务后台生成图形码流，返回给前端显示，然后提交业务时，校验图形码。为了系统安全，不能是js前端生成图形码，容易在本地就被破解和获取。涉及验证码，为了安全，一般会加入图形验证码，然后再发短信验证码。vue+uniapp实现图形验证码功能-插件（附源码）在登录系统时，除了密码登录，还需要提供验证码登录。
vue系列---identify(生成图片验证码)插件
yyjourney的博客
01-16 4万+
identify 这是一个vue的插件，使用canvas来生成图形验证码。 具体参数如下： 直接上测试代码： identify.vue组件（主要用于定义参数和方法） template> div class="s-canvas"> canvas id="s-canvas" :width="contentWidth" :height="contentHeight">can
前端uniapp+后端springboot 详细教程《实现微信小程序授权登录》（附完整前后端项目demo）
tigerhhzz的博客
05-20 8821
功能： 通过前端发送请求，请求头中携带token参数，后端接受到token，然后进行token验证，拿到openid，通过openid去数据库中查询用户信息,并返回前端。功能： 通过前端发送请求携带的参数code以及后端配置文件中的微信小程序appid和微信小程序密钥，后端拼接url向微信后台发送请求。通过拿到的openid，去数据库查询对应用户信息，如果没有openid的用户，进行新增操作；使用uniapp构建一套代码多端使用的前端框架项目。如果存在openid的用户，进行更新操作。
springboot/web项目优秀的后端接口体系，看一篇就够了
空空说技术的博客
04-16 1万+
springboot/web项目优秀的后端接口体系，看一篇就够了 项目构建-统一参数校验，统一结果响应，统一异常处理，统一错误处理，统一日志记录,统一生成api文档 1. 前言 一个后端接口大致分为四个部分组成：接口地址（url）、接口请求方式（get、post等）、请求数据（request）、响应数据（response）。 本文主要演示如何构建起一个优秀的后端接口体系，体系构建好了自然就有了规范...
前端面试Vue 高频原理篇+详细解答，还有105道vue面试题集合
weixin_52546522的博客
05-30 5895
小编在群里看到一句话，说三件套加vue就可以找到实习，三件套估计说的是HTML+JavaScript+CSS，但还有这好事？这可不得赶紧把vue面试题安排上。实不实习不重要，主要是想学习哈哈哈哈（手动狗头）。 也有小伙伴私信小编有没有vue的面试题，看来之前的前端面试套餐：Vue面试题总结+JavaScript前端经典面试题+100道 CSS 面试题满足不了大家呀，小编又整理了一套vue面试题集合，需要的小伙伴直接点击这里喔 面试题篇 1.老生常谈之， MPA/SPA 的理解，优缺点是什么？ MPA 多页
VUE实现图片验证码功能
10-16
主要为大家介绍了VUE实现图片验证码功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
用IDEA创建JavaWeb项目
北冥的博客
10-29 6891
文章目录 一、创建web项目 1、打开idea软件，点击界面上的Create New Project 2、进入如下界面。选中 java Enterprise，配置jdk，tomcat，勾选Web Application案例，注意勾选生成web.xml文件 3、指定项目的名称及项目文件的保存地址 4、创建成功 5、创建class文件和lib文件夹   点击项目的WEF-INF文件夹 ,右...
vue中使用postMessage进行跨越传值
weixin_30216561的博客
04-16 3690
想在“当前位置”获取子页面的title属性，但是main页面和子页面在不同的端口上，直接获取会出现： “Blocked a frame with origin from accessing a cross-origin frame”跨域问题 于是改用postMessage进行跨域访问； 子页面中： mounted(){ this.frameInfo();...
uni-app使用uniCloud实现图形验证码(uni-captcha)
觉醒法师的专栏
02-28 4525
uniCloud 是 DCloud 联合阿里云、腾讯云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。uniCloud中使用图形验证（uni-captcha）主要起到人机校验或其他限制调用的作用。解决[uni-captcha-demo]: MODULE NOT FOUND:Cannot find module 'uni -captcha'异常问题。
vue之事件总线
Jack, what else can you do besides holding your little darling?
10-25 388
1.事件总线介绍 在vue中跨越层级的两个组件进行通信，若使用props传值和$emit触发的方式会十分繁琐，而事件总线的通信方式更适合跨越层级的组件通信。 2.事件总线原理 事件总线可以用一个对象来表示每一个事件 都有一个数组来记录这个事件的监听者 { "event1": [hander1, hander2], "event2": [hander1, hander2, hander3], } 1，若给某个事件添加监听者，就把处理函数添加到这个事件对应的数组中去 2，若给某个事
vue+uniapp实现图形验证码功能-插件（附源码）
liu_chenglong的博客
03-06 1037
vue+uniapp实现图形验证码功能-插件（附源码）在登录系统时，除了密码登录，还需要提供验证码登录。涉及验证码，为了安全，一般会加入图形验证码，然后再发短信验证码。一般是前端请求，通过服务后台生成图形码流，返回给前端显示，然后提交业务时，校验图形码。为了系统安全，不能是js前端生成图形码，容易在本地就被破解和获取。涉及验证码，为了安全，一般会加入图形验证码，然后再发短信验证码。vue+uniapp实现图形验证码功能-插件（附源码）在登录系统时，除了密码登录，还需要提供验证码登录。
浅谈Nginx之反向代理
weixin_34337265的博客
06-23 133
Nginx是一个异步框架的 Web服务器，也可以用作反向代理，负载平衡器 和 HTTP缓存,今天我们就来聊聊反向代理。 什么是反向代理? 反向代理（Reverse Proxy）方式是指以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个反向代理服务器。 我们换个方式理...
2024年Web前端最全IDEA创建Web项目详细说明，前端开发职业规划
最新发布
2401_84437095的博客
05-04 900
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
uniapp 短信监听（验证码）插件 Ba-Sms
三杯五岳
11-29 2608
Ba-Sms 是一款用于拦截实时短信的插件，可以进行短信过滤，得到自己想要的内容，可以用于需要自动填写短信验证码的项目。 支持监听当前接收到的短信信息；支持过滤接收到的短信，默认过滤4~8位的验证码；支持自定义过滤条件（正则）。
AngularJS2入门教程：一文掌握
每个应用至少有一个根模块，如AppModule。模块使用@NgModule装饰器定义，其中包含描述模块属性的元数据，如`declarations`（声明组件、指令和管道）、`exports`（可导出供其他模块使用的组件等）、`imports`（导入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值