1.首先需要在根目录的index.html文件加入如下代码<metahttp-equiv="X-UA-Compatible"content="IE=edge">2.npm安装依赖安装babel-polyfill插件指令：npminstallbabel-polyfill--save-dev3.在入口文件main.js文件中引入插件import'babel-polyfill'4.需要在webpack...
一、什么是优先级的权重1.作用：当多个选择器混合在一起的时候，我们可以通过计算权重来判断谁的优先级最高。2.权重的计算规则公共代码：<body><divid="identity1"class="box1"><ul><li><pid="identity2"class="box2">试炼语句</p></li></ul></div></body>（1）首先计算选择器中有多少个id，i...
一、谷歌开发者工具其他特性（谷歌浏览器快捷键F12）（1）元素选择，在里面我们可以看到某些行的具体代码（2）查看源代码（3）该元素的样式显示，我们可以看到我们选中的元素的具体样式属性，可以在里面进行更改，但不会修改源代码，只会当做临时查看（4）具体的样式代码（5）该行代码所在的文件的位置二、CSS三大特性之继承性定义：给父元素设置一些属性，子元素也可以使用例如：谷歌开发者工具也可以给出验证，p标签...
一、什么是HTMLhypertextmarkuplanguage即超文本标记语言超文本:就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。标记语言:标记（标签）构成的语言.网页==HTML文档，由浏览器解析，用来展示的静态网页：静态的资源，如xxx.html动态网页：html代码是由某种开发语言根据用户请求动态生成的html文档树形结构图：二、标签1.什么是标签是由一对尖括号包裹的单词构...
有时拍到好看满意的照片，却在后期上不知从何下手，相信很多同学们都有这个感觉，有时有了调色思路，却又不会了，比如我们很喜欢日，日漫的效果，那么我们应该如何做呢?本篇教程就教同学们调出日漫的效果，整个教程比较简单，但是一定要动手做才可以，具体通过教程来学习一下吧。效果图：素材：1、首先，打开S，导入素材背景图片，并CTRL+J将贝一份素材背景图片：2、然后执行滤镜一模糊一特殊模糊：3、具体参数如图所示...
一、概述CSS是CascadingStyleSheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。二、CSS的引入方式1.行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。<spanstyle="color:red;">行内式</span>2.嵌入式嵌入式是将CSS样式集中写在网页的<head></h...
layer介绍layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站。area属性layer的宽高是通过area属性设置，例如area:[‘300px',‘600px']，表示定义宽300px；高600px的弹出层；默认设置：layer宽高都自适应的，即area默认值为‘auto’。max...
npminstalllib-flexible--savenpminstallpx2rem-loader--save-devrule.use('px2rem-loader').loader('px2rem-loader').options({emUnit:37.5})正常移动端范围是375到750我们这样设定就是让1rem为37.5px相当于将页面（375px）分成十份，每一份就是1rem（37.5...
前端的性能优化主要分为三部分：HTML优化避免HTML中书写CSS代码，因为这样难以维护。使用Viewport加速页面的渲染。使用语义化标签，减少CSS代码，增加可读性和SEO。减少标签的使用，DOM解析是一个大量遍历的过程，减少不必要的标签，能降低遍历的次数。避免src、href等的值为空，因为即时它们为空，浏览器也会发起HTTP请求。减少DNS查询的次数。CSS优化优化选择器路径：使用.c{}...
HTML：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>旗帜</ti...