ECMAScript2016,2017和2018所有新功能的介绍与示例

前言有时我们很难跟踪JavaScript(ECMScript)中的一些新特性,找到有用的代码示例更加困难。所以这篇文章主要介绍ES2016,ES2017,ES2018中的一些新特性与相关的示例代码,希望对你有所帮助。ECMAScript 20161.Array.prototype.includesincludes 是Array上的一个简单实例方法,有助于轻松查找项是否在数组中(包括NaN 与...

继续阅读 »

H5页面遇到的一些坑

前言先废话几句,感觉自己就像变傻了一样=_=,写代码的质量对自己产生质疑,很想问自己,你真的是加班加傻了吗?而且也变懒了,博客好久都没更新,也尝试着更新一些内容,但是没有很好的素材,这次主要记录这段时间工作中遇到的一些问题。这段时间的主要任务就是做H5相关的页面,之前对H5没有特别深的理解,比如说移动端的适配、不同手机的兼容性处理、页面的整体布局,标签的语义化、对webpack打包的配置等。...

继续阅读 »

react项目打包部署

前言最近换了一个新环境。之前部署打包的过程有所区别,并且不知道问题出现在哪里,让我花费了好几天的时间,但最后一行代码久解决了。内心无比忧郁,自己给自己挖的坑,再怎么也要解决!首先项目是使用create-react-app这个工具生成的。开发环境与本地生成的服务器访问build文件都是没有问题的,页面正常显示。但是打包部署到服务器上就出现空白页。在这期间遇到两个问题,第一:打包时相对路径与绝对...

继续阅读 »

微信小程序的填坑记

背景因公司的项目需求,需要用微信小程序开发一个聊天系统。当时听到的时候很激动,又可以玩新的东西了,同时,心里黑人+???,我应该从来哪里入手、开发的时间长吗?总之,我的好奇心打破了我的担忧。然后了解了一些微信小程序,知道大体的结构是什么样的、怎么绑定数据、怎么跳转页面、页面之前怎么传参、页面与样式是怎么写的。这些了解过后,看了一下设计的界面,只有三个界面,一个客服列表页面、一个聊天页、一个已...

继续阅读 »

CSS中的定位

CSS中有三种定位机制:普通流、浮动、绝对定位。除非专门指定,否则所有的框都在普通流中定位。普通流中元素框的位置由元素在HTML中的位置决定。注:下面做的操作都是基于一下这张图进行的相对定位(relative)如果一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素相对于它的起点移动(注:在使用相对定位时,无论是否移动,元素仍然占据原来的空间。因此,移...

继续阅读 »