腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

趣谈前端

一个重度代码洁癖者，对前端生态的总结，思考和探索。

专栏作者

283

文章

347624

阅读量

37

订阅数

想学Web前端开发，应该怎么自学？

开源 vue.js 网站 html5 react

hello, 大家好, 我是徐小夕, 之前很多朋友问我前端应该怎么学, 怎样才能提高前端开发的段位, 作为一名非科班出生的前端程序员, 这里分享一下我对自学前端的看法.

2022-12-22

1.4K0

vue项目实战精粹汇总

vue.js html react

vue作为前端主流的3大框架之一，目前在国内有着非常广泛的应用，由于其轻量和自底向上的渐进式设计思想，使其不仅仅被应用于PC系统，对于移动端，桌面软件（electronjs）等也有广泛的应用，与此诞生的优秀的开源框架比如elementUI，iView， ant-design-vue等也极大的降低了开发者的开发成本，并极大的提高了开发效率。笔者最初接触vue时也是使用的iview框架，亲自体会之后确实非常易用且强大。

2022-04-06

1.6K0

前端: 从零封装一个可实时预览的json编辑器

react json npm vue.js

做为一名前端开发人员,掌握vue/react/angular等框架已经是必不可少的技能了,我们都知道,vue或react等MVVM框架提倡组件化开发,这样一方面可以提高组件复用性和可扩展性,另一方面也带来了项目开发的灵活性和可维护,方便多人开发协作.接下来文章将介绍如何使用react,开发一个自定义json编辑器组件.我们这里使用了jsoneditor这个第三方库,官方地址: jsoneditor 通过实现一个json在线编辑器,来学习如何一步步封装自己的组件(不限于react,vue,原理类似).

2022-02-09

1.4K0

前端:你可能不知道的骨架屏方案设计

vue.js html css

作者曾所在我司广告事业部，广告承载方式是以刮刮卡、大转盘等活动页进行展示，然后用户参与出广告券弹层。

2021-09-03

2K0

推荐!ant-simple-pro2.0正式发布，助力vue3社区

vue.js apache react 编程算法 typescript

今天给大家推荐一个我朋友开源的项目ant-simple-pro。在2月份发布v1.0版本，到现在已近有一段时间了，并且也在github上收获了100+star, 接下来笔者就来带大家一起介绍一下这款开源项目。

2021-07-12

1K0

从0到1开发可视化数据大屏（下）

api 开源编程算法 json vue.js

而数据大屏的控件属性配置模块同理，本质上都是组件属性可视化修改，是实现将json配置展现出来，实现自定义的表单设置，我们知道每个控件都有自己的一个默认配置，然后再进行自定义修改。

2021-06-08

1.9K0

推荐这几个流程图设计器web开发方案

https 网络安全开源 vue.js svg

基于流程图的场景：节点不会太多，加上节点都是静态图，没有太多动态渲染，那svg可能更适合，而且svg具备高保本，但是如果在大规模数据或图元的情况下请谨慎选择，毕竟性能会差些

2021-06-08

3.3K0

关于门户的前端权限管理

vue.js 网站网络安全 javascript node.js

通过递归的方式去过滤去用户的路由权限，通过router.addRoutes()动态添加所有符合权限的路由，当然这种方式需要依赖后端。对于不同角色的用户，是由后端将路由列表告诉给前端注册

2021-06-08

1.5K0

前端进阶思维导图秘籍(一)

webpack lodash javascript 打包 vue.js

给大家分享第一波笔者之前总结的技术思维导图，分别为：图1 本人亲自翻译的lodash API中文图2 用webpack4.0撸单页/多页脚手架图3 一张图玩转vue-cli3 高清源文件(含源版xmind)，可以在后台回复 lodash / webpack / vue-cli3 获取

2021-05-07

3050

可视化搭建平台的地图组件和日历组件方案选型

html5 小程序 react vue.js

可视化搭建平台除了需要为用户提供简单便捷的操作方式之外, 还需要提供丰富的组件支持和组件扩展, 这样才能满足更多用户的业务需求.

2021-01-06

1.6K0

手把手教你实现拼图互动小游戏(纯VUE版本)

vue.js github git 开源游戏

