• CSS十大选择器

    CSS十大选择器: 1、id选择器 # 2、class选择器 句号 . 3、标签选择器 标签名称 4、相邻选择器 加号 + 5、后代选择器 空格 6、子元素选择器 大于号 7、多元素 组选择器 逗号 , 8、属性选择器 元素[条件:属性 属性=value 属性^=value 属性$=value] 9、伪类 hover link...

    2018-11-26 07:59:49

  • 学习web前端应该具备的一些技能

    目前,web前端企业已经成为市场争抢的香饽饽,据招聘门户网站前程无忧和智联招聘数据显示,每个月企业在51job上公布的职位量在1.3万左右,在智联招聘上公布的职位量是2.4万左右,平均月薪12800左右。 这么高端待遇好的职位,你想知道你适合做么? 我还是要推荐下我自己...

    2018-11-26 07:59:48

  • css3图形绘制

    以下几个例子主要是运用了css3中border、bordr-radius、transform、伪元素等属性来完成的,我们先了解下它们的基本原理。 border: 简单的来说border语法主要包含(border-width、border-style、border-color)三个属性。 ? border-top(上边框):border-width border...

    2018-11-26 07:59:41

  • Web前端开发入门不得不看

    如今,各种互联网的Web应用程序层出不穷,那么如何快速入门,成长为一个优秀的Web开发工作者呢? 这个问题不容易回答,几乎所有的培训机构都不能清晰地解答。 所以对于Web开发刚刚入门的菜鸟们,我觉得只有通过去做,去实验,学会Web开发,可能是学着学着,实验着实验...

    2018-11-26 07:59:41

  • CSS笔记——属性选择器

    1.存在和值(Presence and value)属性选择器 这些属性选择器尝试匹配精确的属性值: [attr]:该选择器选择包含 attr 属性的所有元素,不论 attr 的值为何。 [attr=val]:该选择器仅选择 attr 属性被赋值为 val 的所有元素。 [attr~=val]:该选择器仅选择具有 attr 属...

    2018-11-26 07:59:36

  • css边框渐变

    在实际开发中,我们经常遇见边框需要背景渐变的实现要求,那么如何去实现呢,今天给大家分享依稀几种情况 1.直角的背景渐变 !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" meta http-e...

    2018-11-26 07:59:39

  • npm私有仓库 配置verdaccio在docker环境

    前端开发过程中,少不了自己封装一些通用的包,但又不想放在公共的平台,所以搭建一个npm私有的仓库是很有必要的。 在这里简单介绍如何使用 verdoccio 在docker环境下的配置。verdoccio,轻量级私有npm代理注册表。加上docker,那就真的无敌方便了,搭建一个私有仓库轻...

    2018-11-26 07:59:35

  • 撩课-Web大前端每天5道面试题-Day1

    1. var的变量提升的底层原理是什么? JS引擎的工作方式是: 1 ) 先解析代码,获取所有被声明的变量; 2 )然后在运行。也就是说分为预处理和执行两个阶段。变量提升:所有变量的声明语句都会被提升到代码头部。但是变量提升只对var命令声明的变量有效,如果一个变量不是用...

    2018-11-26 07:59:32

  • 图片圆角并居中显示解决方案

    1、图片圆角显示 例如(非常简单): HTML: img src ="mao.png" / CSS: img { border-radius : 10px ;} 如果图片只为圆角,这种方式确实没问题,但如果还要加上居中的效果,这种方式就有问题,下面会说明。 2、图片居中显示(铺满父容器且不变形) 效果图如下: PS:...

    2018-11-26 07:59:30

  • DOM基础练习代码(二)

    上一篇给大家的三段代码不知到大家有没有练习呢?今天再给大家带来两段DOM的练习! 4. 封装函数,实现children功能,最好哎原型链上编程 1 Element.prototype.getChildren() { 2 var child = this.childNodes, 3 len = child.length, 4 obj = { 5 ‘length’: 0, 6 ‘p...

    2018-11-26 07:59:27

2