跳至内容

前端开发命名规范文档

这篇文章是SEO禅在推进前端团队命名规范总结整理的,这里分享给各位,有需要的朋友可以看看,有什么问题可以留言评论。 命名方法论介绍 现在市面上流行的几中命名方法有如下5种: 驼峰命名法(camelCase) 驼峰命名是最常用的一种命名方法,通常被用在,函数,变量,如: 帕斯卡命名法(PascalCase) 帕斯卡命名方法一般常见于Class类、接口、组件等,…

JavaScript基础知识:搞懂深拷贝-浅拷贝-多方法详解

各位同学又见面了,我是SEO禅,今天带来的JavaScript基础知识是深拷贝和浅拷贝,浅拷贝比较简单,但是我们学习嘛,就要由浅入深(听起来有点怪怪的),不能还没学会走路就想跑,在SEO禅做前端的时候,别人喜欢叫前端『切图仔』,现在大前端的概念深入人心,我们前端可以不再是『切图仔』,要是看后端不爽,他的工作我们也顺手做了,但是呢,能这样做,还需要建立在扎实的…

JavaScript基础:clientX/Y、pageX/Y、screenX/Y、offsetX/Y的区别

有做过拖拽项目的前端小伙伴一定有遇到过这几个鼠标事件属性:clientX、clientY、pageX、pageY、screenX、screenY、offsetX、offsetY,WTF!一开始SEO禅看到这么多XY也是一头雾水头大的很,读了MDN的文档还是不是很清楚,后面看了几篇文章,又找到一些图片,终于再也不会把他们混在一起了,在这里记录分享给大家: cl…

JavaScript基础:什么是原型和原型链?彻底理解JavaScript原型机制

相信学习过前端的同学,一定有一段时间会对原型,原型对象,原型链这些名词熟悉又陌生,其中最难理解的应该就是__proto__和prototype,它们的区别经常会被搞混,SEO禅也一样,有段时间也是傻傻分不清,经过社会的毒打之后,才慢慢开窍,网上有很多文章都在谈,但是并没有看到说的比较明白的,这里SEO禅把自己的理解分享给各位。 什么是对象? 首先我们要先搞清…

Javascript基础:Apply vs Call vs Bind 三者的区别,超级简单一看就会

刚学前端的朋友,如果使用一些框架,在框架里就经常会看到今天这篇文章要介绍的三兄弟:apply,call,bind,SEO禅也经常把他们搞混了,网上的资料很多,但是个人感觉大多数都没说到点上,而且看的比较头晕,其实他们之间的区别很简单,这篇文章不长,但希望对你理解这三个家伙有所帮助。 共同特点 首先介绍下这三个函数的共同特点:绑定上下文(this)的执行环境,…

CSS内容样式如何居中-行内块级元素水平垂直居中

SEO禅的老本行是前端开发,SEO优化一直都是副业和爱好,以前也经常有在其他平台记录一些技术类的文章,现在基本就只有在SEO禅这个站点写个人文章了,因为在其他平台写的东西,随时都可能消失,就像上次博客园事件,谁都没想到一个技术类的博客分享平台,既然会一夜之间被关停整顿,自此之后,SEO禅坚信,还是个人网站靠谱,虽然个人网站比较容易受到攻击,但至少内容还是比较…

2021网站服务器安全优化-用户认证安全

在网站服务器安全优化方面,有一个方法是最简单,又最高效的,也是最容易被人忽视的,那就是用户认证安全,还记得SEO禅在初中的时候,最常做的事就是跑到网吧,开个自动扫3389的脚本,用弱密码去爆破,我们那时候使用的爆破字典都是超级简单的,不要小看这种『小伎俩』,真的能扫到很多服务器,当然基本上会留下一个提示文本,告诉管理员,服务器密码设置太简单,被爆破之类的提示…