- 综合排序
- 最热优先
- 最新优先
- 来自专栏森屿暖树
前端特效学习5
input type="radio" name="select" id="slide_4"> <input type="radio" name="select" id="slide_<em>5</em>" <label for="slide_4" class="slide slide_4"></label> <label for="slide_<em>5</em>" class="slide slide_<em>5</em>"></label>
<label for="slideImg" class="img"><label for="slideImg" class="img"> <img class="img_<em>5</em>"
33910编辑于 2022-03-23 - 来自专栏7DGroup
性能工具之前端工具梳理
经常被问到为什么前端不写性能分析相关的内容。我觉得有几个原因。 觉得写不专业；2. 不怎么感兴趣。 这个文章也只是梳理下有哪些工具可以用，并没有做深入的分析。 有的人可能看到页面是一次展示出来的，那就是前端设计的太差了。 另外，不同的浏览器用的内核不一样，所以展示的过程会有细微的差别。 还是回到工具上。 charlesproxy ? 这个瀑布视图是我觉得前端性能分析工具中做的最好看的。 各元素的响应时间一目了然。并且也把时间细分的非常好。 但可惜的是它只能支持windows，ipad，iphone。 不知道这个工具开发者是怎么想的。 并且这个工具的专业版也收费。 safari开发者工具 ? 如果是喜欢简洁的人，这个工具必然是首选。 以上的工具中，都有对前端做调试的功能，下个断点，改个页面参数，复制请求，重发请求，自组装请求之类的。 总之，对于前端的性能分析来说，工具真的已经做的非常完整清晰了。要是说分析时间消耗，看这些就够了。
1.6K20发布于 2019-07-17 - 来自专栏前端笔记薄
前端杂记-画图工具
画图工具 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 开发工具 --uni-app，这个就有点略屌了，百度，阿里，腾讯头条的小程序都用一套代码搞定，甚至h5，原生Android，iOS也可以打包，不过还是基于weex那套。
1.2K61发布于 2019-04-16 - 来自专栏JAVA相关
前端工具方法整理
const checkedList = reactive({})Object.keys(checkedList).forEach(key => {delete checkedList[key];});5. warningNotice.join(','); // 使用逗号作为分隔符console.log(warningNoticeString); // 输出： "0,1,2,3,4"8.刷新整个页面总结：类似于执行F5刷新按钮 《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 - 来自专栏九彩拼盘的叨叨叨
学习前端 第5周 第5天
了解 浏览器对象模型（BOM） 了解location对象的如下属性 hash 设置或返回从井号 (#) 开始的 URL（锚） host 设置或返回主机名和当前 URL 的端口号。 hostna
41320发布于 2018-08-27 - 来自专栏无原型不设计
5款前端切图工具大比拼：谁是最强切图神器
前端切图是前端工程师们还原设计稿的过程中必不可缺的一环。不过，切图工作究竟谁来做？ 这个问题我们在各大论坛也屡见不鲜：前端工程师认为设计师出了设计稿，那么相应的切图也应该一并交付；设计师则认为前端工程师给的要求太多太杂，不如他们自己动手来得专业。 不过随着专业切图工具的发展，切图工作从几年前的“刀耕火种”，进化到了如今的“一键到位”，设计师和前端工程师之间的“纷争”自然也逐渐消散。 那么近年来崛起的多款前端切图工具中，又有哪些能称得上是真正的“切图神器”呢？我们一起来盘点一下。 摹客 前端工程师和设计师关于切图的纷争，往往是因为设计师无法根据前端工程师的需求完成切图，比如图片没有压缩或合并，命名不规范等，这样前端拿到切图仍然需要重新处理。
4.5K30编辑于 2022-03-16 - 来自专栏达达前端
前端技术前沿5
CSS3 background-origin 属性 background-origin 属性规定背景图片的定位区域。
41730发布于 2019-07-03 - 来自专栏乱码李
HTML5 前端存储
html5 中的 Web Storage 包括了两种存储方式：sessionStorage和localStorage。 Firefox (Gecko) Internet Explorer Opera Safari (WebKit) localStorage 4 3.5 8 10.50 4 sessionStorage 5 localStorage 主要存储一些比较多的本地数据，如 HTML5 小游戏里面生成的数据。
95910发布于 2021-11-26 - 来自专栏全栈程序员必看
前端MD5加密——js-md5
1.概述 是通过前台js加密的方式对密码等私密信息进行加密的工具 2.js加密的好处 （1）用js对私密信息加密可避免在网络中传输明文信息,被人截取数据包而造成数据泄露。 3.使用 （1）安装 npm install js-md5 （2）main.js中引入 import md5 from 'js-md5'; Vue.prototype. $md5 = md5; （3）使用 this. $md5("加密内容") 4.地址 https://www.npmjs.com/package/js-md5 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/157593
6.8K40编辑于 2022-09-14 - 来自专栏全栈者
前端开发工具总结
主要是为了帮助大家搜集一下前端开发中要用到的一些东西，打造一个前端开发工具字典，方便大家查阅。 篇幅比较长，先给大家放一张脑图，看看自己的兴趣在哪，或者说自己需要补充哪方面的，可以从右边的导航栏查看，也可以直接打开我做的工具网站查看，分级明显。前端工具集~ ? Cleave.js - 用于格式化文本框输入内容的插件 clipboard.js - 复制内容到剪切板的插件 hcharts - 兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 前端开发博客 - 汇集了很多前端有用的东西 搭建博客的工具 VuePress - 能帮助你快速搭建自己的博客，样式还不算很那看，但是更多的可以用作搭建文档。 很牛，一次可以压缩 70%左右，还不失真，不过不购买的话压缩有限制，一次最多十张，每张有大小限制（忘记多大了，好像是 5M，好像是 10M） 淘宝 npm 镜像 - 加快 npm 包下载速度，其实更建议使用
3.2K21发布于 2019-08-30 - 来自专栏腾讯技术工程官方号的专栏
前端性能分析工具利器
分析的方向除了业务本身的特点相关之外，常见的还可以借助一些工具来发现问题。 本文主要介绍前端性能分析可以怎么走~ 前端性能分析工具（Chrome DevTools） 一般来说，前端的性能分析通常可以从时间和空间两个角度来进行： 时间：常见耗时，如页面加载耗时、渲染耗时、网络耗时 由于我们的网页基本上跑在浏览器中，所以基本上大多数的工具都来源于浏览器自身提供，首选工具自然是 Chrome DevTools。本文我们也主要围绕 Chrome DevTools 来进行说明。 在比较短的时间内，Lighthouse 可以给出这样一份报告（可将报告生成为 JSON 或 HTML）： Lighthouse 架构 这份报告从 5 个方面来分析页面：性能、辅助功能、最佳实践、搜索引擎优化和 我们提及前端监控的时候，大多数都包括了真实用户监控。
3.5K62发布于 2020-09-03 - 来自专栏阿杜的世界
前端开发：工具和流程
在谷歌上浏览资料过程中，偶然遇到ThoughtWorks的这篇文章：我们真的缺前端工程师么？ 文章的核心观点在于：我们不是缺前端工程师，我们是缺优秀的前端工程师。 我再激进一点，我的观点是：我们不是缺前端工程师，我们是缺优秀的具备匠心的工程师。 我们今天的主题是：当下前端开发的工具以及开发流程。 开发工具 1. 使用Emmet可以极大减少体力活的时间（不过HTML5的基础还是要学，再说一次，零基础的同学不要给自己的学习曲线设得太陡）。 静态服务器 只要你的机器上安装了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 ? SCSS配置 在css处理器中，我感觉scss还是比较好用的，在这个项目中页用到的就是scss,直接安装这个插件就行了 cnpm install sass -D es6转换es5 在一些浏览器，有一些 "regenerator": true, "useESModules": false } ] ] } 这个打包工具适合一些简易的
1.3K40发布于 2019-12-25 - 来自专栏全栈程序员必看
md5 java 工具类_javamd5工具类
/** * 简单计算MD5 * * @author agapple 2015年3月26日 下午8:45:47 * @since 5.1.19 */ public class MD5Utils { private static final Log log = LogFactory.getLog(MD5Utils.class); private static char[] digits = { ‘0 (); private MD5Utils(){ try { mHasher = MessageDigest.getInstance(“md5”); } catch (Exception e) { getMD5String(String content) { return bytes2string(hash(content)); } public String getMD5String(byte hash(content); } /** * 对字符串进行md5 * * @param str * @return md5 byte[16] */ public byte[] hash(String
42140编辑于 2022-09-14 - 来自专栏李维亮的博客
前端自动刷新工具
省时的浏览器同步测试工具 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？它是怎么工作的？ drizzle store 的状态 drizzle store 管理下面这些状态： Drizzle state: source[5] accounts / accountBalances：账户列表用web3 /DrizzleProvider> </ReduxProvider> </React.StrictMode>, document.getElementById("root") ); 5. learnblockchain.cn/people/15 [4]这里: https://trufflesuite.com/docs/drizzle/reference/drizzle-options.html [5]
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号