META标签分两大部分:HTTP标题信息(http-equiv)和页面描述信息(name)。 http-equiv http-equiv类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。 设置页面编码 charset UTF-8是世界性通用编码,也完美的支持中文
 转载:http://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html 前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了
/* ========================================================================== 清除默认内边距和外边距 ========================================================
前言 使用HTML+CSS能写出什么惊人的效果呢? 针对这个问题,我总会看到类似的回答,比如没有JS,前端永远都是静态的;HTML5要搭配JS,要不然一文不值。 JS固然强大,但CSS也并非一文不值,这里我就要为CSS3鸣不平了,说出上面那些回答的人可能真的不了解CSS的强大之处。 今天这篇文章我们
  简介:模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 Modal简介 Modal实现弹出表单 Modal实现删除提示框 其他用法 Bootstrap 模态框(Modal)插件 模态框(Moda
为什么需要addEventListener? 先来看一个片段: html代码 <div id="box">追梦子</div> 用on的代码 1 window.onload = function(){
border属性 border-width  border-style  border-color  inherit border-style的值:none  dotted(点线)  dashed(虚线)  solid(实线) double(双线)  groove(凹槽)  ridge(凸起)  i
font连写属性 font-style  font-variant font-weight  font-size/line-height  font-family font-size与font-family为必填 font-style 可指定的值为: normal(正常)  italic(斜体) 
.toggle-cart-enter-active, .toggle-cart-leave-active { transition: all .3s ease-out; } .toggle-cart-enter, .toggle-cart-leave-active {
前面的话   在网页设计中,Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过。它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送。本文将详细介绍sticky footer的4种实现方式  
最近初学vue,做最简单的todolist <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>todolist</title> <sty
一、概述 web前端性能优化主要点为:减少HTTP请求,减小请求文件大小、其他优化。 二、优化细节 1、减少HTTP请求 (1)使用缓存 (2)雪碧图 (3)合并文件 (4)将javascript和css从外部引入 (5
HTML常用标签 1. <h>  标题 <h1>定义最大标题<h6>定义最小标题 <h1>this is a heading</h1> 2. <hr/> 水平线3.注释 <!-- this is a comment-
创建百度联盟广告位的时候,选择按父容器宽度展示,但是在加入之后,查看代码发现广告的宽度为页面的宽度,并不是希望的父级的宽度,   如图在这里查看:   解析:百度联盟广告自动生成的div按父级的div宽度来自适应,如果父级是一个包含padding的div,则父级的宽度为padding+本身的宽,然
  在百度联盟代码位管理中创建好对应的代码位之后,点击获取代码,会看到这样一段js 直接复制粘贴到自己网页中便可显示对应广告。 在vue中由于都是vue组件,不支持直接在组件中加入这样一段一段的js代码,我们采用如下方法: 1、首先在index.html中引入生成的代码中的js,   2、在vu
在日常开发中会使用带箭头的弹出对话框,有时为了美观或者突出,会添加一个阴影。由于图形不规则且可能是由多个元素拼接而成的,这样box-shadow属性可能不能满足需求。 这里推荐一个类似的属性,filter下的drop-shadow。 <div class="triangle"> <
你见过html页面上‘x’字符变成打印机图标么?一般人应该没有。 -----------------------诡异bug----------------------- 今天测试报了一个bug,说页面上‘x’变成了打印机,之前从来没遇到过~~ 我看了看我这的,正常啊~又去虚拟机下windows看了下
模板引擎的基本工作原理,简单来说就是利用正则表达式,替换模板当中预先定义好的标签。 具体是怎么运行的,下面我们举个简单的例子 ----------------------------------------------------------------------------- 需求如下: 需要在

推荐文章