自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(68)
  • 收藏
  • 关注

原创 前端人生的最大危机不是 35 岁,是你工作3年的那道坎儿

前言李笑来常说:“7 年就是一辈子。”寓意人自身的“操作系统”可用 7 年时间完成一次“升级”,形成翻天覆地般的变化。但对于前端程序员来说,7 年太长,往往 3 年就是一个坎儿。打开 BOSS 直聘、猎聘等众多求职软件,你会发现 1-3 年经验的程序员是一个特殊的群体。乍一看,他们起薪尚可,能力要求也以基础为主,挑战并不严峻,甚至有点悠闲。但进入 3-5 年、5-10 年经验程序员的招聘帖子,压力会骤然增大:与岗位职责相关的动词由“参与”变作“承载”,由“提升”变成“保证”;在能力要求上,“熟练掌

2021-07-05 20:58:11 3769 84

原创 进入前端行业前明白个道理:程序员解决的问题,大多不是程序问题

前言很多人都说,程序员很辛苦,与这个角色联系在一起的词儿,通常是忙碌、加班、熬夜等。作为程序员,我们将其看作一个值得全情投入的职业,希望能够把精力放在设计算法、改进设计、优化系统这些具有创造性与成就感的本职工作上。但现实情况却是,许多人因为一些“意外”,陷入了无休止的忙碌,比如:你辛辛苦苦写的代码还没上线,产品经理就告诉你需求变了;你拼命加班只因错估了工作量,自己造的“孽”,含着泪也要搞定;你累死累活做出来的东西和要求不符,只能从头再来;你大面积地修改代码只是因为设计糟糕,无法适应新的需求变化

2021-05-25 20:45:28 8006 47

原创 薪资那么高的Web前端,你的简历准备好了吗?

前言最近有参加校招的小伙伴和我说想进大厂,但自己的简历不太行,看了这位小伙伴的简历,发现了普遍会存在的问题:很多人不了解招聘者的需求,想把简历写的面面俱到,写完却是毫无重点,最终简历石沉大海,由此写的这一篇,关于写简历的个人感受。简历就是广告求职与招人它不是一场买卖,也不是一次表演或博弈。而是双方通过谈判,达成契约的一种市场行为。应聘者是收益与自身价值的度量,招聘者是支出与收益的权衡。这是一份长期合作、分期按劳分酬的一种共赢模式。所以试图想靠一些技巧掩盖自己的不足的行为,是不靠谱的。所以简历,「一定

2021-08-18 21:24:34 355 5

原创 101道经典JavaScript面试题总结(附答案,建议收藏)

最近在整理 JavaScript 的时候发现遇到了很多面试中常见的面试题,本部分主要是作者在 Github 等各大论坛收录的 JavaScript 相关知识和一些相关面试题时所做的笔记,分享这份总结给大家,对大家对 JavaScript 的可以来一次全方位的检漏和排查。目录1. 介绍 js 的基本数据类型。2. JavaScript 有几种类型的值?你能画一下他们的内存图吗?3. 什么是堆?什么是栈?它们之间有什么区别和联系?4. 内部属性 [[Class]] 是什么?5. 介绍 js 有哪些内置对象?6

2021-08-04 18:39:41 1073 25

原创 TypeScript学习笔记——TS类型/高级用法及实战优缺点

最近这两年,有很多人都在讨论 Typescript,无论是社区还是各种文章都能看出来,整体来说正面的信息是大于负面的,这篇文章就来整理一下我所了解的 Typescript。TypeScript 类型TypeScript有哪些类型1、TypeScript 基本类型,也就是可以被直接使用的单一类型。数字字符串布尔类型nullundefinedanyunknownvoidobject枚举never2、复合类型,包含多个单一类型的类型。数组类型元组类型字面量类型接口类型

2021-07-31 20:50:49 1216 5

原创 百度前端三面面试题全部公开,三面的最后一个问题令我窒息

分享一次百度面试,部分题目会带有面试答案,百度二面三面都有手写代码的环节,对于动手能力弱的小伙伴来说会有些挺吃力。一面1. 为什么要用flex布局,align-items和justify-content的区别传统布局基于盒模型,非常依赖 display属性 、position属性 、float属性。而flex布局更灵活,可以简便、完整、响应式地实现各种页面布局,比如水平垂直居中。align-items:定义在侧轴(纵轴)方向上的对齐方式;justify-content:定义在主轴(横轴)方向上的对

