- 综合排序
- 最热优先
- 最新优先
- 来自专栏埋名
最流行的4种前端构建项目工具介绍
Grunt 和 Gulp 是在是前端的世界中最流行的解决方案，他们两个都有很多非常有用的插件。NPM（Node.js 的包管理器）则包含了他们两个。 在实践中只使用 CommonJS （ Node.js 所采用的格式）会比较有帮助，而让工具去处理剩下的事情。它的优势是你可以发布到 NPM 上来避免重新发明轮子。 你可以用 Gulp 调用它，此外有很多转换小工具可以让你更兼容的使用（比如 watchify 提供了一个文件监视器帮助你在开发过程中更加自动化地把文件合并起来），这样会省下很多精力。 你可以用其他工具和 Webpack 一起使用。它不会解决所有事情，只是解决一个打包的难题，无论如何，这是在开发过程中需要解决的问题。
1.9K30发布于 2018-10-18 - 来自专栏森屿暖树
前端特效学习4
效果图 HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body>
<div class="cube35320编辑于 2022-03-23来自专栏7DGroup性能工具之前端工具梳理
经常被问到为什么前端不写性能分析相关的内容。我觉得有几个原因。 觉得写不专业；2. 不怎么感兴趣。 这个文章也只是梳理下有哪些工具可以用，并没有做深入的分析。 有的人可能看到页面是一次展示出来的，那就是前端设计的太差了。 另外，不同的浏览器用的内核不一样，所以展示的过程会有细微的差别。 还是回到工具上。 charlesproxy ? 这个瀑布视图是我觉得前端性能分析工具中做的最好看的。 各元素的响应时间一目了然。并且也把时间细分的非常好。 但可惜的是它只能支持windows，ipad，iphone。 不知道这个工具开发者是怎么想的。 并且这个工具的专业版也收费。 safari开发者工具 ? 如果是喜欢简洁的人，这个工具必然是首选。 以上的工具中，都有对前端做调试的功能，下个断点，改个页面参数，复制请求，重发请求，自组装请求之类的。 总之，对于前端的性能分析来说，工具真的已经做的非常完整清晰了。要是说分析时间消耗，看这些就够了。
1.6K20发布于 2019-07-17来自专栏Ywrby4-Bootstrap前端框架
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。 （例如，如果设定了col-xs-4则在小屏幕手机上占四个栅格，同时在大屏幕设备上也能保证占据四个格子） 栅格类属性不可以向下兼容，如果真实设备分辨率小于预设值则一个元素会占满整行（例如，设定col-lg -4则设备在大屏幕上一个元素占四个栅格，但在小于临界值的所有设备上都单独占据一行） 栅格系统示例 <!
1.9K20编辑于 2022-10-27来自专栏李才哥前端面试系列（4）
第二步：true < 1，这时true会转为1，false会转为0进行比较，因此这一步结果为false
36910发布于 2019-07-24来自专栏达达前端前端技术前沿4
mpvue.com/ 3：组件化开发框架wepy Github地址: https://github.com/Tencent/wepy 官网地址： https://tencent.github.io/wepy 4： miniprogram/dev/framework/MINA.html 5：Tina.js 一款轻巧的渐进式微信小程序框架 Tina.js 开源框架地址：https://github.com/tinajs/tina 6：前端框架 weapp.iviewui.com/ 8：ZanUI-WeApp -- 一个颜值高、好用、易扩展的微信小程序 UI 库 https://cnodejs.org/topic/589d625a5c8036f7019e7a4a
85130发布于 2019-07-03来自专栏前端笔记薄前端杂记-画图工具
画图工具 figma，我和同事在用的画图工具，色彩丰富，组件丰富，简单熟悉以后很好使。 processon，专业强大的作图工具，支持多人实时在线协作，可用于原型图、UML、BPMN、网络拓扑图等多种图形绘制。
96620编辑于 2022-12-27来自专栏玩转全栈前端工具分类简介
，javascript模块打包方案(方案+工具+插件)， - babel, TypeScript, 算是一类，ES编译器， - requirejs , seajs 是一类, 以前基于 commonjs， amd，cmd，umd 之类的模块类包加载方案的框架， - grunt , gulp , 前端工具，结合插件，合并、压缩、编译 sass/less，browser 自动载入资源， - react , angular , vue , backbone 是一类，mvc , mvvm , mvp 之类的前端框架， - jquery , zepto , prototype 是一类，前端 DOM , BOM 类库 ， - - Ionic , NativeScript , React Native , Flutter , PhoneGap/Cordova , Xamarin 算是一类，Cross-Platform 开发工具 前端玩移动端 --weex 阿里的，目前来说还行吧。 --React Native ，Facebook的，写起来也凑合。
1.2K61发布于 2019-04-16来自专栏JAVA相关前端工具方法整理
2.对象转JSON字符串JSON.stringify(response.principal)3.JSON字符串转JSON对象JSON.parse(principal)4.有个响应式对象，然后想清空所有属性 7.解析数组内容用逗号拼接我有个"0", "1", "2", "3", "4"，我想输出："0,1,2,3,4"const warningNotice = ["0", "1", "2", "3", "4 warningNoticeString = warningNotice.join(','); // 使用逗号作为分隔符console.log(warningNoticeString); // 输出： "0,1,2,3,4"8 《vue3第二章》常用组合式 Composition API，包括setup、ref函数、reactive函数、vue3.0中的响应式原理、计算属性与监听属性4.vue3知识点：setup5.vue3知识点
27700编辑于 2025-05-28来自专栏PY的开发实践前端应用部署工具
接触过很多部署网站的工具，总体来说分为静态网站托管和 serverless。 基本流程部署工具基本包含以下三大块：触发器、CI、CD触发器触发器指的是触发部署动作，分为两大类：cli: 腾讯云 TCD, vercel-cli 这类工具实现本地命令行登陆账号，通过本地命令行出发构建部署 静态网站部署vercelvercel 是一个前端明星团队。 按流程来一遍即可，非常简单githubPagesgithubPages 是 github 用来部署项目主页的工具，结合 workflow, 利用 gh-pages 这个 action， 部署起来非常快。 总结当前处于云原生时代，对前端开发人员也越来越友好，各种部署工具层出不穷，我们只需要专注于自己的核心能力即可，能够被标准化的产业肯定会被标准化的，云函数也好，云托管也好，本质上就是让开发者能够更快更简单的去上线自己的创意
7K41编辑于 2022-07-12来自专栏气象杂货铺Basemap工具函数(4)
map.drawcoastlines() for lon in range(0, 360, 20): for lat in range(-60, 90, 30): map.tissot(lon, lat, 4,
1.8K10发布于 2020-04-21来自专栏一个爱吃西瓜的程序员Web前端基础【4】--HTTP标准
4：500———内部服务器错误。 HTTP状态码由三个十进制数组成，第一个十进制数定义了状态码的类型。HTTP状态码共分为五种类型，如下图： ? ;pgv_si=s9886431232;BDRCVFR[ISR1xZMpC9b]=mk3SLVN4HKm; BD_HOME=0; BD_UPN=12314553; H_PS_645EC=b833N3G6NF8lbH9RZXAkMCCKgHYIsKg3GGzIzAnQQh4vXLe1OO9RS00JdtU 4：Cache-Control：用于指定缓存指令，缓存指令是单向的，且是独立的。 4：Bduserid：暂时不知道什么意思。 5：Cache-Control：用于指定缓存指令，缓存指令是单向的，且是独立的。 4：get请求在访问网页是很常见，post请求则常用在登录框、提交框的位置。 每天学习一点点，每天进步一点点。
1.1K70发布于 2018-04-03来自专栏全栈者前端开发工具总结
主要是为了帮助大家搜集一下前端开发中要用到的一些东西，打造一个前端开发工具字典，方便大家查阅。 篇幅比较长，先给大家放一张脑图，看看自己的兴趣在哪，或者说自己需要补充哪方面的，可以从右边的导航栏查看，也可以直接打开我做的工具网站查看，分级明显。前端工具集~ ? 前端开发博客 - 汇集了很多前端有用的东西 搭建博客的工具 VuePress - 能帮助你快速搭建自己的博客，样式还不算很那看，但是更多的可以用作搭建文档。 开发工具 bootCDN - 各种开源库的 cdn 地址，加快开源库访问速度 Awesomes.cn - 前端各种资源库，想用的这里说不定都有 熊猫图片压缩 - 一个压缩图片的网站， web 前端导航 - 由腾讯维护的 web 前端资料库，里面包含各种前端的知识 百度前端技术学院 慕课网 腾讯课堂 github - 最大的同性交友网站，被微软收购之后用户数有所减少
3.2K21发布于 2019-08-30来自专栏腾讯技术工程官方号的专栏前端性能分析工具利器
分析的方向除了业务本身的特点相关之外，常见的还可以借助一些工具来发现问题。 本文主要介绍前端性能分析可以怎么走~ 前端性能分析工具（Chrome DevTools） 一般来说，前端的性能分析通常可以从时间和空间两个角度来进行： 时间：常见耗时，如页面加载耗时、渲染耗时、网络耗时 由于我们的网页基本上跑在浏览器中，所以基本上大多数的工具都来源于浏览器自身提供，首选工具自然是 Chrome DevTools。本文我们也主要围绕 Chrome DevTools 来进行说明。 我们提及前端监控的时候，大多数都包括了真实用户监控。 有了这个协议，我们就可以自己开发工具获取 Chrome 的数据了。
3.5K62发布于 2020-09-03来自专栏阿杜的世界前端开发：工具和流程
在谷歌上浏览资料过程中，偶然遇到ThoughtWorks的这篇文章：我们真的缺前端工程师么？ 文章的核心观点在于：我们不是缺前端工程师，我们是缺优秀的前端工程师。 我再激进一点，我的观点是：我们不是缺前端工程师，我们是缺优秀的具备匠心的工程师。 我们今天的主题是：当下前端开发的工具以及开发流程。 开发工具 1. Guard + LiveReload Guard是一个命令行工具，可以检测到本地文件的修改，并且可以触发一些命令。 4. 静态服务器 只要你的机器上安装了Python，就会有一个简单的http服务器，启动命令是：python -m SimpleHTTPServer 9999 5.
75320发布于 2018-08-06来自专栏前端技术开发Parcel前端构建工具
Parcel 是 Web 应用打包工具，适用于经验不同的开发者。它利用多核处理提供了极快的速度。 https://parceljs.org/getting_started.html 配置了一个简易的web打包工具 https://github.com/MrZHLF/Parcel ? 脚本配置好之后，直接启动dev启动项目，build对项目的打包工具 npm run dev ? "regenerator": true, "useESModules": false } ] ] } 这个打包工具适合一些简易的
1.3K40发布于 2019-12-25来自专栏李维亮的博客前端自动刷新工具
省时的浏览器同步测试工具 Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。 打开一个终端窗口，运行以下命令： npm install -g browser-sync 当然您也可以结合gulpjs或gruntjs构建工具来使用，在您需要构建的项目里运行下面的命令: npm install 那么您只需要运行命令行工具，进入到该项目（目录）下，并运行相应的命令： 静态网站 // --files 路径是相对于运行该命令的项目（目录），以css为例： browser-sync start --server
1.4K30发布于 2021-07-09来自专栏AllTests软件测试前端性能分析工具-Lighthouse
前端性能分析工具-Lighthouse 目录 1、前言 2、简介 3、使用 1、前言 对于前端开发人员来说，除了实现页面功能外，那就是页面的性能响应问题也要关注。 同样对于测试人员在进行性能测试时，也要关注前端页面的性能指标。 测试前端性能市面上可以用到的工具也比较多，比如可以用 HttpWatch 进行页面的抓取与分析，或者也可以使用抓包工具如 Fiddler 抓接口的形式进行分析。 本篇将介绍一款前端性能分析工具，即集成在 Chrome 开发者工具-Lighthouse。 2、简介 Lighthouse 用于分析 Web 应用程序和网页，收集性能指标和对开发人员最佳实践的见解。 1、打开 Chrome 浏览器，跳转到要进行性能监控的页面，例如作者的 CSDN 地址：https://blog.csdn.net/wangmcn 2、之后打开 Chrome 开发者工具（快捷键 F12
1.6K20编辑于 2022-07-26来自专栏深入浅出区块链技术Dapp 前端工具: Drizzle Store
译文出自：登链翻译计划[1] 译者：翻译小组[2] 校对：Tiny 熊[3] 如果你最近一直在尝试用 React 和 Redux 构建 dapp 前端，估计你已经意识到不能只专注于 dapp 做什么，为了使用 我们来看看它是怎么工作的，怎么用它来构建 dapp 前端。 什么是 drizzle store？它是怎么工作的？ 这里[4]有可配置选项的完整列表和描述。 SimpleStorage], events: { SimpleStorage: ["DataChanged"], }, }; export default options; 4. Pioneer [2]翻译小组: https://learnblockchain.cn/people/412 [3]Tiny 熊: https://learnblockchain.cn/people/15 [4]
1.7K20编辑于 2022-02-22来自专栏追不上乌龟的兔子新兴前端开发工具
我在最近的前端项目中用到了 vite 与 swc 作为构建工具和 JavaScript 编译器，二者都比较年轻，但提供更优秀的前端开发体验。 当下前端生态的新选手层出不穷，本文就简单介绍一下最近几年前端生态涌现的诸多新兴的技术与工具。 Node.js 版本管理工具 volta volta是一个使用 Rust 开发的新兴的 Node.js 版本管理工具。 vite vite是一个新兴的前端构建工具，在开发时使用 HMR 技术实现秒级的热更新，编译时使用 esbuild 和 Rollup 进行编译与打包，速度非常快。 前端框架（React.js 生态） next.js next.js是一个 React 框架，提供了 SSR、SSG、CSR 等多种渲染模式，同时提供了很多优秀的功能，比如图片优化、代码分割、预取、预加载
74220编辑于 2023-07-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号