前端技术之：JS开发几个有意思的东东

最新推荐文章于 2024-12-11 21:53:23 发布
原创 最新推荐文章于 2024-12-11 21:53:23 发布 · 262 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JavaScript #Node.js

本文精选了一系列前端开发中常用的资源与工具，包括性能分析、UI设计、代码编辑器、免费Bootstrap主题、实用工具集CSS框架TailwindCSS、博客框架Hexo等，为前端开发者提供全方位的支持。

一、 查看性能分析报告

npm run build:prod --report

 

 

二、vue ui工具

 

 

三、vue-element-admin

https://panjiachen.gitee.io/vue-element-admin-site/zh/

 

四、矢量图库

http://iconfont.cn

 

五、Electron

Build cross platform desktop apps with JavaScript, HTML, and CSS. https://electronjs.org/

 

1、Visual Studio Code

 

2、Atom

 

六、免费的Bootstrap主题

https://bootswatch.com/

 

七、Tailwind CSS

Tailwind CSS 是一个用于快速UI开发的实用工具集 CSS 框架。与 Bootstrap 、Foundation 不同，Tailwind CSS 没有内置的 UI 组件。完全需要开发者根据自身情况来定制设计。

https://www.tailwindcss.cn/docs/border-color

 

八、Hexo

快速、简洁且高效的博客框架。

https://www.youtube.com/watch?v=Ud1xAhu7t2Y&list=PLXbU-2B80FvDjD_RiuNwsSQ4eF8pkwAIa

 