2021-07-22 21:49:31 1198 12

原创 前端技术没有问题,但面试没有把握,该如何解决?

前言今天有个小伙伴和我说,前端掌握的还行,主要是对面试没什么把握,小编想了想,不该是多半面试题都会迎难而解,怎么会什么把握呢?但仔细又一想,技术和面试也是两回事,技术可以也不代表面试就可以过,那咱们就来好好叨叨该如何去面试面对面试官我在网上看到了很多面试官的分享,他们面过上百人,总结了很多作为面试官的经验,看完这些经验,我不禁感慨,他们到底是“坑害”了多少面试者才总结出来的……所以我总结一下这些点,希望当面试官做的不足的时候,能尽力的做出避免或者挽救,不要因为面试官经验上的不足而影响你的发挥。突然

2021-07-19 21:08:47 1268 21

原创 那些大厂面试官真的只是单纯问问题吗?

前言从面试官的角度来说,面试中考察的题目,并不是仅仅考察这道题目本身,题目的对错并不跟最终结果直接挂钩。面试官更希望以题目为契机, 考察面试者分析问题,解决问题的能力,以及交流过程中所体现的逻辑推理和思维方式等。问题背后到底在问什么这里我举一些常见的题目,从面试官的角度来说明背后的考察内容:1.询问过去的工作中碰到过的一个项目或者解决过的问题面试官的角度:这类问题的主要目的是通过一个具体的案例考察候选人对于自己业务的熟悉和理解程度,以及碰到业务问题的时候是如何面对问题的。需要注意一定要尽可能按照

2021-07-13 22:34:44 311 30

原创 既然可以进腾讯字节阿里等大厂工作,为什么要高薪进小公司?

前言前不久后台有一个粉丝给我留言:为什么很多人参加校招的时候,宁愿低薪也要进大厂,而不选择更高薪的小公司呢?我想了一下,大概是有3个原因:一是大厂薪资高、待遇好,二是大厂的工作方式更加体系化,在大厂结识优秀的人几率更高;三是跳槽会相对来说更加有竞争力。但无论原因是什么,最终的结果都是要进大厂。但是大厂面试有多难,很多小伙伴深有体会,还有人说「大厂面试,更重要的是项目经验,没必要刷题」。真的是这样吗?我询问了曾经成功拿下快手、小米、美团offer的学长,在他看来,想要进大厂,刷题是十分有必

2021-06-29 21:55:33 259 35

原创 全网首发!涵盖字节美团腾讯等大厂前端最新面试题

虽现在不是金九银十面试好时候,但还是会有小伙伴找工作参加面试,小编把最近参加面试被问到的面试题做了个集合,其中里面的题目包括有字节、腾讯、滴滴、美团等题目,现整理好的面试题有HTML、CSS、JS相关的,全网首发抢先看!面试题目合集之HTML1.浏览器页面有哪三层构成,分别是什么,作用是什么?2.HTML5的优点与缺点?3.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?4.HTML5有哪些新特性、移除了哪些元素?5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?6

2021-06-27 21:31:51 194 18

原创 谁看了不得说声牛掰!前端大厂(字节 腾讯 阿里)力荐的JavaScript权威学习指南电子版

Javascript学习指南文档涵盖了javascript 语言核心、词法结构 、类型、值和变量 、表达式和运算符 、语句、对象 、数组 、函数 、类和模块 、 正则表达式的模式匹配、 javascript的子集和扩展 、服务器端javascript /客户端javascript 、web浏览器中的javascript 、window对象 、脚本化文档、脚本化css 、事件处理等22章知识点。内容丰富又详细,拿下互联网一线公司offfer的小伙伴都在看。每个知识点都有左侧导航书签页,看的时候十分方便,由

2021-06-23 19:17:26 270 11

原创 15个方面解析面试官问的那些前端面试题,好家伙整理完有立刻想找大厂对线的冲动

前言从HTML、CSS、JS、JQuery、数据请求相关问题、ES6、Vue、React、React Native、微信小程序、IOS/Andriod浏览器适配问题整理、Pc端兼容性问题、其他知识点面试题、项目类问题、笔试编程题15个方面来讲前端面试题,题目答案文档里有,篇幅原因就只列举了部分题目,完整版的可以点击这看看噢。前端掌握的知识内容概要HTML/CSS对web保准的理解(结构/表现/行为)、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系、常用属性、布局、选择器、盒模型、Ha

