1.使用npm下载pluginnpm i html-webpack-plugin -D 2.配置webpack.config.js文件/*webpack配置文件，作用：指示webpack怎么干活，干哪些活当你运行webpack指令的时候，会加载其中的配置所有的构建工具都是基于Node.js来运行的，模块化使用的CommonJS*///插件：1下载， 2引入， 3使用 //npm i html-webpack-plugin -D const {resolve} = require(‘path‘)const HtmlWebpackPlugin = require(‘html-webpack-plugin‘)module.export...
一、绘制基本图形 在每次用canvas画布时，都有几步是“套路” 1.在HTML中创建Canvas画布：<canvas id="mycanvas" width="960px" height="580px">浏览器不支持canvas <!-- 如果不支持会显示这段文字 --></canvas> 2.获取画布标签，并得到一个2D对象：var c = document.getElementById(‘mycanvas‘); //获取标签var ctx = c.getContext("2d"); //返回一个用来绘制环境类型的环境，返回一个2D对象 ，该对象实现了一个画...
核心思想：嵌套盒子中的◇超过父盒子的部分隐藏。第一种写法：<!DOCTYPE html> <html> <head><meta charset="utf-8" /><title></title><style>div{width:100px;height:30px;background-color:#eee;position:relative;}i,s{text-decoration:none;font-style:normal;}i{position:absolute;right:0;top:12px; width:10px;height:7px;background-color:aliceblue;font:400 13px/13px "微软雅黑";overflow:hidden;}s{ position:absolu...
angular-ngSanitize模块-$sanitize服务详解本篇主要讲解angular中的$sanitize这个服务.此服务依赖于ngSanitize模块.要学习这个服务,先要了解另一个指令: ng-bing-html.顾名思义,ng-bind-html和ng-bind的区别就是,ng-bind把值作为字符串,和元素的内容进行绑定,但是ng-bind-html把值作为html,和元素的html进行绑定.相当于jq里面的.text()和.html().但是,出于安全考虑,如果我们直接使用ng-bind-html是会报错的,ng-bind-html后面的内容...
DOM的概念 DOM= Document Object Model，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点 DOM很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这个范围。Dom技术使得用户页面可以动态地变化，如可...
文章摘自：http://www.cnblogs.com/zhangziqiu/archive/2009/03/18/1415005.htmlMVC在view页面，经常需要用到很多封装好的HTML控件，这篇文章主要讲述，怎么自己扩展和定制自己需要的控件。----------------------------------------------------------HTML Helper类是ASP.NET MVC框架中提供的生成HTML控件代码的类. 本质上与第一种方式一样, 只是我们可以不必手工书写HTML代码,而是借助HTML Helper类中的方法帮助我们生成HTML控件...
1.HTML是什么?HTML是用来描述网页的一种语言,它是一种超文本标记语言,也就是说,HTML不是一种编程语言,仅是一种标记语言.2.HTML特点简易性：超级文本标记语言版本升级采用超级方式，从而更加灵活方便。可拓展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。平台无关性：虽然PC大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛...
标签分类块级元素div h1~h6 p ul li特点 独占一行可以设置宽度嵌套(包含)下, 子块元素的宽度(没有定义的情况下)与父块元素宽度默认一致<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">div{height: 200px;background-color: orange;}p{height: 300px;background-color: green;}.box{width: 100px;}.box p{width: 300px;height: 100px;background-color: pink;}</style></head><b...
方法1：使用onclick事件<input type="button" value="按钮" onclick="javascrtpt:window.location.href=‘http://www.baidu.com/‘" />或者直接使用button标签<button onclick="window.location.href = ‘https://www.baidu.com/‘">百度</button> 方法2：在button标签外套一个a标签<a href="http://www.baidu.com/"><button>百度</button> </a>或使用<a href="http://www.baidu.com/"><input type="button" value=‘百度‘></a> ...
插件介绍用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题。所以我们在使用过程中，想要让低版本的浏览器，即IE9以下的浏览器支持，那么这款html5shiv.js是一个非常好的选择！上面这段代码仅会在IE浏览器下运行，还有一点需要注意，在页面中调用Html5.js文件必须添加在页面的head元素内，因为IE浏览器必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。 使用方法<!--[if lt IE 9]> <scr...
<table>表格标签 常用属性： border指定边框 width宽 height高，内容多不用指定，自动适应 bgcolor背景颜色 align对齐方式，控制表格 background背景图片<caption>表格标题<th>表头单元格<tr>行 常用属性： bgcolor背景颜色 align对齐方式，控制内容 background背景图片<td>列table>tr>td【此时按下Tab（制表键），输入内容中间和后面都不能留有空格和换行等内容】 表格合并 colspan跨列 ...
HTML彻底剖析(14)特殊字符 ■ 常用特殊字符 只要你认识了 HTML 标记，你便会知道特殊字符的用处。 HTML 原代码显示结果描述<<小于号或显示标记>>大于号或显示标记&&可用于显示其它特殊字符""引号®?已注册©?版权™?商标  半个空白位  一个空白位 不断行的空白ISO Latin-1 特殊字符 HTML 原代码显示结果描述Æ?Uppercase AE diphthingÁáUppercase A, acute accentÂ?Uppercase A, cir...
一、WebStorage简介HTML5支持WebStorage，开发者可以为应用创建本地存储，存储一些有用的信息。例如LocalStorage可以长期存储，而且存放空间很大，一般是5M，极大的解决了之前只能用Cookie来存储数据的容量小、存取不便、容易被清除的问题。这个功能为客户端提供了极大的灵活性。二、攻击方式LocalStorage的API都是通过Javascript提供的，这样攻击者可以通过XSS攻击窃取信息，例如用户token或者资料。攻击者可以用下面的脚本遍历本...
HTML是Hyper Text Makeup Language 的缩写。在设置文本格式时，背景最好是蓝色或黑色，字体为1.6大小，间距1.4。主要使用浏览器依次为谷歌、火狐、openair、IE等，文档分为head、body、paragraph三部分，对应的是开始和结束标签，<head> <body> <p> </p> </body> </head>，一定要注意的是不要忘记结束标签。链接是由<a>定义的，链接的地址是在herf属性中定义的。p+tab键是段落，pre+tab是格式化，strong+tab是加强语气，也就是加粗...
var html=‘ddfsdfsdfdsd dfsdfsdffds<img _src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" data-latex="x=\frac {-b\pm \sqrt {{b}^{2}-4ac}} {2a}" src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" class="kfformula">dfsdfsrewewrererew ds<img _src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" data-latex="x=\frac {-b\pm \sqrt {{b}^{2}-4ac}} {2a}...