重学前端一之构建自己的前端知识体系
一方面,随着近几年前端的飞速发展,各种框架应用层出不穷;另一方面,学校中并没有与之对应的专业训练,使得很多开发者们面对新机会的时候措手不及,这种现象在哲学层面称之为“新事物”,新事物往往是具有远大光明和前景的事物,因此,想要不被前端的波涛汹涌冲垮,就需要构建自己的知识体系,不管框架怎么变,前端的基础知识体系是不变的。
一方面,随着近几年前端的飞速发展,各种框架应用层出不穷;另一方面,学校中并没有与之对应的专业训练,使得很多开发者们面对新机会的时候措手不及,这种现象在哲学层面称之为“新事物”,新事物往往是具有远大光明和前景的事物,因此,想要不被前端的波涛汹涌冲垮,就需要构建自己的知识体系,不管框架怎么变,前端的基础知识体系是不变的。
JS浅拷贝和深拷贝在平时工作中可能不是很在意,但是相信大家都知道 Vue.js 和 react.js 等框架,这里面的 state 、 props 处理的时候就涉及到这个拷贝,这些框架都是数据驱动视图,也就是说数据模型的变更相应的页面视图也会改变,试想一下,如果后台返回的数据是一个多级的对象,而你只是对它浅拷贝和其他处理后用在多处地方,当这个拷贝对象深层级做了变更后,原对象的深层级其实也一样变更了,这就不是我们想要的。比如下面这个例子:
当前,git由于其分布式控制、元数据存储方式、没有全局版本号、更优的储存算法、对网络的依赖性不强等优势,成为很多公司的代码控制工具,结合前两篇文章,可以说能解决工作中的大部分git问题。
在开发小程序的时候,遇到一个这样的需求,页面使用栅格布局,显示很多小方块,这些小方块随着移动端宽高等比自适应,问题是栅格布局的元素宽度使用百分比,是不固定的,因此,看似不起眼的 padding 属性起到了至关重要的作用。
本文是基于web平台对接腾讯IM的一些体会和总结,对于没有对接IM经验或者是刚接触IM项目的小伙伴来说,看到这么多可选的平台,这么丰富的接口和看似如此庞大的项目,你的心里可能会发怵,但是,当你看到这篇文章的时候,你应该会心一笑,因为这里整理了web端跑通整个demo对接的基本流程和一些问题,话不多说,继续往下看。
Fetch API提供了一个 JavaScript 接口,用于访问和操纵HTTP管道的一些具体部分,例如请求和响应。它还提供了一个全局fetch()
方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。
很多时候,都需要监听键盘事件,比如,在登录的时候,按Enter键可以直接提交登录;又比如,在即时通讯的背景下,消息的实时生成,消息发送窗口的发送按钮通过Enter键是可以触发的,此时文本域的Enter换行操作是禁止的,取而代之的是shift+Enter或者自定义,下面来看看在Vue项目中是如何操作的。