2021-06-20 20:43:05 478 29

原创 刷完前端面试题高频考点,再琢磨深挖题,面试官你还有什么招尽管使出来!

前言逛网站时看到个网友在说,自己面试时被问到了刷到的题目当时很开心,信心满满的回答,但紧接着下一秒就笑不出来了,以为面试官是换问题问了,没想到在这个问题基础上发问,这让他就有点措手不及了,回答的支支吾吾的。其实面试官会继续在这问题上“不放过”你,也是看你理解并掌握的是有多深。一道大众题谁都会,这分辨不出个什么,但要是深挖下的问题,这技术也能看的出十七八九,所以也并不是专门去刁钻,面试官问的越深,你回答的稳,面试官可不得喜欢你。碰到这种情况不见得多,题题都去深挖等做法也没必要,但小编还是整理些在高频考点上深

2021-06-15 17:21:28 395 37

原创 前端面试经历(字节、滴滴、虎牙),讲真的还挺难,前端大厂面试题总汇得看看

小编整理最近了小伙伴中具有代表性的面试经历及面试题,他们的情况小编就不多说了,一起看看他们面试中都遇到了什么问题。字节一面刚开始就问我的项目,问的很详细。webpack 提高构建速度的方式loader 输入什么产出什么 ?webpack 原理webpack 动态加载的原理webpack 热更新如何写一个 webpack pluginAST 的应用如何解析一个 html 文本,还是考 ASTbabel 原理,怎么写 babel 插件如何设计一个沙盒 sandbox ?小程序的 A

2021-05-31 20:22:33 9231 71

原创 前端攻城狮在浏览器中常见却容易忘记的4个知识点 ,另附有浏览器面试题

前言关于浏览器知识,在如今的前端中也显的尤为重要了,面试中频繁被问及到,在这个上边小编也是吃过亏了的,今天就来分享一波儿一个前端攻城狮浏览器中需要知道哪些知识点 ?浏览器内核和渲染引擎常见的浏览器内核有哪些Trident内核:IE,360,搜狗浏览器等。[又称MSHTML]Presto内核:Opera7及以上。[Opera内核原为:Presto,现为:Blink;]Webkit内核:Safari,Chrome等。[ Chrome的Blink(WebKit的分支)]为什么我们需要知道一些基本

2021-05-17 22:00:32 628 30

原创 JavaScript逐点突破第4篇之语言基础,外加3道题目练习

前言本文章是对JavaScript语言知识中 “语言基础-语法和变量” 部分的总结,如果您已掌握下面知识事项,则可跳过此环节直接进入结尾处的题目练习。第一段代码在开始学习 JavaScript 时,我们先看一段 JavaScript 代码,如下:console.log('Hello JavaScript!')你能猜到这段代码的结果吗?这段代码的操作就是在控制台输出结果是 Hello JavaScript!,到这里第一段代码就结束了。JavaScript 语法区分大小写你需要知道,ECMAS

2021-05-14 22:33:11 994 31

原创 前端面试一位7年工作者:成也“7”年,败也“7”年

故事在众多面试中,对于那个工作了7年的面试者,我印象很深刻,因为最开始拿到简历的时候,我一摸:"这简历,好厚啊!"再一看,工作7年。于是我去找了我的领导,我说:“这人我应该没法面试,我工作经验都没他一半高啊。咋面?”领导说:“没事,你先去聊聊,怕什么,就当是技术交流,别当成面试。”面试的过程中我们聊的技术问题,他都没有回答的很好,他的技能就像一块大平板,一眼望去,什么都会一点,但是稍微一深入探讨,就两眼一抹黑了。面试的最后,我直接给他说:“在整个面试的过程中,其实你有些问题回答的是不太好的,可能

2021-05-11 22:17:27 2299 41

原创 Node.js 入门:运行在服务端的 JavaScript

