- 博客(22)
- 资源 (2)
- 收藏
- 关注
原创 Axure元件库汇总分享
最近公司要前端参与产品设计的工作,对于从无产品经验的门外汉来说,真的是太难了,而且领导还一直催着要结果,心里面瞬间都一万个。。。。。在奔跑,然后就开始疯狂的查找资料,首先开始的就是《产品经理社区》 《人人都是产品经理》看了一通之后(自我感觉良好)后,就着手Axure操作了起来。 当时找了很多Axure模板rp文件,但是始终有一些不能满足天天逼逼叨叨leader的要求,最近看了一篇不错的分...
2022-06-14 11:42:26
6585
13
原创 一觉醒来 Arco Design 开源了
前沿今天打开论坛一看,全是字节ArcoDesign开源的消息,原谅我之前居然不知道这么强大的平台存在,就赶忙打开了官网膜拜一番。Arco集成了中后台,图标平台,物料市场,色彩配置平台为一体的生态系统,节省了工程师大部分设计和配置项目框架的时间,尤其是开箱即用的前端定制化,特别的吸引我,话不多说,直接就是一顿赋值,粘贴,造起来。物料平台目前Material Market大约有20多个开源的物料,所有都可以进行二次开发使用,大家练手的时候可以运行试试。图标库IconBox图标库虽..
2021-10-29 09:18:10
3225
1
原创 一觉醒来 Arco Design 开源了!!
theme: awesome-green本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。前沿今天打开论坛一看,全是字节ArcoDesign开源的消息,原谅我之前居然不知道这么强大的平台存在,就赶忙打开了官网膜拜一番。Arco集成了中后台,图标平台,物料市场,色彩配置平台为一体的生态系统,节省了工程师大部分设计和配置项目框架的时间,尤其是开箱即用的前端定制化,特别的吸引我...
2021-10-27 16:57:55
369
原创 我不知道的Babel配置!!
theme: awesome-green本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。Babel 简介 Babel 是一个工具链,主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。主要有以下功能:- 语法转换- 通过 Polyfill 方...
2021-10-12 16:22:30
179
原创 你真的知道README吗?
目录READMEMarkDownREADME的要素API文档总结README是我们开发项目必备的文件,之前没有认真的研究过,都是大概的了解下,没想到里面也是一门大学问,话不多说,直接码起来。READMEREADME是项目自我描述文件,里面包括了对项目的基本介绍,可以让读者快速了解项目,README编写的质量,直接影响到读者对这个项目的整体认识,和第一印象。 常见的README大概包括一下这些:1,软件定位,软件的基本功能 2,简要的使用说明 3,简单的示例和项目截图.
2021-09-28 19:28:53
4368
原创 你真的会用README吗?
theme: awesome-green小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。README是我们开发项目必备的文件,之前没有认真的研究过,都是大概的了解下,没想到里面也是一门大学问,话不多说,直接码起来。READMEREADME是项目自我描述文件,里面包括了对项目的基本介绍,可以让读者快速了解项目,README编写的质量,直接影响到读者对这个项目的整体认识...
2021-09-28 19:22:05
121
原创 前端项目优化策略!!
网站越快访问体验越好,用户黏性越高、用户忠诚度更高、用户转化率也越高。由于Web页面承载的功能越来越多,为了页面效果而使用的多媒体元素也越来越丰富,这些都会造成页面访问的延迟,网站优化的工作变得重中之重。以下是自己工作中,常用到的优化小技巧,可快速提供网站的整体访问速率,提升用户体验,内容参考博客园。1、图片优化首先,你需要优化你网站上的图片, 用户感觉到的页面加载时长越短,用户体验就越好。我们尤其关注如何优化移动网络中的用户体验,比如网页预加载、减少内容、改变图片格式降低图片尺寸、图片压缩.
2021-09-28 13:57:47
461
原创 Vue + 高德轨迹播放(二)
目录高德地图2.x版本地图声明文件LOCA 数据可视化 API 2.0项目变动总结衔接上一篇的高德轨迹播放记录,这一篇将在高德地图最新版本2.x的基础上进行开发,第一次用2.x版本内心还是慌的一比,希望少踩一些坑。。。高德地图2.x版本1.x和2.x版本还是有很多变动的, 地图JSAPI 2.0是高德开放平台免费提供的第四代Web地图渲染引擎, 以WebGL为主要绘图手段,广泛采用了各种前沿技术,交互体验、视觉体验大幅提升。兼容 IE9及以上的所有浏览器环境...
2021-09-28 13:38:33
355
原创 Vue + 高德轨迹播放(一)
目录想法由来地图创建项目必要依赖项引入高德地图key页面中使用启动过程中的错误和解决参考高德官方示例数据准备方案一 接入效果总结想法由来前不久项目上要用到地图的轨迹播放功能,自己在实现的过程中也走了一些弯路,遇到了一些问题,整理复盘下供大家参考指正。地图目前我使用最多的是腾讯地图和高德地图,个人觉得高德比较稳定些,最终还是用高德地图实现的。常见问题高德地图提供了FAQ快速问题定位页面,将开发者常见的问题进行专门的维护解决,这个特..
2021-09-28 13:34:39
967
原创 项目开发必备的资源!!
技术站点稀土掘金:助力开发者成长的中文社区,分类齐全,文档质量高。 思否:以技术问答、技术专栏、技术课程、技术资讯为核心的开发者技术社区。 MDN:是一个开源的资料库,活跃度很高,文档比较权威,部分是英文文档。 infoQ:在线新闻/社区网站,促进软件开发领域知识与创新的传播。 OSChina:开源技术中文社区,开源方面做的不错。 stackoverflow:IT技术问答网站。 人人都是产品经理:产品新人、产品经理等爱好者的学习交流平台。 36氪:最热门的技术咨询服务。技术博客阿里巴
2021-09-28 11:01:33
495
原创 Css变量的巧思妙用
样式变量css变量对我来说是个陌生的领域。主要是前端框架支持Sass,Less等css框架,使得其原有的变量就用的特别少。Sass里面用的是变量符号$,Less中用的变量符号是@,原生css里面用的是什么呢?你猜对了是双中划线--,是不是有感觉一丝丝的莫名。css的简介层叠样式表(Cascading Style Sheets,缩写为CSS),是一种样式表语言,用来描述HTML或XML之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如...
2021-09-28 10:40:45
297
原创 团队DevOps之Commitlint配置篇
DevOps简介DevOps(Development和Operations的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合,来使得构建、测试、发布软件能够更加地快捷、频繁和可靠。DevOps流程步骤DevOps的应用场景往往是一个庞大复杂的背景和流程的场景,,以 IT 自动化以及持续集成(CI)、持续部署(CD)为基础,来优化程式开发、测试、系统运维等所有环节,大都包含一个持续交付流水线。开发人员:IDE、.
2021-09-27 21:13:15
776
原创 前端图片展示优化!
无可奈何昨天朋友问我一个关于图片展示失真的问题, 朋友是做IOS开发的对css样式略懂些,看他一脸无奈的样子,我觉得很有必要写点笔记记录了下,供大家参考交流。灵机一动顺便在百度指数查了一番,感觉图片话题还是大有作为的,日均的搜索量都达到5w,想想自己平时用的各种图,也是很折腾,不知道大家有没有自己的图库,图库申请平台?有些平台上传的图片都会有水印的,如果文章发布多个平台的话,会稍微的有一些影响。。。图库的上传和使用转入正题不知道大家有没有找图片找不到满意时的烦恼?但是过后却.
2021-09-23 17:50:34
267
原创 这几款炫酷图表你get了吗?
theme: smartblue背景大数据时代数据可视化是个重要的部分,尤其在合适的场景中展示合适的效果图是一个非常有意义的事情,目前Gitte和Github里面的可视化资源还是很丰富的,掘金里面很多大佬也都做了相关的总结,自己今天看到了一些,也想发表一下自己的一些拙见,先上几张图压压惊!数据可视化图表技能栈HTMLEcharts,echarts-liquidfil...
2021-08-27 18:07:46
117
原创 将博客搬至CSDN
theme: smartblue背景前段时间公司要统一前端技术栈,由于我们团队本来用Vue开发项目比较多,但是公司技术领导决定统一成React技术栈,相关的UI库,组件写法小程序和VSCode的配置和插件也要进行改变,下面是自己目前正在使用的几款感觉不错的VSCode 插件和大家分享下。VS Code下载点击Download进行下载,自己用的是Windows系统,所以对应的版本...
2021-08-27 16:32:43
49
原创 npm私服搭建过程(一)
theme: channing-cyan技术选用背景在公司如火如荼的进行数字化转型的过程中,技术团队不可避免的要挑起大梁,做一些关键高效的事情,最近前端项目组进行合并规整,突然一下子要做的东西多了很多,npm私服搭建和npm自又包的建设要立项做起来。技术实现选择由于任务多时间紧迫,大家都是边做需求的同时边进行npm私有服务器的建设,目前前端搭建私服比较流行的是工具是verdac...
2021-07-31 09:24:03
194
原创 React 学习的10个疑问点
theme: fancy哪个版本的 React 包含了 Hook?从 16.8.0 开始,React 在以下模块中包含了 React Hook 的稳定实现:React DOMReact NativeReact DOM ServerReact Test RendererReact Shallow Renderer请注意,要启用 Hook,所有 React 相关的 pa...
2021-07-30 14:32:56
80
原创 项目基础—Package.json 解读
theme: awesome-green在前端开发的工作中,我们不可避免的会使用到包管理器来初始化项目,常用的有npm、yarn,初始化的快捷命令也特别的类似:yarn init -y 或者 npm init -y,当然也可以按步骤一步步生成所需要的文件配置。执行初始化命令 yarn示例commandyarn inityarn init v1.22.10question na...
2021-07-28 17:45:07
85
原创 前端性能优化策略
theme: smartblue网站越快访问体验越好,用户黏性越高、用户忠诚度更高、用户转化率也越高。由于Web页面承载的功能越来越多,为了页面效果而使用的多媒体元素也越来越丰富,这些都会造成页面访问的延迟,网站优化的工作变得重中之重。以下是自己工作中,常用到的优化小技巧,可快速提供网站的整体访问速率,提升用户体验,内容参考博客园。1、图片优化首先,你需要优化你网站上的图片, ...
2021-07-26 17:56:05
56
原创 致Coder学不动的时光
theme: fancy学习资源重多作为前端的一份子,看到如此之多的文档,框架,库,代码检测,DevOps...,是否心中有十万个** 在奔腾,而且这些都是目前为止的一些优秀的资源,更可恨的是未来的还没办法列举出来。常用资源分享阮老师的教程资源,想必大家众所周知,自己是阮老师的铁粉,每一期都会认真的去细读,每一次展示的内容都不一样,内容很丰富,也很有深度,会把技术最...
2021-07-26 16:47:18
38
原创 web网页性能分析系列(一)
theme: fancy在前端开发中,App或者Web Page性能的好坏和响应速度,尤其是App端显得格外重要,一直都是前端很头疼的问题。专业的测试工具可以知道自己的网页还有哪些需要优化的地方,总体的评分是多少,是否合乎用户体验标准。响应速度响应时间在100ms内,系统的响应速度比较快;响应时间在500-1500ms内,系统的响应速度一般,但是还可以接受;响应时间在超过20...
2021-07-23 15:50:17
137
原创 程序员汇报,你的姿势选对了吗
theme: smartblue作为程序员大军中的一粒细沙,有时候是不是一直在困扰怎么去写周报,一周的事情那么多,怎么学会挑重点去描书写,而且语言表达必须要思路清晰,有结构有条理;这样的汇报才是合格的。工作中绝大部分人在汇报工作的时候,会私下的认为汇报不需要专门练习,无非是把一周的事情做一个列举;对工作汇报很不重视,总觉得没啥好说的,即便是写的不好,领导也不会对你有其他的想法或意见,久...
2021-07-21 17:26:37
51
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人