前端开发C4前端技术解析：高效开发、卓越性能与多元应用场景探索C4前端这一
06-29
文章从高效开发、卓越性能、灵活拓展性三个方面剖析了C4前端的独特优势，并展示了其在Web应用、移动应用和可视化项目开发中的广泛应用场景。此外，文章还对比了C4前端与Vue.js、React等传统框架的区别和优势，最后...
知识领域: 前端开发 技术关键词: HTML、CSS、JavaScript、React
05-05
知识领域: 前端开发 技术关键词: HTML、CSS、JavaScript、React 内容关键词: 网页设计、用户交互、前端框架 用途: 学习构建现代、响应式的网页应用 资源描述: MDN Web 文档提供了丰富的前端开发教程和参考资料，涵盖...
罗列一些自认为比较有用的东西
weixin_30586085的博客
01-08 144
　　写这篇随笔的主要原因是想保存一些有价值的东西，不想看完就去丢弃，算是对自己点点滴滴的记录，也为下次自己所需做好准备。希望这些能为那些正在努力拼搏的同胞们做出一丁点贡献。 一、highcharts插件。 　　主要用作制表，对于按时间统计资料非常有效，并且具有美观的外表，代码简单易于修改（需要英文基础），我认为非常值得推崇。http://www.highcharts.com/ 二、ang...
前端非常有意思的技巧
weixin_30852367的博客
04-26 203
CSS部分: 　　1.盒子实际大小设置 　　 　　2.超过两行就出现省略号 　　 　　3.强制换行 　　 　　4.文字溢出隐藏 　　 　　5.鼠标设置为移动效果 　　 　　6.鼠标设置为小手效果 　　 　　7.段落中的文本不换行 　　 　　8.平面转立体 　　 　　9.移动端取消点击效果 　　 　　10.用CSS...
有趣实用的前端技术（3个月总结）
陈嗯嗯的博客
09-02 2467
1.国际化 2.vue前端性能优化 该项目是企业级项目，不断增加新功能。导致项目肿大，加载需要32s(简直恐怖)。后面通过gzip，路由懒加载，cdn加速等方法提速到毫秒级别。 3.cnzz页面埋点 vue的页面埋点方法比较特殊，需要改点东西。 事件埋点，通过对某些事件进行埋点，如：某些点击是用户最常用的。就可以知道用户的心理。 （没有图，因涉及公司数据。） 4.im客服沟通（离线版） 众所周知，websocket是实时通讯的，使用websoket可以做到实时通讯，小微信的功能，但一旦通讯断开就会无法通
一些有意思的网页前端设计
宁静，致远
09-01 860
有些网页上的一些东西蛮好玩的，就顺便记下吧~
你可能不知道，前端这6个有用的技术可以这么酷！
粉丝们务必加入微信粉丝群
08-05 2227
作者：Shadeed 译者：前端小智 来源：dev 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。 为了让大家编程更轻松一些，本挑选一些有用的但相对比较少见有用的技巧。废话不多说，开车了。 1.快速隐藏 要隐藏一个DOM元素，不需要JavaScript。一个原生的HTML属性就足以隐藏。其效果类似于添加一个style d.
Vue.js前端开发框架：核心特性详解与应用场景指南
最新发布
02-07
内容概要：本文档详尽介绍了Vue.js这款轻量级渐进式的前端JavaScript框架，涵盖其定义及其主要特点如响应式数据绑定、组件化开发等，详细探讨了Vue.js的各种应用场景和技术优势，并提供了不同安装与配置的方法如CDN...
精选资源
前端开发：Vue.js开发资源全解析-从入门到精进
11-29
使用场景及目标：无论是刚接触前端框架的新手，还是有一定经验但想提升技能的专业人士，均可作为长期参考手册，旨在助力用户全面掌握 Vue.js 相关技术和优化开发流程。 其他说明：建议在熟悉 HTML/CSS/JavaScript ...
前端基础知识：JavaScript.zip
08-18
史上最全web前端技术全套教程，包括： 前端API集成 前端基础知识 前端开发最佳实践 前端性能优化 前端构建工具 前端框架和库 前端测试工具 前端状态管理 等流行技术的系列教程
新型好玩的前端技术汇总
weixin_33810006的博客
11-24 621
2019独角兽企业重金招聘Python工程师标准>>> ...
一些前端开发小技巧，超级好用！
master_chenchen的博客
12-11 1222
对了，各位看官，小生才情有限，笔墨之间难免会有不尽如人意之处，还望多多包涵，不吝赐教。让我们一起探索新奇的事物，分享生活的点滴，让这个小角落成为我们共同的精神家园。记得在评论区留下你的足迹，让我们彼此之间的交流更加丰富多元。例如，通过添加额外的类名，可以让图标具有动画效果，为用户带来更加生动的体验。你可以把这里当作自己的家，无论是工作之余的小憩，还是寻找灵感的驿站，我都希望你能在这里找到属于你的那份快乐和满足。
盘点15 个不错的前端开源项目
frontend_frank的博客
09-06 3374
大家好，我是 CUGGZ。今天来盘点一下阿里巴巴那些热门的前端开源项目，你都用过哪些？全文概览：Ant Design： 企业级 UI 设计语言和 React 组件库Element UI： 基于 Vue 2.0 的桌面端组件库Egg.js： 企业级 Node.js 框架Icejs： 基于 React 的中后台应用解决方案UmiJS： 可插拔的企业级 React 应用框架G2： 数据驱动的高交互可视化...
分享 30+ 个常用的前端技术知识点
热门推荐
前端达人
05-23 1万+
前端要会打组合拳，复盘30+技术点打出的功能一、前言tips：总结。①会用才算学到，能灵活运用打组合拳是学会的标志之一。②每一个技术点都值得优写优学，当他们组合在一起可能会有惊喜。③要用的时候能想到，想到的时候会用，用的时候能优雅，就是精通了。这也是我坚持写“每个技术点都值得优学优写系列”的初衷。④写到后面有点疲惫，其实可以算是50+的知识技术点，组合一起偷懒了。⑤前端是...
2018前端越来越流行的的技术
weixin_33738555的博客
02-07 305
随着互联网技术不断的发展，前端的新技术也开始日新月异，旧的技术已经不能满足工作的需要，根据业务需求来将重构也是常有的事情，为了减少工作量，快速提高工作效率，这些新出现的技术也起着不可替代的作用。后端的有些架构已经稳定，作为一名前端面对这些花样百出的技术，只有不断的去学习研究，才能不落后于时代潮流。 一：TypeScript TypeScript : http://www.typescriptlan...
【Web前端开发】npm你真的会用吗？
popgis的专栏
11-30 3538
npm是一款JavaScript包管理器（JavaScript Package Manager）,同类的工具还有yarn。 npm感觉上是一个很简单的工具，实际并不简单！
前端技术之：如何在vuex状态管理action异步调用结束后执行UI中的方法
popgis的专栏
11-08 2110
一、问题的起源 最近在做vue.js项目时，遇到了vuex状态管理action与vue.js方法互相通信、互操作的问题。场景如下图所示： 二、第一种解决方法 例如，我们在页面初始化的时候，需要从服务端通过API接口获取数据，数据获取成功前需要显示Loading状态框，数据获取完成后，需要将Loading状态框隐藏。 这是一种相对比较简单的应用场景，解决起来当然也比较简单。 我们可以通过s...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值