简介Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。简单的说 Node.js 就是运行在服务端的 JavaScript。详细学习: 菜鸟教程一、快速入门Hello World新建js文件 helloworld.jsconsole.log("hello world!");终端执行文件(需在文件所.

2021-05-08 17:46:55 747 24

原创 滴滴前端面试问题没被难倒,自我介绍、面试时被考察、等环节回答却是灾难现场

前言在这近期这段时间内,我面试了两次滴滴(前后两个不同的部门),也面试了一些小公司,这些面试对我的帮助是很大的,不只是为了一份实习生的工作,一次又一次的面试后我的心态上越发平稳,也发现了自己在学习上的一些缺陷,一直也没对其进行一次系统的总结,这篇文章就用来总结下我的感触和领悟吧!滴滴的面试是比较有代表性的,这篇文章就以滴滴的面试内容与面试官反馈为主来引入吧!滴滴面试的内容第一次基础部分:原型链作用域提升,变量提升执行上下文和执行栈事件循环机制Eventloopthis的指向问题一道

2021-05-06 16:50:24 2110 34

原创 这份前端面试题能帮助的不止是你Promise问题,还能拿到大厂(腾讯、百度、阿里)实习offer

前言小编之前写过一篇:前端面试之问到promise怎么办?,温故而知新哦怎么今天又来一篇与promise的文章呢 ,哈哈哈哈小伙伴们不要急着离开哈,是因为认识了一个去找实习的同学,聊了实习找的怎样了,让我印象最深刻的就是她讲promise的面试题,她说一面结束后就知道凉凉了,并且要是有机会很想和面试官说一句:面试官对不起!我终于会了Promise!大概是这么个情况,所以呀小编又来讲讲promise,后面带有面试题。同学参加的是某大厂面试,大家看看面试题及同学的回答就知道这位同学有多难受了。面试题

2021-04-29 16:09:29 621 16

原创 JavaScript 逐点突破之单线程与异步,作为前端必知必会

已知,JavaScript 是单线程的,天生异步,适合 IO 密集型,不适合 CPU 密集型,但是,为什么是异步的喃,异步由何而来的喃,我们将在这里逐渐讨论实现。一、进程与线程1. 浏览器是多进程的它主要包括以下进程:Browser 进程:浏览器的主进程,唯一,负责创建和销毁其它进程、网络资源的下载与管理、浏览器界面的展示、前进后退等。GPU 进程:用于 3D 绘制等,最多一个。第三方插件进程:每种类型的插件对应一个进程,仅当使用该插件时才创建。浏览器渲染进程(浏览器内核):内部是多线程的,

2021-04-27 16:36:40 2442 40

原创 就凭查漏补缺这点,面试字节跳动之前请看这份前端面试真题解析

前言当你开始开始去跳槽面试的时候,明明只是一份 15K 的工作,却问你会不会多线程,懂不懂高并发,火箭造得让你猝及不防,结果就是凉凉;现如今市场,多线程、高并发编程、分布式、负载均衡、集群等可以说是现在高级后端开发求职的必备技能。今天分享一次字节跳动面试的经历,后面还有面试题解析哦。字节跳动面试经历字节一面1、找一个你的项目说一下,首先你的项目介绍,承担了什么职责,做了哪些工作,难点2、从你项目中看出,你使用的是 mysql,mysql 的 int 数据类型都有哪些?从小到大说一下,各占多少字节?

2021-04-25 17:38:24 1715 25

原创 我前端开发常用的18款提效工具,个顶个的好用 推荐!

前言在平时的开发工作中我们需要使用到很多的工具来辅助我们的开发,也经常会查阅很多的网站来收集资料。下面具体总结了开发过程中的常用的18款工具分享给大家。很实用,可以收藏这样需要时很快能找到,点击标题就会直接跳转到工具页面。也欢迎小伙伴们在评论区分享和安利出你们觉得有用的工具。1、 Web Developer 浏览器插件一款服务于 Web 开发者的浏览器插件,可以针对该网站做更深入的操作,如禁止 Javascript禁止 CSS显示页面所有图片…2、 Emmet: Web 开发者的利器

2021-04-23 21:10:38 2851 33

原创 腾讯前端笔试心得:人生需要一点deadline

我标题取的是人生需要一点deadline,至于原因写在了文章结尾,希望对大家能有所启发。

2021-04-21 20:30:34 2601 37

原创 关于Javascript插件封装,含仿照jQuery封装类

JS中类的概念类,实际上就是一个function,同时也是这个类的构造方法,new创建该类的实例,new出的对象有属性有方法。方法也是一种特殊的对象。##类的方法在构造方法中初始化实例的方法(就是在构造方法中直接编写方法,并new实例化)是不推荐的,消耗内存(每次实例化的时候都是重复的内容,多占用一些内存,既不环保,也缺乏效率)。所有实例是共有的,创建多个实例不会产生新的function,推荐在类的prototype中定义实例的方法,prototype中的方法会被所有实例公用。仿照jQuery

2021-04-20 22:11:50 561 1

原创 腾讯前端面试110min真的是110警告,还好我做了技术准备招架住了!

腾讯一面就聊了110分钟,问的问题也太多啦

2021-04-19 19:37:09 2580 18

原创 JavaScript逐点突破系列之函数知识点梳理,建议反复看有惊喜

前言函数是 JavaScript 中的基本组件之一。 一个函数是 JavaScript 过程 — 一组执行任务或计算值的语句。要使用一个函数,你必须将其定义在你希望调用它的作用域内。一个JavaScript 函数用function关键字定义,后面跟着函数名和圆括号。定义函数函数声明一个函数定义(也称为函数声明,或函数语句)由一系列的function关键字组成,依次为:函数的名称。函数参数列表,包围在括号中并由逗号分隔。定义函数的 JavaScript 语句,用大括号{}括起来。例如,以

2021-04-16 16:00:58 931 18

原创 JavaScript逐点突破系列之this是什么?了解完这7点很多疑惑都解决

前言本章将专门介绍与执行上下文创建阶段直接相关的最后一个细节——this是什么?以及它的指向到底是什么。了解this也许你在其他面向对象的编程语言曾经看过this,也知道它会指向某个构造器(constructor)所建立的对象。但事实上在JavaScript里面,this所代表的不仅仅是那个被建立的对象。先来看看ECMAScript 标准规范对this 的定义:「The this keyword evaluates to the value of the ThisBinding of the c

2021-04-12 21:02:33 7806 45

原创 问的多查的多的vue面试题整理不容错过,快看有没有你被问到的题目!

生命周期钩子函数Vue 实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载等一系列过程,我们称这是Vue的生命周期Vue中组件生命周期调用顺序生命周期描述beforeCreate组件实例被创建之初,组件的属性生效之前created组件实例已经完全创建,属性也绑定,但真实dom还没有生成,$el还不可用beforeMount在挂载开始之前被调用:相关的 render 函数首次被调用

2021-04-09 17:49:38 5428 27

原创 JavaScript Math对象

Math对象Math 对象用于执行数学任务。Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math()。Math 对象属性Math 对象方法ceil()ceil() 方法可对一个数进行向上取整。语法Math.ceil(x)参数1.x 必需。必须是一个数值。TIPS它返回的是大于或等于x,并且与x最接近的整数。实例<!DOCTYPE html><html><head><meta http-equ

2021-04-08 18:28:07 253

原创 JavaScript数据类型

本文章主要总结一下js数据类型的识别判断方法tyoeofinstanceofObject.prototype.toString.callconstructor最后封装一个函数,可以判别所有的类型1.数据类型基本类型1.Undefined类型:该类型只有一个值,即undefined(小写),在使用var声明变量但是未对其加以初始化时,这个变量的值就是2.undefined。Null类型:该类型也只有一个值,即null(小写),null值表示一个空对象指针,所以用typeof操作符检测null

2021-04-07 18:19:54 763

原创 JavaScript 运算符与逻辑分支

运算符一元运算符只能操作一个值的运算符叫做一元运算符//后取值 先执行运算, 再取值//前取值 先取值, 再执行运算 前自加: var x=5; var num1=++x; // 相当于x=x+1; var num1=x; console.log('num1='+num1+' x='+x); //num1=6 x=6 后自加: var x=5; var num2=x++; // 相当于 var num2=x; x=x+1; console.log('num2

2021-04-07 18:16:57 478 1

原创 前端面试之问到promise怎么办?

前言Promise作为面试中的经典考题,我们一定要深刻学习和理解它! Promise有什么用呢?答:我们拿它解决异步回调问题。Pomise是ES6里面新增的一种异步编程的解决方案。现在这个promise在面试中感觉就像“css清除浮动”一样,属于答不上来就会挂掉的前端基础知识了。本文大纲:1.promise基本用法;2.promise A+手动实现3.promise 使用中的哪些坑 promise.all 回调地狱等;(一)promise基本用法promise对象简单的来说,有点类似于ajax

2021-04-06 17:42:20 1310 6

原创 [CSS]了解REM移动端适配方案

REM 是什么首先了解一下 CSS 中一些常见的长度单位:px 绝对长度单位,像素注意:浏览器(Chrome)默认文字大小为 16px,所能设置的最小单位为 12pxem相对长度单位,这个单位表示元素的font-size的计算值。如果用在font-size 属性本身,它会继承父元素的font-size。如果元素的 font-size 为 16px,元素的宽度设置为 width = 10em,则 width = 10em = 160px;如果元素父元素的 font-size 为 12p

2021-04-02 15:54:48 427

原创 浅谈移动端中的视口

在 PC 端,视口指的是浏览器的可视区域,其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中,视口也被称为初始包含块,它是所有 CSS 百分比宽度推算的根源,给 CSS 布局限制了一个最大宽度。而移动端则较为复杂,它涉及到三个视口:布局视口(Layout Viewport)、视觉视口(Visual Viewport)和理想视口(Ideal Viewport)。本文主要讨论移动端中的视口。1. 基本概念1.1 两种像素像素是计算机屏幕中显示特定颜色的最小区域。屏幕中的像素越多,同一范围内能看到

2021-04-02 15:52:08 396

原创 来自前端面试官的吐槽:问CSS、DOM,还招不招人了?KPI还要不要了?

前言最近看到一位博主吐槽怎么现在很多前端面试中,很多公司很少或不问css,而直接问JavaScript、框架、Node.js这个问题,说现在满世界 Vue、小程序的简历,问啥 css啊,好多人 position 有啥值都不知道,z-index 值和 position 层叠关系都不知道,问了就挂,咋张嘴问…… 就更别提啥权重值怎么计算的这种稍微“难”一点点的问题了,考察更深入一点的,比如值处理步骤乃至到 CSSOM 就想都别想了。个人是认为这说明业界前端的业务以pc系统后台类的居多。现在这些后台,不再需要

2021-04-01 15:23:22 5669 11

原创 Bootstrap列偏移

有的时候,我们不希望相邻的两个列紧靠在一起,但又不想使用margin或者其他的技术手段来。这个时候就可以使用列偏移(offset)功能来实现。使用列偏移也非常简单,只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示该列向右移动4个列的宽度。<div class="container"><div class="row"><div clas

2021-03-31 17:45:40 422

原创 Bootstrap 响应式项目分享

该页面中主要用到的有1. 全局 CSS 样式 – 栅格系统2. 全局 CSS 样式 – 按钮3. 全局 CSS 样式 – 辅助类4. 组件 – 按钮式下拉菜单5. 组件 – 导航条6. 组件 – 分页7. 组件 – 媒体对象8. JavaScript 插件 – 标签页9. JavaScript 插件 – Carousel(轮播图)1. 顶部Logo 和 Login 部分使用栅格系统,将Logo 和 Login分为两列,Login 部分内容右对齐即可,没有太多可说的。2. .

2021-03-30 18:02:33 271

原创 手把手教你CSS Flex布局

前言之前做项目,关于布局方面没怎么深入研究过,好多页面都是能用定位就用定位,能用百分比就用百分比,导致很多地方,看似对齐了,但是就很别扭,这几天又被一个布局折磨了很久。于是痛定思痛,总结一下自己思想上的问题。自己之前没把 CSS 的相关问题当回事,心里总是理所应当的认为,样式什么时候用到随便百度一下就行,这种想法的后果就是,页面风格很僵硬,不同分辨率的显示器适配很差,写页面的时候,也很莫名其妙,明明我写了某个样式,就是没效果,到头来还是自己跟自己过不去。感觉跟我有一样想法的同学肯定不少,不过不要紧,知

2021-03-29 17:11:06 313

原创 CSS3圆角的制作

前言CSS3圆角技术能非常好的美化你的页面效果,而且避免了使用图片辅助,一则省去了制作图片的时间,二则省去了浏览器加载图片造成的延迟和带宽。如今,这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持,包括Safari,谷歌浏览器,IE,Opera和火狐浏览器。下面让我们来看看border-radius的语法,解释,以及IE是如何支持它的。语法和说明在CSS3中用来生成圆角效果的属性是border-radius.这个属性跟大家熟知的width等属性的用法相似:.roundElement {

2021-03-29 17:07:10 183

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除