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的强大之处。
今天这篇文章我们
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>各种类型的线条</title>&
简介:模态框(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-
.cont-detail ul li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
创建百度联盟广告位的时候,选择按父容器宽度展示,但是在加入之后,查看代码发现广告的宽度为页面的宽度,并不是希望的父级的宽度,
如图在这里查看:
解析:百度联盟广告自动生成的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看了下
模板引擎的基本工作原理,简单来说就是利用正则表达式,替换模板当中预先定义好的标签。
具体是怎么运行的,下面我们举个简单的例子
-----------------------------------------------------------------------------
需求如下:
需要在