前端
关注
分享
扫一扫
前端独秀
这个作者很懒，什么都没留下…
展开
-
面试分享：一年经验初探阿里巴巴前端社招
一般阿里社招都是招3-5年的P6+高级工程师，当初自己一年经验也没有想过有这个面试机会。 虽然没想着换工作，但是经常关注一些招聘网站的信息，某一天，在某boss上有个人找我，叫我发一下简历，我一看是阿...转载 2019-08-30 11:39:10 · 295 阅读 · 0 评论 -
CSS深入理解学习笔记之vertical-align
1、vertical-align基本认识 支持的属性值： ①线类：baseline（默认），top，middle，bottom ②文本类：text-top，text-bottom ...转载 2019-08-30 14:10:44 · 252 阅读 · 0 评论 -
HTML常用的标签中，行内元素和块级元素
块元素(block element) HTML标签分类明细 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * d...转载 2019-08-30 14:49:06 · 292 阅读 · 0 评论 -
无限滚动加载最佳实践
无限滚动加载最佳实践 无限滚动（Infinite scrolling），有时候被称为无尽滚动（endless scrolling），这种技术允许用户在大量内容上滚动，眼中看不到结束的地方。这种技术很简...转载 2019-08-30 15:47:54 · 414 阅读 · 0 评论 -
css样式获取及兼容性（原生js）
类选择器兼容性 getbyclass()类选择器,在IE8及以下均不可用。 // 类选择器的兼容性 function getbyclass(p...转载 2019-08-30 16:45:20 · 176 阅读 · 0 评论 -
找工作的一些感悟——前端小菜的成长
前些日子辞掉了工作，比较轻松，有大把的时间写博客神马的，陆续面了几个不错的互联网公司，有成功的也有失败的，阿里的面试及offer都来的很意外，还没来得及投百度，由于阿里给的条件及工作内容都让我很满意了...转载 2019-08-30 17:40:09 · 118 阅读 · 0 评论 -
修改placeholder的样式
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果，这时就可以用以下代码来对placeholder进行样式设置了。 1 ::-webkit-input-pl...转载 2019-08-30 18:29:45 · 285 阅读 · 0 评论 -
找工作的一些感悟——前端小菜的成长
前些日子辞掉了工作，比较轻松，有大把的时间写博客神马的，陆续面了几个不错的互联网公司，有成功的也有失败的，阿里的面试及offer都来的很意外，还没来得及投百度，由于阿里给的条件及工作内容都让我很满意了...转载 2019-08-30 19:33:06 · 285 阅读 · 0 评论 -
界面渐变特效 -- CSS实现 -- 兼容IE8
特别注意：里面的RGB颜色值必须要全写，不能使用缩写。 左右： background: -webkit-gradient(linear, 0 0, 0 100%, from(#80c1e7), to(...转载 2019-08-30 20:32:49 · 259 阅读 · 0 评论 -
Position属性四个值：static、fixed、absolute和relative的区别
1、static（静态定位）：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 2、relative（相对定位）：生成相对...转载 2019-08-30 21:37:35 · 337 阅读 · 0 评论 -
(网页)JS和CSS不缓存方法,时间戳
<link ..... href=".....css?time"+new Date()> <script type="text/javascript" src="js/retaccountDe...转载 2019-08-30 22:13:26 · 319 阅读 · 0 评论 -
CSS再学
css的注释 /*.......*/ 直接在html代码中写css <p style="color: rebeccapurple;font-size: 18px">Hao</p> css代码写...转载 2019-08-30 23:14:57 · 227 阅读 · 0 评论 -
CSS 潜藏着的BFC
在写样式时，往往是添加了一个样式，又或者是修改了某个属性，就达到了我们的预期。 而BFC就潜藏在其中，当你修改样式时，一不小心就能触发它而毫无察觉，因此没有意识到BFC的神奇之处。 什么是BFC（Bl...转载 2019-08-31 08:43:56 · 95 阅读 · 0 评论 -
switchery按钮使用
1.先引入switchery.css 和 switchery.js 2.绘制 checkbox按钮 : a.静态页面写法 未选中时 <input type="checkbox" class="js-...转载 2019-08-31 09:44:56 · 1063 阅读 · 0 评论 -
学习定制自己的博文1
目录： 前言 基础学习资料与网站介绍 定制我的博文 3.1 我想要的效果 3.2 基础知识如何实现 3.2.1 一级标题 3.2.2 二级标题 3.2.3 三级标题 3.2.4 目录 3.2.5 添加...转载 2019-08-31 10:35:33 · 117 阅读 · 0 评论 -
以css伪类为基础,引发的选择器讨论 [新手向]
作为第一篇技术干货，来写哪个方面的内容，我着实考虑了很久。 经过了整整30秒的深思熟虑，我决定就我第一次发现新大陆一样的内容，来进行一次讨论。 伪类： 伪类对元素进行分类是基于特征(character...转载 2019-08-31 11:27:04 · 113 阅读 · 0 评论 -
css的padding和border问题
第一步：先跟据需求定义一个div，要求width为300px，height为300px； 第二步：给该div添加一个边框，要求实线，宽度10px，粉色； 第三步：给该div再设置20px的内边距；...转载 2019-08-31 14:13:32 · 1021 阅读 · 0 评论 -
一分钟教你如何实现唯美的文字描边
前两天有一个原来的同事问我文字描边怎么做,那么今天我们就来说说文字描边这个样式怎么实现. 一.文字描边 -webkit-text-stroke 文字描边 参数: 参数1 描边大小 参数2 描边颜色 ...转载 2019-08-31 14:57:32 · 549 阅读 · 0 评论 -
为什么要初始化CSS?
因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下...转载 2019-08-31 15:40:22 · 106 阅读 · 0 评论 -
找工作的一些感悟——前端小菜的成长
前些日子辞掉了工作，比较轻松，有大把的时间写博客神马的，陆续面了几个不错的互联网公司，有成功的也有失败的，阿里的面试及offer都来的很意外，还没来得及投百度，由于阿里给的条件及工作内容都让我很满意了...转载 2019-08-31 16:19:33 · 190 阅读 · 0 评论 -
css总结
时间:2017年12月10日 21:52:59 用途:此文章用于个人总结 css笔记 1.CSS全称为"层叠样式表(Cascading Style Sheets)" 2.CSS样式的语法: 选择符...转载 2019-08-31 16:59:01 · 101 阅读 · 0 评论 -
图文详解前端CSS中的Grid布局，你真的可以5分钟掌握
前言 网站的布局是一个网站设计的根本，CSS的Grid布局已经成为了未来网站布局的基本方式。 今天这篇文章我们通过图文，一起看看如何自己实现Grid布局方式。 CSS 第一个Grid布局 首先我们看看...转载 2019-08-31 17:46:26 · 278 阅读 · 0 评论 -
Web前端知识体系精简
Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学...转载 2019-08-31 18:33:05 · 122 阅读 · 0 评论 -
近期前端中的 一些常见的面试题
近段时间看了不少的前端面试题，很多大牛也对此做了整理。这篇文就算是借花献佛啦。总体来说基本上每家问的问题也差不多，可能不同业务的公司问的问题的侧重点也不太一样，有的侧重于移动端适配CSS布局浏...转载 2019-09-01 11:35:02 · 108 阅读 · 0 评论 -
css zoom与scale区别
转自：http://www.zhangxinxu.com/wordpress/2015/11/zoom-transform-scale-diff/ 1、zoom的缩放是相对于左上角的；而scale默认...转载 2019-08-31 20:16:07 · 453 阅读 · 0 评论 -
Animate.css(一款有意思的CSS3动画库)
官网：https://daneden.github.io/animate.css/ animate.css是一款跨浏览器的动画库。 使用方式： 在页面的 <head>中引入样式文件： <head>...转载 2019-08-31 21:03:07 · 388 阅读 · 0 评论 -
css选择器的优先级问题
当我们写页面的时候，不知道你会不会产生这样的问题，为什么我给他添加的这条样式分明已经选择到我要给的元素了，但是他的样式并没有生效，那是为什么呢？ 定义的属性有冲突时，浏览器会选择用那一套样式呢...转载 2019-08-31 22:08:19 · 141 阅读 · 0 评论 -
css !important
很多情况下，你会使用 CSS 库，这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时，你可以使用 !important。 1 <style> 2 body { 3...转载 2019-08-31 23:08:35 · 102 阅读 · 0 评论 -
记一次使用Node.js electron打包网站的记录
具体步骤请参考：http://blog.youkuaiyun.com/a727911438/article/details/70834467 打包时出现了不少问题，逐一记录下来以供其他人参考。 package.j...转载 2019-08-31 23:52:42 · 356 阅读 · 0 评论 -
github个人博客绑定单独阿里域名指南
详情：http://www.liu12fei08fei.top/ github个人博客绑定单独阿里域名指南 起源 禁止微信重拍版 给github pages绑定域名 获取github pages的...转载 2019-09-01 08:39:11 · 277 阅读 · 0 评论 -
301和302状态码区别
一、官方解释 301 redirect: 301 代表永久性转移(Permanently Moved) 302 redirect: 302 代表暂时性转移(Temporarily Moved ) ...转载 2019-09-01 09:35:26 · 306 阅读 · 0 评论 -
2017-11-29 HTML5样式、链接和表格
HTML5样式、链接和表格 HTML5列表 <ol> 有序列表 <ul> 无序列表 <li> 列表项 <dl> 列表 <dt> 列表项 <dd> 描述 --------------- 1.无序列表 使...转载 2019-09-01 10:15:54 · 82 阅读 · 0 评论 -
面试分享：一年经验初探阿里巴巴前端社招
一般阿里社招都是招3-5年的P6+高级工程师，当初自己一年经验也没有想过有这个面试机会。 虽然没想着换工作，但是经常关注一些招聘网站的信息，某一天，在某boss上有个人找我，叫我发一下简历，我一看是阿...转载 2019-09-01 10:53:18 · 214 阅读 · 0 评论 -
HTML5-前端开发很火且工资很高?
晚上逛论坛看到一篇对从事HTML5前端开发的文章写的非常不错,和目前的市场形势差不多,然后我在其基础上给大家进行加工总结一下分享给大家.今天我们谈论的话题是<<为什么从事HTML5前端开发越来越火,工...转载 2019-09-01 11:20:19 · 274 阅读 · 0 评论 -
记CSS格式化上下文
fomatting context 引言 主要讲解的是BFC上下文 本文是查看 史上最全面、最透彻的BFC原理剖析 的笔记 所以不会详解BFC, 只是记录学习心得, 以及重要规则避免原文失效 简介 F...转载 2019-09-01 14:13:32 · 123 阅读 · 0 评论 -
标记语言总览
什么是标记语言？ 标记语言是一种用语义上可区分文本的方式来注释文档的系统。这个想法和术语是从纸上手稿的“标记”，即编辑们的修改指示演变而来的，传统上用蓝色铅笔写在作者的手稿上。 标记语言的历史？ 标记...转载 2019-09-01 15:05:59 · 499 阅读 · 0 评论 -
css只改变input输入框光标颜色不改变文字颜色实现方法
input:focus{color:blue}//光标颜色 input{ text-shadow: 0px 0px 0px red;//文字颜色 -webkit-text-fill-color: tr...转载 2019-09-01 15:56:30 · 266 阅读 · 0 评论 -
CSS3 linear-gradient线性渐变实现虚线等简单实用图形
一、作为图片存在的CSS3 gradient渐变 我觉得CSS3 Backgrounds比较厉害的一个地方就是支持多背景，也就是背景图片个数可以无限累加，正好CSS3的gradient渐变性质是 ba...转载 2019-09-01 16:43:53 · 2069 阅读 · 0 评论 -
html制作简单框架网页二 实现自己的影音驿站 操作步骤及源文件下载 （可播放mp4、avi、mpg、asx、swf各种文件的视频播放代码）
新增视频播放功能如下图： 左侧网页left.html代码如下： <meta charset="utf-8"><body style="background-color:rgb(196,10,102)...转载 2019-09-01 17:39:23 · 378 阅读 · 0 评论 -
css 超出规定行数自动隐藏
单行 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; //多行超出长度隐藏 overflow: hidden; te...转载 2019-09-01 18:23:15 · 165 阅读 · 0 评论