前端利器_51CTO博客

前端调试利器 - Charles

Docs 开发之 Charles 配置指南 1.下载与安装 charles-proxy-4.1.4 .dmg56.12 MB已存到云盘下载 2.激活使用公司正版license 激活安装证书点击证书并选择「始终信任」 (证书不被信任可能会导致网站开发时部分资源文件无法加载。) 设置代理将你需要

移动端

无法加载

赋值

ios

字段

转载

mb5fdb0ff6b2aaf

2020-05-10 20:14:00

125阅读

2评论

最近同事推荐了一一款前端开发工具webstorm，使用了一下，便深深被吸引住了，抛弃以前一直使用的editplus，改用webstorm。花费一下午时间简单翻译了下官方文档上的特性说明。HTML/HTML5/CSS1.支持标签，自动闭合标签，数据源提示（如下图），id检测2.支持html5标签3.代码检测功能4.代码优化提示功能5.zen编码风格例如输入div.feature>h4+p再按tab建就会自动生成下面代码<divclass=”feature”><h4></h4><p></p></div>6.显示当前元素的

ide

右键

快捷键

html5

自动生成

转载

mb5fe18e5a55d8d

2012-11-05 18:20:00

140阅读

2评论

Javascript：前端利器之 JSDuck

背景文档的重要性不言而喻，对于像Javascript这种的动态语言来说就更重要了，目前流行的JDoc工具挺多的，最好的当属JSDuck，可是JSDuck在Windows下的安装非常麻烦，·

Java

原创

mb60f7b7dab5c54

2021-07-21 15:24:36

111阅读

前端开发利器 - Wep Replay

前端开发人员收到测试发来的 bug 后，通常比较头疼复现的问题。即使测试人员录了视频，照着一步步操作也不一定能复现，例如bug是与当时的数据相关的。为了解决这个问题，Firefox 推出了一个重磅新功能：web reply。看名字就知道它的功能是“页面回放”，这个回放可不是像录屏一样，而是完全真实的回放：JavaScript、DOM、CSS 的行为都完全像录制时一样重播。而且在重放时，你可以随意检

java

原创

mob604756f2af3b

2021-04-21 09:44:31

284阅读

Performance — 前端性能监控利器

Performance是一个做前端性能监控离不开的API，最好在页面完全加载完成之后再使用，因为很多值必须

加载

重定向

HTTP

原创

苍青浪1

2022-12-09 11:24:30

398阅读

前端开发利器—FIDDLER 转

前端开发利器—FIDDLER 1.Fiddler相对其他调试工具的优势 HttpWatch 和 Firebug绝大多数前端开发人员都比较熟悉，但是HttpWatch

前端开发

转载

mb61027760c156f

2021-07-30 10:24:16

166阅读

npx前端版本控制利器

npx 通过本地优先与临时下载两条路径，解决了全局 CLI 的版本冲突、一次性工具的安装成本以及包名与命令名不一致的映射问题。配合 npm init 的语法糖，它已成为现代前端与 Node 工程不可或缺的基础设施。

json

包名

bash

原创

前端小巷子

1月前

76阅读

前端js管理利器Bower

前段js包管理利器 bower

bower

js包管理

原创

shenli9java

2014-10-27 16:31:42

536阅读

前端打包利器：webpack工具

一、什么是WebPack，为什么要使用它？ 1、为什要使用WebPack 现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法：模块化，让我们可以把复杂的程序细化为小的文件; 类似于TypeScr

css

加载器

gulp

javascript

加载

转载

mob604756eedb0b

2018-03-05 22:55:00

148阅读

2评论

前端利器之 npx 使用纪要

安装更新 npm 至 >= @5.2.0 ，就会自动安装npx ；可以通过 which npx 来查看其绝对路径；如果由于某种原因它不可用，请按照以下说明安装或更新它即可： npm install -g npx 存在价值多年来，npm 生态系统越来越倾向于将工具安装为项目本地 devDepen

二进制文件

github

jar

环境变量

fish

转载

mob604756fa6ad7

2020-10-16 15:06:00

166阅读

[转] Performance — 前端性能监控利器

