微信小程序的填坑记

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

继续阅读 »

CSS中的定位

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

继续阅读 »

Visual Studio的插件推荐,提高开发体验

背景Visual Studio Code是一个很好用的代码编辑器工具,我想为大家推荐我常用的一些插件,这在很大程度上提高了我的开发效率。Material Theme一个简单而又干净的主题。有很多配置选项,用于颜色配置。https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-themeAuto I...

继续阅读 »

使用JavaScript控制台来提高你的工作效率

前言作为一个Web前端开发者,你非常清楚知道调试代码的重要性。我们经常使用外部库进行日志记录,并在某些情况下对其进行格式化,以方便我们查看数据,但我们的浏览器的控制台比我们想象的要强大得多。当我们谈到console,最先先到的是console.log,对吗?(我用的最多也是这个,第一反应也是这个,哈哈哈哈哈),但是它还有很多方法,超出我们的想象。现在我们将看到如何充分利用控制台,我会给一些示...

继续阅读 »

RESTful APIs with JSON Web Tokens(part two)

Node.js RESTful APIs 中使用 JSON Web Tokens你有没有想过认证是如何工作的?其中在这背后的复杂和抽象。其实,这个没有什么特别的。这是对值进行加密的一种方式,依次创建唯一的token最为用户的标识符。这个token验证你的身份,它可以验证你是谁,并授权你有权访问各种资源。part two是教你如何一步一步的添加token到已经存在的REST API的分步教程。...

继续阅读 »