深秋的某一天,在上班的地铁上面刷着手机,看到徐小夕的公众号推送的一篇文章,介绍的是一个移动端的拼图小游戏.于是自己尝试着识别二维码完了下,感觉还挺有意思的.周末抽空研究了一下,看了下这个小游戏有哪些功能.问了下原作者,他用的是原生JS写的一版.自己本身在学习使用VUE开发项目,于是便萌发了用VUE尝试改版一下.正好可以学习学习一下.于是看了下游戏的大体效果,决定尝试用VUE改写一版玩一下,说干就干.也欢迎有兴趣,有想法的小伙伴可以一起讨论.

2020-11-25

1.2K0

基于Vue实现一个有点意思的拼拼乐小游戏

vue.js html5 java javascript 编程算法

笔者去年曾写过一个类似的拼拼乐小游戏，技术栈采用自己的Xuery框架和原生javascript实现的，脚手架采用gulp来实现，为了满足对vue的需求，笔者再次使用vue生态将其重构，脚手架采用比较火的vue-cli。

2020-09-02

9520

轻松使用纯css3打造有点意思的故障艺术(附React加强组件版)

很早之前就看到国外很多酷炫的网站在实践"故障艺术", 或者错位动画", 感觉非常有意思, 现在APP端的抖音启动界面有着这种设计的影子, 作为一名用于探索未知的前端工程师, 有必要好好实践一下这一设计.

2020-07-22

5730

原生javascript组件开发之Web Component实战

网站 element ui vue.js react html

作为一名前端工程师，我们每天都在和组件打交道，我们也许基于react/vue使用过很多第三方组件库，比如ant design，elementUI，iView等，或者基于它们进行过组件的二次开发，比如业务组件，UI组件等，亦或者觉得团队能力很强，可以不依赖第三方而独立开发属于自己的组件库。无论何种形式，组件开发已然成为我们工作中的必备技能，为了更好的复用性和可维护性，组件化开发是必然选择，也正是因为组件化开发越来越重要，几年前web标准推出了Web Component这一概念，意在解决html原生标记语言复用性的问题。

2020-06-24

1.8K0

从零到一教你基于vue开发一个组件库

vue.js npm javascript

Vue是一套用于构建用户界面的渐进式框架,目前有越来越多的开发者在学习和使用.在笔者写完从0到1教你搭建前端团队的组件系统之后很多朋友希望了解一下如何搭建基于vue的组件系统,所以作为这篇文章的补充,本文来总结一下如何搭建基于vue的组件库.

2020-03-12

1.6K0

《精通react/vue组件设计》之手把手实现一个轻量级可扩展的模态框(Modal)组件

react vue.js 编程算法 css npm

本文是笔者写组件设计的第九篇文章, 今天带大家实现一个轻量级且可灵活配置组合的模态框(Modal)组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈.

2020-02-19

2.6K0

《精通react/vue组件设计》之5分钟教你实现一个极具创意的加载(Loading)组件

react css vue.js npm 网站

本文是笔者写组件设计的第八篇文章, 今天带大家用5分钟实现一个极具创意的加载(loading)组件.涉及的核心知识点主要是css3相关特性, 如果大家非常熟悉,可直接跳过介绍直接看正文.

2020-02-19

9320

《精通react/vue组件设计》之实现一个健壮的警告提示(Alert)组件

react vue.js 网站 css npm

本文是笔者写组件设计的第七篇文章, 今天带大家实现一个自带主题且可关闭的Alert组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈.

2020-02-19

9550

《精通react/vue组件设计》之配合React Portals实现一个功能强大的抽屉(Drawer)组件

vue.js css 网站 react

本文是笔者写组件设计的第六篇文章,内容依次从易到难,今天会用到react的高级API React Portals,它也是很多复杂组件必用的方法之一. 通过组件的设计过程,大家会接触到一个完成健壮的组件设计思路和方法,也能在实现组件的过程逐渐对react/vue的高级知识和技巧有更深的理解和掌握,并且在企业实际工作做游刃有余.

2020-02-19

1.7K0

《精通react/vue组件设计》之5分钟实现一个Tag(标签)组件和Empty(空状态)组件

react vue.js css 网站

本文是笔者写组件设计的第五篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码, 一切皆组件的思想深得人心.所以, 为了让工程师们有更多的时间去考虑业务和产品迭代,我们不得不掌握高质量组件设计的思路和方法.所以笔者将花时间去总结各种业务场景下的组件的设计思路和方法,并用原生框架的语法去实现各种常用组件的开发,希望等让前端新手或者有一定工作经验的朋友能有所收获.

2020-02-19

1.3K0

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态