timing （PerformanceTiming）从输入url到用户可以使用页面的全过程时间统计，会返回一个PerformanceTiming对象，单位均为毫秒按触发顺序排列所有属性：(更详细标准的解释请参看：W3C Editor's Draft)navigationStart:在同一个浏览器

重定向

数组

加载

自定义

chrome

转载

mb5fe18f5282239

2019-10-11 14:43:00

140阅读

2评论

前端开发利器：npm 软链接

npm 软连接是为开发的模块创造一个全局链接，方便在主项目中使用依赖的模块进行测试。我们可以使用npm link指令将模块链接到项目中，使用软链接，能够避免重复繁琐的打包发布操作。

npm

前端

node.js

软链接

打包发布

原创

代码搬运媛

11月前

90阅读

手机前端开发调试利器 – vConsole

我们在开发手机版网页的时候，常常会出现下面的情景： (1) 开发时，在自己电脑上运行得好好的，在手机上打开就挂了，但是手机上又看不到error log； (2) 上线后，某用户表示页面失灵，但我们自己又重现不出来，看不到用户侧的出错信息。如果说(1)还可以通过电脑连接手机以查看log来解决，那(2

javascript

ajax

html

原创

axl234的博客

2022-04-06 10:34:29

85阅读

前端开发利器webStorm 3.0配置使用

合适的工具会事半功倍，当然也得把握分寸，要不就成了会得越多干的越多

WebStorm

vim

快捷键

jquery

php

原创

jikeytang

2012-01-16 14:52:00

146阅读

初识前端开发利器-Vue.js

本来我想结合b站禹神的课来更细致地完善博文的，想下还是算了，自己只是一个运维，必要时也只是想用用vue里的东西，并不想去深究到底层，文档摘抄都来自<<Django+Vue.js实战派Python Web开发与运维>>这本书里，这本书大致看了下有很多处错误地方，不太建议新手购买观看，如果想学Vue的话还是买专门讲Vue类型书籍。需求背景运维devops平台决定前后端分离，前端

Vue

html

vue.js

原创

是逍遥哥哥啊

2023-06-06 16:39:08

236阅读

WebAssembly：前端性能优化的终极利器

WebAssembly是一种二进

前端

wasm

前端框架

WebAssembly

html

转载

mob64ca14154457

1月前

343阅读

前端自动化测试利器 - PhantomJS

[url]http://pm163.lofter.com/post/aa404_197d8e[/url]前端自动化测试向来是一件很困难的事情，特别是涉及UI层面的测试时

前端

测试

ui

ViewUI

Math

原创

pyzheng

2023-05-15 13:35:11

154阅读

前端开发利器webStorm 3.0配置使用

前端

javascript

php

ViewUI

快捷键

原创

mb646713a07a071

2023-05-19 15:46:44

242阅读

前端开发利器：深入了解 PNPM

在前端开发中，包管理工具是我们工作中不可或缺的一部分。npm 和 yarn 是最常见的包管理工具，但近年来，pnpm 作为一个新兴的工具，凭借其高效、节省磁盘空间的特点，受到了越来越多开发者的青睐。那么，pnpm 到底有什么独特之处呢？今天我们就来深入了解一下 pnpm。什么是 PNPM？PNPM（Performant Node Package Manager）是一个高效的 JavaScript

管理工具

依赖管理

开发者

原创

转角处的汤姆

2月前

148阅读

前端开发利器：深入了解 Yarn

在现代前端开发中，包管理工具是我们不可或缺的助手。它们帮助我们管理项目依赖、提升开发效率，并确保项目能够顺利运行。在众多包管理工具中，Yarn 是一个非常受欢迎的选择，尤其是在其早期对 npm 的替代中脱颖而出。今天我们就来深入探讨一下 Yarn，了解它的特点、优势以及如何使用它来提升我们的前端开发效率。什么是 Yarn？Yarn 是由 Facebook 开发并开源的一个 JavaScript 包

开发者

离线

依赖管理

原创

转角处的汤姆

2月前

90阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

前端利器

前端调试利器 - Charles

前端开发利器-WebStorm

Javascript：前端利器之 JSDuck

前端开发利器 - Wep Replay

Performance — 前端性能监控利器

前端开发利器—FIDDLER 转

npx前端版本控制利器

前端js管理利器Bower

前端打包利器：webpack工具

前端利器之 npx 使用纪要

[转] Performance — 前端性能监控利器

前端开发利器：npm 软链接

手机前端开发调试利器 – vConsole

前端开发利器webStorm 3.0配置使用

初识前端开发利器-Vue.js

WebAssembly：前端性能优化的终极利器

前端自动化测试利器 - PhantomJS

前端开发利器webStorm 3.0配置使用

前端开发利器：深入了解 PNPM

前端开发利器：深入了解 Yarn

前端测试利器--Browser-Sync启动命令

Web 前端利器Emmet 的CSS 用法总结

WebWorker和SharedWorker：解锁前端性能的利器

Node.js：前端开发的新利器

client-side-mastery：前端技能掌握利器

Web前端学习之Vue CLI 3—前端开发又一利器

前端机器学习的利器，更快的 Pipcook 1.2

构建前端Mock Server的利器/Json-Server

前端AI工具：革新开发流程的利器

前端优化利器 Connect-Cachify使用指南

51CTO博客

前端利器

前端调试利器 - Charles

前端开发利器-WebStorm

Javascript：前端利器 之 JSDuck

前端开发利器 - Wep Replay

Performance — 前端性能监控利器

前端开发利器—FIDDLER 转

npx前端版本控制利器

前端js管理利器Bower

前端打包利器：webpack工具

前端利器之 npx 使用纪要

[转] Performance — 前端性能监控利器

前端开发利器：npm 软链接

手机前端开发调试利器 – vConsole

前端开发利器webStorm 3.0配置使用

初识前端开发利器-Vue.js

WebAssembly：前端性能优化的终极利器

前端自动化测试利器 - PhantomJS

前端开发利器webStorm 3.0配置使用

前端开发利器：深入了解 PNPM

前端开发利器：深入了解 Yarn

前端测试利器--Browser-Sync启动命令

Web 前端利器Emmet 的CSS 用法总结

WebWorker和SharedWorker：解锁前端性能的利器

Node.js：前端开发的新利器

client-side-mastery：前端技能掌握利器

Web前端学习之Vue CLI 3—前端开发又一利器

前端机器学习的利器，更快的 Pipcook 1.2

构建前端Mock Server的利器/Json-Server

前端AI工具：革新开发流程的利器

前端优化利器 Connect-Cachify使用指南

Javascript：前端利器之 JSDuck