面试 前端

2019前端基础面试秘籍

4、CSS3实现0.5PX的细线?

全栈 前端

「全栈之路」Web前端开发的后端指南

在若干次前的一场面试,面试官看我做过爬虫/后端 的工作,顺带问了我些后端相关的问题:你觉得什么是后端? 送命题。当时脑瓦特了,答曰:逻辑处理和数据增删改查。。。 当场被怼得体无完肤,羞愧难当。事后再反思这问题,结合资料总结了一下。发现自己学过的、和等其实都属于后端知识体系范畴。 在本文中,我将尝试...

Hexo 前端

Hexo+Github+Netlify部署个人博客

这篇文章首发于我的博客,欢迎大家访问留言讨论😊 我的博客在曾经的很长一段时间以内,我都是将博客静态页面托管到Github pages进行渲染的,但是大家都知道,我们国内访问GitHub如果不挂翻墙的话,访问速度非常慢☹️.虽然我的博客一直以来都没有太多的访问量,但是作为一个追求极致体验的人,怎么忍...

Vue.js 前端

配置一个vue3.0项目

说起来有点丢人,我已经使用vue好久了,但是怎么从0开始配置一个vue项目,每次还是要百度。这次决定写个博客,加强下记忆,如果再记不住就直播自己的女朋友洗澡。 以下以新建一个图书管理项目为例。我使用vue3新建项目,对于创建一个项目来说,vue3真的比vue2简单很多。 创建vue项目,首先要确保...

前端 CSS 前端

可能是最全的前端动效库汇总

ANIMATE.CSS BOUNCE.JS ANIME.JS VELOCITY.JS MO.JS(官网目前访问不了。。) VIVUS.JS HOVER.CSS SNABBT.JS DYNAMICS.JS SCROLLREVEAL.JS IT'S TUESDAY. MATTER.JS PARALLA...

JavaScript 前端

一百行js代码实现一个校验工具

做过校验需求的小伙伴们都知道,校验其实是个麻烦事。 规则多,需要校验的字段多,都给我们前端带来巨大的工作量。 一个不小心,代码里就出现了不少等不可维护的代码。 因此,我觉得一个团队或者是一个项目,需要一个校验工具,简化我们的工作。 首先,参考一下 Joi。只看这一小段代码: 我希望我的校验工具Co...

Nuxt.js 前端

从0带您打造企业级 Vue 服务器渲染 Nuxt.js (一) 入门

SSR 的很多概念性的问题建议移步官方文档本文不做详细介绍。 1.为什么服务端渲染能解决 SEO 和首屏渲染 首先不管是Vue React Angular 等单页面应用渲染是从服务器获取所需Js,在客户端将其解析生成 HTML,这样会带来几个问题。 2.为什么采用 NUXT.JS 首先使用 SSR...

Go 后端

Go Web轻量级框架Gin学习系列:数据绑定

前面写了两篇与框架学习有关的文章,主要讲了框架的安装,定义处理请求的各种方法以及如何根据客户端需求返回不同格式的数据,但这中间漏了一个环节,那就是返回数据之前,如何获取客户端请求中带上来的参数,关于这点,我们就在这篇文章中讲一讲。 框架将处理请求参数以及如何响应等操作都封装到了结构体,并为提供了非...

React.js 前端

脑壳疼的react组件可视化

调研发现,antd使用的是阿里系的bisheng这个包 目的是将markdown转成静态站点,antd就是这样产生的 这就是本次要说的storybook了,目前3.7w个star,且生态比较好,插件也不少 在package.json中添加 创建.storybook/config.js文件 创建.....

JSON 阅读

JSON、XML、TOML、CSON、YAML 大比拼

我是一名开发者,我读代码,我写代码,我写会写代码的代码,我写会写出供其它代码读的代码的代码。这些都非常火星语,但是有其美妙之处。然而,最后一点,写会写出供其它代码读的代码的代码,可以很快变得比这段文字更费解。有很多方法可以做到这一点。一种不那么复杂而且开发者社区最爱的方式是数据序列化。对于那些不了...

代码规范 前端

一步一步,统一项目中的编码规范(vue, vscode, vetur, prettier, eslint)

团队开发中,多人开发同一个项目,由于个人编码习惯不同,一个项目中最终的代码风格可能差别很大,所以需要通过工具进行约束来保证代码风格的统一。同时也希望通过工具尽可能的减少低级错误出现,并且能帮助修正,所以有了各种各样的 lint 和 formatter。 本篇的目标是使用 vscode 编辑器,使用...

Webpack 前端

如何学习配置webpack(一)

自己配置过webpack的人应该都知道,webpack真的好复杂,一开始做项目都是拿别人现成的做做小修改,但是别人的终究没有自己配的舒服。所以我打算写这篇文章,从我的配置中带大家了解webpack配置,简化读webpack官方页面的复杂度。 1.所写即所得,我们在编译器中写了代码能马上呈现在调试器...

ECMAScript 6 前端

【ES6基础】Set 与 WeakSet

在开发过程中,我们会经常使用到数组Array这种引用类型的数据结构,并十分清楚数组是种有序的集合,并且每个元素都可以使用数字下标的形式获取。但是在一些业务场景中,我们并不需要集合维护一个有序的状态,甚至有些场景需要无序集合,因此ES6里加入了无序集合Set和其的Weak版本WeakSet。 其实无...

数据库 后端

分库分表?如何做到永不迁移数据和避免热点?

中大型项目中,一旦遇到数据量比较大,小伙伴应该都知道就应该对数据进行拆分了。有垂直和水平两种。 垂直拆分比较简单,也就是本来一个数据库,数据量大之后,从业务角度进行拆分多个库。如下图,独立的拆分出订单库和用户库。 水平拆分的概念,是同一个业务数据量大之后,进行水平拆分。 上图中订单数据达到了400...

Vue.js 前端

基于 vue 的移动端页面可视化搭建工具思路

首先我承认我标题党了。。。与其说是可视化搭建工具,不如说是可视化生成页面配置工具,即用拖拽的方式生成页面配置,再通过框架的动态组件的方式,基于配置,生成页面。 现在的公司,一个个都开始整自己的组件库,组件库搭建好以后,通过业务积累、聚合基础组件及抽象部分业务代码,又会产出复用性比较高的区块库,而可...

Android Android

这样理解,你也能在 30 秒内讲明白 TCP 三次握手

事情的经过是这样的,某四年经验的同事,去一家包括老板在内总人数只有 13 人的创业团队,面试一份移动端技术经理的职位。开始聊得还挺好的,涉及的不外乎何时何地项目上解决了哪些用户痛点、开发过程中遇到过哪些问题、怎么看待和诊断遇到过的问题、有没有业余的开源项目等等。 毕竟四年老手,面试前也有些准备,轻...

Node.js 前端

Koa2实现基本的登录注册

koa是一个基于node实现的一个新的web框架,它是由express框架的原班人马打造的。它的特点是优雅、简洁、表达力强、自由度高。它更express相比,它是一个更轻量的node框架,因为它所有功能都通过插件实现。 文件结构尽量模仿了MVC架构开发,虽然是个小项目,但是还是按标准来比较好。 u...