React蚂蚁生态-从入门到惊艳 您好,我是沧沧凉凉,是一名前端开发者,目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识,欢迎关注。 消失了两个月,这段时间公司新接了一个项目,之前的技术栈是Vue+JavaScript而新项目换成了React+TypeScript,最开始换技术栈的主要原因是为了解决大量数据表格渲染问题(即上万条数据),经过很长时间的探索,目前发现Vue上比较成熟的虚拟列表方案对比React来 2021-07-19 React React入门
WebStorm-2021.2抢先版带来了什么便利 您好,我是沧沧凉凉,是一名前端开发者,目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识,欢迎关注。 WebStorm一直是我最喜欢的前端开发编辑器,它集成了目前前端开发中几乎所有需要使用到的功能,在之前我也出过好几篇相关的文章,有兴趣的话可以看: WebStorm各种便利的功能 WebStorm各种便利的功能-代码重构 WebStorm好用的插件 WebStorm好用的插件 2021-07-17 杂谈 IDE工具
最近大受关注的Flutter-环境搭建 您好,我是沧沧凉凉,是一名前端开发者,目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识,欢迎关注。 Flutter正式发布在17年,可以说是非常新的一个技术,但是由于Google投入了大量人力,以及双端高度一致的表现,使得该项技术关注度迅速超过React Native,成为现在最受关注的大前端技术之一,到目前为止Flutter已经在GitHub上面拥有120K Start,已 2021-05-09 Flutter Flutter
你使用的Vue插槽(slot)语法可能已经过时了 您好,我是沧沧凉凉,是一名前端开发者,目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识,欢迎关注。 插槽在Vue中是一个十分常见以及经常会使用到的功能,它的存在大大提高了组件的复用性,很多时候我们都需要使用插槽来将组件进行复用。 在平时的插槽使用中,我们大部分时间都仅仅使用了插槽的一些简单功能,但其实插槽还有更多高级的功能,比如说能将子组件中的数据传递到父组件中,父组件中能够 2021-04-18 Vue Vue
开箱即用的Web应用打包工具-Parcel 您好,我是沧沧凉凉,是一名前端开发者,目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识,欢迎关注。 在10年前,那时前端和后端还没有分离,前端写完了界面后统统都要将页面文件交给后端,然后由后端部署在Tomcat这一类的服务上,那个时代的前端受到了很大程度的轻视,甚至被戏称为-切图仔。 但后来发生了一件大事,那就是Chrome浏览器出现后,Google团队开源了V8引擎,Rya 2021-04-17 web开发 打包
WebSocket快速实现框架:socket.io 在web端,很多时候我们需要服务器主动向浏览器发消息,比如实现一个事实聊天窗口,比如实现一个地图,然后实时显示路径拥挤程度,实现一个实时变化的数据大屏,如果使用普通的http请求,那么我们就得写一个定时器,然后定时向对应的接口发起请求,服务器返回相关的数据,这种方式叫做轮询。 轮询是指由浏览器每隔一段时间(如每秒)向服务器发出HTTP请求,然后服务器返回最新的数据给客户端。这种传统的模式带来很明显 2021-04-17 web开发 WebSocket
前端开发中的接口数据模拟以及快速调试接口 在当今前后端分离的情况下,几乎所有的数据都是从后端来的,而界面上所有的交互数据又要去到后端,所以我们在前端开发中有极大的一部分时间是在跟接口打交道,尤其是跟调试接口打交道,那么如何快速的进行调试接口呢? 我研究了一番后发现有下面3个神器: json-server:后端还未出接口时,我们可以通过json-server来制造出一些假接口。 fakerjs:快速应对各种情况,随机生成一些假数据来测试接 2021-04-17 web开发 API
提升写代码效率:快速通过DOM元素打开对应的Vue文件 您好,我是沧沧凉凉,是一名前端开发者,目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识,欢迎关注。 在Vue项目的编写中,你是否遇到接手别人项目后根本找不到一个界面对应的文件的尴尬? 你是否在写一个项目后模块太多,导致更改某个界面时找不到该模块对应的文件(即使这些都是你自己编写的)? 我就时常会遇到这样的问题,有时候找一个模块对应的文件需要花上1分钟,但是看了本篇文章后你就会 2021-04-04 Vue Vue
Vue2.x中常见的几种值传递方式 您好,我是沧沧凉凉,是一名前端开发者,目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识,欢迎关注。 在面试中,Vue值传递问题一直是各大面试官最喜欢问到的问题之一,了解了各种值传递后,遇到一些比较复杂的界面,需要大量运用值传递时,你就可以从众多的值传递方式中找到一种最能简化代码逻辑的传值方式。 1. Prop/$emit1.1 Prop在Vue中最为常用的传值方式和变更值的方 2021-03-21 Vue Vue2
使用装饰器和class关键字编写Vue2.x组件 您好,我是沧沧凉凉,是一名前端开发者,目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识,欢迎关注。 相信目前在前端行业中,大部分项目依然是使用的Vue2.x来进行编写,除了很多人不愿意跳出自己的舒适圈去学习新的东西之外,还有一个原因就是Vue2.x比Vue3.x的第三方库丰富太多,因为Vue3 Composition API的关系,导致很多支持Vue2.x的第三方库与Vue3 2021-03-21 Vue Vue2