shengbeer-优快云博客

翻译每周实习总结之HTML和CSS实战二

实习的第二个星期还是继续在接触HTML和CSS，可能很多人都是疑惑为什么到现在都没有用到JS；同样我也很纳闷，不过可能是由于业务的原因吧。这个星期还是继续操刀我的HTML和CSS，上个星期公司的前端大佬对我们的页面进行了一番点评；听完简直感觉自己写的页面就是垃圾好嘛。于是乎，这个星期尝试在传统布局以外使用一些其他的布局来完成需要写的页面；相信很多同学也以及猜到了-flex布局，这个...

2019-03-29 20:42:20 1214

原创每周实习总结之HTML和CSS实战一

临近毕业了，由于自己的水平关系；投了一些大厂的校招，因为自己水平太浅基本上都挂在了笔试这一关；于是放弃了大厂这条路。开始决定好好找个公司学习沉淀一段时间，这是刚到公司的第一个周六；这一个星期基本上都在切页面，最开始的时候是给了我一张原型图练手；后面切了两天觉得我有一点点基础，于是乎把公司给客户切的模板站交给了我来切。遂在此记录一下切模板站时，自己遇到的但是平时没有经历的一些问题；并分...

2019-03-16 23:22:41 4010 6

原创 display:none与visibility:hidden不得不说的秘密

CSS布局中大家可能经常会用到display:none和visibility:hidden，可能很多同学都知道这两个属性是用来隐藏元素的；如果说这两个用来隐藏的属性有什么区别，大家可能会说：display:none 隐藏的元素不占据物理空间,visibility:hidden隐藏的元素占据物理空间。visibility可以被子元素继承，而display:none不能被子元素继承....等。这些是...

2019-03-02 13:08:32 4793 2

原创 Vue中关于响应式的一个问题

最近在参加一个面试，对方发了一套面试题过来；要求是做一个类似京东生鲜的网站，要求实现商品列表功能；之前我一直都是在vue-cli脚手架中使用vue；由于这个页面比较少，所以直接引入的CDN但是却发现不能进行v-for渲染了。下面是我的错误代码<!DOCTYPE html><html> <body> <div id=...

2019-02-20 23:11:45 549

翻译圣杯和双飞翼布局的实现与理解

对于圣杯和双飞翼的布局这种专业性的名词，可能很多人不理解；但要是说到在传统的流式布局中如何实现三栏式布局中，左右两栏固定宽度，中间栏自适应的问题。可能很多人都会恍然大悟。而圣杯和双飞翼布局正是为了解决这个问题而衍生出的两种比较经典的解决方案。一、关于圣杯布局圣杯布局最早由 Matthew Levine 在一篇文章中提出，这种左右两栏固定中间自适应的布局；他...

2019-02-18 15:49:23 628

原创前端学习之路-css使用的一些小技巧

已经好几天没有更新博客了，在这里解释下；是因为这几天刚好遇上星期天休息；以及最近两天在做英雄联盟的静态页面任务，所以博客一直没怎么更新而且在百度前端学院报的课也没怎么来得及看了。下面总结下这两天我在CSS中遇到的坑以及自己总结的一些CSS的小技巧：1.margin:0 auto;可以设置一个元素水平居中与它的父元素但是注意啦：margin:0 auto在以下情况下是无效的：a.当要设...

2019-02-14 18:06:00 183

原创前端学习之路-聚美优品注册页面的实现

今天主要的学习是按照要求实现一个聚美优品的注册页面；其中主要用到的是div+css以及浮动来进行布局，还用到了一些特性；如使用背景图片定位，通过应用background-position来设置背景图片的定位。对于一个页面我们看到的，首先是要分析这个页面的布局是怎样完成；一般我们使用div+CSS来完成页面的布局。常见的布局方式有两栏式。还有三栏式布局。下面放上聚美优品效果完成图：下面我通...

2018-07-21 13:23:15 1205

原创我的前端学习之路第四天-CSS盒子模型以及浮动

今天是前端学习的第四天，每天总是只能留下一点时间写点文字在我的博客上面；甚至都没来得及放一张图片上去。今天在昨天选择器以及权重的基础上讲了CSS常用的一些样式，导航栏的实现原理以及过程最重要的是学习了CSS中比较重要的几个概念：内边距、外边距、浮动以及清除浮动；首先在介绍CSS样式边距的时候我们需要了解一个概念，在CSS中HTML元素按照类型可以分为：行内元素，特点为不独占一行；宽高设...

2018-07-20 08:20:43 191

原创我的前端学习之路第三天之CSS选择器

在前天和昨天的课程中，我已经系统的学习了HTML中常用的一些标签以及表单、列表、表格等标签；在HTML中我们也能够让文本居中对齐。一般使用的是align属性设置值为center,但在W3C的标准文档中是不推荐使用这个属性的；作为被废弃的属性。我们一般是通过CSS来实现类似于P标签内文字的居中效果(通过text-align:center；来完成) CSS：指层叠样式表，如果说整个网页作...

2018-07-18 23:26:55 165

原创前端学习之路-第二天关于HTML表单元素以及表格

在一个HTML页面中一个静态页面肯定会有菜单，而我们一般情况下的菜单都是由菜单列表构成；菜单列表分为有序列表<ol>标签无序列表<ul>标签还有自定义列表 <dl>标签，但在实际开发中我们常用的一般都是无序列表标签有序列表使用较少而自定义的标签主要是用于一些特殊的情况下；大家可以自行选择使用。对于列表标签来说，它只是一个容器，只有配合列表项...

2018-07-17 22:50:50 165

原创我的前端学习之路

转眼间就到大三的暑假了，开始我现在的实习；耽搁许久的博客也终于开始动手写了，目前暑假实习于厚溥公司；这个博客主要是记录我在实习期间学习的过程和一些总结。言归正传，目前实习的方向是前端+微信小程序；前期主要是由公司的老师授课，然后带着我们做一个最终的项目；以此来作为检验。今天是第一天的学习；主要是学习HTML的结构和常用的一些标签；以及只使用HTML构成静态网页HTML的定义：HTM...

2018-07-16 23:04:14 686

shengbeer的博客