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
TypeScript下使用Hooks的方式重新学习Redux和React-Redux 使用过vuex的同学肯定了解vuex无论是集成难度，还是上手难度，都远小于React-Redux，目前要实现vuex同样的功能则需要3个库，分别是Redux、React-Redux、Redux-Saga，它们分别负责下面几种工作。 Redux：Redux是JavaScript状态容器，提供可预测化的状态管理。 React-Redux：React官方提供的将React项目与Redux项目绑定的库。 2021-03-12 React Redux
你可能不知道的5个JavaScript特性（骚操作） 1. 作用域const a = 3; switch (a) { case 1: const result = a * 2; console.log(result); break; case 2: const result = a * 2; console.log(result); break; case 3: cons 2021-03-11 JavaScript JavaScript
仅用CSS实现fullpage.js全屏滚动效果 最近研究CSS的时候发现了仅使用两个CSS属性就可以制作出全屏滚动效果，这两个属性就是： scroll-snap-type scroll-snap-align 使用它就可以实现fullpage.js这种全屏滚动效果，其实，这种全屏滚动效果的理论非常简单，就是使用js监听界面滚动，当界面滚动到某个值时就让界面持续滚动到下一个屏幕，但是！要考虑到屏幕尺寸大小带来的兼容性问题就是一件非常麻烦的事情。 2021-03-10 CSS CSS
用CSS实现渐变边框，实现过程很简单最终效果却很赞 一个看起来很酷的网站，CSS肯定是头号功臣，但平时由于开发技术、周期上的限制，大部分时间都是使用现成的UI框架进行开发，这就会造成好像开发出来的网页都一个模样，就跟使用WordPress搭建出来的网站一样，看起来貌似都一个样。 今天给大家分享的就是如何使用CSS开发一个渐变的盒子边框。 最终效果如下： 看上去是不是很炫酷，但是CSS代码却不复杂，其中伪元素起到了很重要的作用。 1. 代码因为源 2021-03-07 CSS CSS
将个人网站搭建神器WordPress安装到个人服务器上 WordPress是一个以PHP和MySQL为平台的自由开源的博客软件和内容管理系统。WordPress具有插件架构和模板系统。截至2018年4月，排名前1000万的网站中超过30.6%使用WordPress。WordPress是最受欢迎的网站内容管理系统。全球有大约30%的网站(7亿5000个)都是使用WordPress架设网站的。WordPress是目前因特网上最流行的博客系统。WordPr 2021-03-04 blog WordPress