效果如下:一、设计思路 分为以下几步（仅供参考） 【竖线线】 这个采用ul的list标签制作，保证了可随时添加，以及纵向排布 【小圆圈】 html标签好像没有提供小圆圈标签，此处采用，div添加弧度角完成，，正方形的div添加弧度等于div的长（或者宽），就能够实现小圆圈。带子就更简单了，，div里直接添加文字即可 【文字】 文字要求紧跟小圆圈，，且与小圆圈保持同一水平高度，此处采用，position: absolute;设置top完成同一水平高度...
HTML转PDF： 1.页面底层实现——Vue：最低兼容ie10 2.实现思路：1> 使用html2canvas.js将网页转换为图片2> 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件 具体实现：要这样实现首先要引入两个插件：html2canvas.jsjsPdf.debug.js 注：因为ie10在canvas截图时候会出现部分样式丢失的情况，所以在代码中有部分修改了页面的样式所以建议在做截图的时候，将页面代码复制一份到隐藏域，在隐藏域里面做修改，这样就不会修改页面...
在项目中我们会不断的添加，优化代码，每次添加优化之后都需要打包进行再次上传更新。这时问题就回来了，每次打包出来js,css文件的名字都是一样的，在首页index.html的引用也不会变，这样老用户在访问这个页面时看到就会是浏览器缓存的版本，而不是最新的版本，想要看到最新版本还要进行清缓存，强制刷新，这显然是不可能的，那我们要如何解决这个问题呢？ 首先有同学可能想到每次打包之后我改一下打包出来文件的名字，然后在首页i...
什么是HTML DOM 文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。 这篇文章不做深入研究，只把各种用法和坑做一个总结。JS获取DOM元素的方法（8种） 通过ID获取（getElementById）通过name属性（getElementsByName）通过标签名（getElementsByTagName...
一 ： 指令的概念： 指令是vue自定义的以v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能 二 ： 指令的语法： v-指令名 = “表达式判断或者是业务模型中属性名或者事件名” 三 ： 具体指令 1. v-text 作用 ： 操作元素中的纯文本快捷方式 ： {{}} 栗子1 简写形式：将v-text=""换成{{}} <div id="app">{{ message }} </div> var app = new Vue({el : #app,data : {message : hello world } })结果：hello world 栗子2...
angular js的强大之处之一就是他的数据双向绑定这一牛B功能，我们会常常用到的两个东西就是ng-bind和针对form的ng-model。但在我们的项目当中会遇到这样的情况，后台返回的数据中带有各种各样的html标签.对于angular 1.2一下的版本我们必须要使用$sce这个服务来解决我们的问题。它可以通过使用$sce.trustAsHtml()。该方法将值转换为特权所接受并能安全地使用“ng-bind-html”。controller(HealthEducationDetailCtrl, [$sce,$scope...
HTML中使背景图片自适应浏览器大小实例详解 解决办法：1、图片不够大，又background属性不能拉伸图片； 2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> ；3、body的background属性去掉，要不然会被遮住。 <html> <body> <div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%"> <img src="pictures/background.jpg" width="100%" height="100%"/> </...
angularJS在进行数据绑定时默认是以字符串的形式数据，也就是对你数据中的html标签不进行转义照单全收，这样提高了安全性，防止html标签的注入攻击，但有时候需要，特别是从数据库读取带格式的文本时，无法正常的显示在页面中。 而要对html进行转义，则需要在数据绑定的html标签中使用ng-bind-html属性，该属性依赖与$sanitize，也就是需要引入angular-sanitize.js文件，并在module定义时注入该服务ngSanitize。比如： html: <span...
tablesort是一款很好用的jQuery表格排序插件。 支持多种数据类型排序，会自动识别表格内容数据类型，使用也非常方便。 使用jQuery tablesort实现html表格方法:1. 下载jQuery和tablesort脚本，并在html中引用该脚本文件：<script type="text/javascript" src="../jquery-latest.js"></script> <script type="text/javascript" src="../jquery.tablesorter.js"></script> 2. 格式化需要排序的html表格：a. 给需要排序的表格指定CCS类...
如果不设置 href属性在IE6下面会不响应hover。双击后会选中标签的父容器而非这个一a标签（IE下都存在这一问题）。 代码如下 <a href="javascirpt:fn(this)"> <a onclick="fn(this)"> 假定我们有个fn方法，需要取到这个元素，第一个方法传入的this是空值。 所以，比较推荐的写法是 代码如下 <a href="javascript:void(0)" onclick="fn(this)"> 下面代码则执行了subgo()函数， 代码如下 <a href="javascript:void(0)" onclick="subg...
定义和用法 $.parseHTML() 函数用于将HTML字符串解析为对应的DOM节点数组。 注意： 1. 该函数将使用原生的DOM元素创建函数把HTML字符串转换为一个DOM元素的集合，你可以将这些DOM元素插入到文档中。 2. 如果没有指定context参数，或该参数为null或undefined，则默认为当前document。如果创建的DOM元素用于另一个文档，例如iframe，则应该指定该iframe的document对象。 安全考虑：大多数jQuery API都允许HTML字符串在HTML中包含运行...
1 HTML的事件属性 全局事件属性:HTML 4 增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动 JavaScript。 a. Window 事件属性，针对 window 对象触发的事件（应用到 <body> 标签），常用的为onload。 b. Form事件，由 HTML 表单内的动作触发的事件（应用到几乎所有 HTML 元素，但最常用在 form 元素中）：常用的为onblur、onfocus、onselect、onsubmit。 c. keybord事件 d.Mouse事件，由鼠标或类似用户动作触...
Jquery属性遍历、HTML操作。 Jquery拥有可操作HTML元素和属性的强大方法。 下面是我整理的一些jquery遍历函数：.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素。.contents()获得匹配元素集合中每个元素的子元素，包括文本和注释节点。.each()对 jQuery 对象进...
原文再续，书接上回。。。依旧参考http://code.angularjs.org/1.0.2/docs/guide/compiler 一、总括Angular的HTML compiler允许开发者自定义新的HTML语法。compiler允许我们对任意HTML元素或属性，甚至是新的HTML标签、属性（如<beautiful girl=”cf”></beautiful >）附加行为。Angular将这些附加行为称为directives。HTML有很多专门格式化静态文档的预定义HTML样式结构（可以告诉浏览器如何显示标记的内容）。假设某东东需要被居中...
以下指令可用于应用程序数据绑定到HTML DOM元素的属性。S.No.名称描述1ng-disabled禁用一个给定的控制2ng-show显示一个给定的控制3ng-hide隐藏在给定的控制4ng-click表示AngularJS click事件 ng-disabled 指令添加ng-disabled属性到一个HTML按钮，通过它的模型。该模型绑定到复选框，看看以下变化。 <input type="checkbox" ng-model="enableDisableButton">Disable Button <button ng-disabled="enableDisableButton">Click Me!<...