前端啥样的代码开发工具好用？

Posted 2023-04-23

为了让入行新人能够更快的掌握Web前端开发，千锋武汉小编推荐五个优秀的前端开发工具，供小伙伴们参考。

框架类：Bootstrap

全世界最流行的响应式前端框架。基于html、CSS、javascript的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格。并兼容大部分jQuery插件。简洁灵活，使得Web开发更加快捷。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

代码编辑器：Codepen、VScode

CodePen是一个在线的HTML、CSS和JavaScript代码编辑器，能够编写代码并即时预览效果。可以用于在线展示的作品，也可以看到其他人在网页中实现的各种令人惊奇的效果。

VScode免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。

性能测试：Google PageSpeed Insights

PageSpeed是谷歌的网页测试工具，通相信有接触前端开发的大神们都听说过Google官方的PageSpeed Tools，这个网页载入速度检测工具有在线版本也有一个 Chrome扩展，叫PageSpeed Insights。PageSpeed Insights的Chrome扩展是由谷歌官方开发的一款可以分析页面载入的各个方面，包括资源、网络、DOM以及时间线等等信息的插件，过检测评分给你优化建议。

调试类：AtomAptana Studio

它是非常强悍的JavaScript编辑器和调试器，可以支持多种AJAX和JavaScript工具箱，包括JavaScript编辑和调试。具有智能代码完成、浏览器兼容性提示、代码错误提示、文档结构树等功能。

HTML5：HTML5测试得分能够提示您正常使用的浏览器对于HTML5标准和相关规范的支持情况的指标。

前端开发工具数量很多，这里只是推荐了千锋武汉HTML5前端小编觉得比较好的5个前端开发工具。如果你有更好的意见，欢迎给我们留言分享。

参考技术A 我用的是 Sublime Text 非常方便小巧, 打开不用等待加载时间, 插件丰富, 性能稳定
新手也可以用Visual Studio Code(VScode), 界面比较友好, 插件安装有专门的界面展示, 并且一键安装, 插件的中文描述也很多
剩下的
HBuilder: 和HBuilder框架几乎绑定, 脱离框架看, 界面不怎么友好, 单方面偏向移动端
Dreamweaver: 入门级别的, 我从来没在他上写过完整的代码, 事实上从工作以后我就再也没见过有人用这个东西了
WebStorm: 比较大, 运行需要等待, 吃电脑运存厉害, 但是自带服务器模拟运行页面和热更新(就是你这边保存代码, 浏览器就变化)自动保存, 新手比较喜欢的, 后面如果会比如webpack打包工具就不喜欢这种笨重的编辑器了 参考技术B sublime text3编辑器，本人觉得比较好用 参考技术C 现在基本前后端基本都用vscode，因为体积小，功能强大，支持各种插件，当然WebStorm也是很好的选择，hbuilder比较倾向移动端，mac的话xcode是比较好的，目前来说的话vscode是比较好的选择 参考技术D

想要熟练前端开发技术，每天都必须勤于实战，因此也离不开开发工具，在这里上海易莱胜给大家推荐：Hbuilder webstorm    notepad   sublime。

addSubview 方法是啥样的？

【中文标题】addSubview 方法是啥样的？

【英文标题】：What does the addSubview method look like?addSubview 方法是什么样的？

【发布时间】：2011-12-17 08:47:42

【问题描述】：

我知道它的功能以及如何使用 addSubview 方法。

想知道该方法是什么样的，该方法中使用的代码它自己..以及是否有人可以指出我下次为自己找到这个的正确方向。

我假设我可以在开发人员文档中找到它，并且我找到了方法，以及它的作用（我已经知道），但如果可能的话，我想查看示例代码。谢谢=]

【问题讨论】：

为什么要了解实现细节？

【参考方案1】：

实现代码未公开，iOS 未开源。您可以获得的最接近的是头文件，但它只声明了接口，它没有给您任何您无法从文档中获得的东西。

【参考方案2】：

这是一个使用“空应用程序”新项目模板中的 AppDelegate 类的简单示例：

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

    // create label to add to UIView
    UILabel * label1 = [[UILabel] alloc] initWithFrame:CGRectMake(20, 20, 280, 100)];
    label1.text = @"Hello World";

    // create view to add to UIWindow
    UIView * view1 = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 320)];
    [view1 addSubview:label1];
    [label1 release];

    // create window to display
    self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];
    [self.window addSubview:view1];
    [self.window makeKeyAndVisible];
    [view1  release];

    return(YES);

【讨论】：

谢谢，但是您显示的代码是一个逐步创建视图并使其显示在我的屏幕上的过程。我要问的是，你看看你是如何在 self.window 上使用 'addSubview' 方法的，我想知道它自己的 'addSubview' 方法是什么样的。 -（无效）添加子视图；谢谢:)

您是否要覆盖 -(void)addSubview;？如果是这样，为什么要覆盖 addSubview？

我实际上没有，但是是的，现在你得到了我想要的:)。我只是好奇，我真的很想知道它是如何工作的。嗯，为了不那么麻烦，下次有办法自己找出来吗？ TIA。

我不知道它是如何工作的，但我可以做出一些猜测。我不确定您将如何在不查看 UIView 类的源代码的情况下明确回答您的问题。