gisercug的博客

这篇文章是“一起学前端”作者的转行历程，希望将这两年自己的心路历程和学习过程给大家一个参考，同时也为迷茫的你我他的职业选择有一点启发作用。我是谁？首先做个自我介绍，我本科双非，研究生末端211，传统基建相关工科硕士，在本科接触过VB编程，C语言，19年初开始学习前端，至今真正学习前端时间九个月，20年九月份拿到若干个大厂offer。初识前端在接触前端前，我对编程的认知完全只有，c语言和vb编程，甚至都不知道前端和后端是什么意思，在读研导师的安排下，19年四月份，到某传统行业软件开发龙头公司进行实习.

git常用开发操作环境配置https://www.jianshu.com/p/ba401eb527a5单机基本操作下面介绍常用的git命令1. 远程克隆 git clone -b XXX -b 指的是拉取远程仓库的名称，拉下后本地仓库也会有个同名仓库 本地没有文件的话使用git clone，本地已经存在，使用 git pull 拉取当前分支上的最新代码 git diff 查看冲突 ls #克隆的仓库就在该目录下 // 如果有冲突 需要手动解

这两天无意间留意到前端测试的东西，于是想写一下前端测试的东西，具体前端测试的主要东西就不说了，就说个前端测试的入门的工具。mocha sidebar官网测试好处1.可以保证代码质量2.减少人力测试过程3.用来表达设计或作为文档记录Mocha sidebar是vs code集成的mocha的一个vscode插件。特别方便使用。首先下载这个Mocha sidebar插件，然后就有这个图标...

css中的盒子模型 css处理网页时，他认为每个元素都包含在一个不可见的矩形盒子 盒子是由 内容区，内边距(padding)，边框，外边距(margin)组成在浏览器中，其默认样式中存在一些body等元素存在的默认样式，比如一些外边距，内边距等,它的这些默认样式所以在编写样式之前我们需要将默认样式取消掉，在书写代码时在style中引入下面的reset.css文件即可，下面的效果不好的话，可以百...

本文主要参考canvas入门网址，加上自己理解将钟表图用原生js写出来，有两个难点1.整个时钟的实现的难点和重点是save（）和restore（）的进栈 出栈，后进先出，理解的有点难，参考上面的网址很好理解，最后需要让第一个进栈的出栈2， requestAnimFrame()这个函数，功能强大，类似于定时器，但其兼容性不好，之前没了解好，直接拿来用，结果导致了错误，具体优点可以参考这篇文章更...

标题高度塌陷解决方法根据w3c的标准 在页面中元素都有一个隐含的属性叫Block Formatting Context简称BFC,该属性可以设置打开和关闭，默认是关闭的BFC的定义： 是设置元素的一种特性(功能)1，使 BFC内部浮动元素不会到处乱跑；2，和浮动元素产生边界。当开启元素的BFC以后，元素将会有如下的属性1.父元素的垂直外边距不会和子元素重叠，2.开启BFC的元素不会...

css学习记录（二）css中的长度单位像素px --像素，是网页中使用最多的单位百分比 --相对于父元素，比如类box2是box1的子元素，如果.box1的css样式中为height： 100px.box2的样式如果是50%，那么他的height为50px，在自适应网页中经常使用em --em和百分比类似，相对于当前元素的字体大小css中的font-size来决定，浏览...

js轮播图代码因为平时用vue，写代码习惯了，这个轮播图的代码是在vue的脚手架里写的，把它拆解起来，写在html原理一样，基本功能实现了，唯一美中不足的就是轮播图一开始不是自动播放的，需要鼠标在图片上划过一次才能自动播放，如果用原生js代码写的话，用windoes.onload和init，建立定时器，然后清除等操作可以实现自动播放，和鼠标放在上面后停止播放功能，遇到的问题就是，vue加载页面...