前后端分离，后端提供了接口。但有一部分数据，比较产品说明文件，是存在其他的服务器上的。所以，在页面显示的时候，如果以页面内嵌的形式显示这个说明文件。需要搞点事情以达到想要的效果。 不同以往的IFRAME标签，那种方式比较Low，另外有其他的一些BUG。本文思路是把HTML请求以来，以v-html的形式加载到页面内部。注册全局组件【v-html-panel】 1.HtmlPanel.vue文件 <template><div><mu-circular-progress :size="40" v-if="lo...
?express默认使用jade模板，可以配置让其支持使用ejs或html模板。 1. 安装ejs 在项目根目录安装ejs. npm install ejs2、引入ejs var ejs = require(ejs); //我是新引入的ejs插件3、设置html引擎 app.engine(html, ejs.__express);设置视图引擎 app.set(view engine, html);保存后重启服务，即可访问html文件。 注：在express搭建的服务器中，html引擎没有被配置，直接添加即可；视图引擎已配置，修改配置即可。 ------------------...
废话不多说了，具体代码如下所示： <html><head><script type="text/javascript" src="jquery-1.10.2.min.js"></script><script type="text/javascript">/** JQUERY 通过当前标签属性名，获取属性的值 */function attrsByJquery(obj){var v1 = $(obj).attr("dbname");var v2 = $(obj).attr("name");alert(v1);alert(v2);}/** JAVASCRIPT 通过当前标签属性名，获取属性的值 */function attrsByJs(obj){var v1 = obj.getAttribute(na...
整理文档，搜刮出一个js使用html2canvas实现屏幕截取的示例代码，稍微整理精简一下做下分享。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title>Test</title> <style type="text/css"> *{ margin:0 auto; padding:0; } .btn{ width:100px; height:30px; line-height:30px; background:green; color:#fff; border-ra...
经过分析发现，这个是因为页面中html与js编码不一致导致的，一般情况最好统一标准的utf8的 上网找了找，木有找到相关的解决办法，索性自己试了试。 原页面是这样写的： <html><head><meta http-equiv="Content-Type" content="text/html charset=UTF-8" /><script type="text/javascript" src="js1.js"></script><script type="text/javascript" src="js2.js" charset="UTF-8"></script> <------【问题在这儿】<link href="css1.c...
本文实例讲述了JS实现直接运行html代码的方法。分享给大家供大家参考，具体如下： 1、实例代码： <!DOCTYPE html> <html><head><meta charset=utf-8/><title>直接运行 html 代码</title></head><body><textarea style=width:300px;height:200px; id=txtCode></textarea><br/><input type=button value=直接运行 id=btnRun/><script>document.getElementById(btnRun).onclick = function(){var runHtml = document.getElementById(t...
时钟效果图：闲来无聊做了一个网页的时钟，效果模拟传统时钟的运行方式， 运用了html 的画布实现指针，背景图片引用了网络图片。 具体原理： 首先将时钟分为四个不同区域，对每个区域计算cos，sin 来确实指针顶点位置。在通过画布来绘画出指针。 通过setInterval 每秒刷新指针位置实现 传统机械表针的动态跳动。 本人是JS开发程序员，从业1年多。闲来无聊的简单页面， 欢迎大家提问，或者建议。共同进步 代码部分，直接复制HTML 文...
废话不多说了，直接给大家贴代码了，具体代码如下所述：<div id="carousel-menu" class="carousel slide" data-ride="carousel">//小圆点<ol class="carousel-indicators"><li data-target="#carousel-menu" data-slide-to="0" class=""></li><li data-target="#carousel-menu" data-slide-to="1" class=""></li><li data-target="#carousel-menu" data-slide-to="2" class=""></li><li data-target="#carousel-menu" data-slide-t...
jQuery HTML5 视频播放控制核心代码： <video class="pause" controls poster="images/vedio.jpg" width="663" height="373"><source src="video/Defone3.8_1.mp4" type="video/mp4">您的浏览器不支持html5！ </video> <script type="text/javascript">$(video).click(function() {if ($(this).hasClass(pause) ) {$("video").trigger("play");$(this).removeClass(pause);$(this).addClass(play);} else {$("video").trigger("pa...
废话不多说了，直接给大家贴代码了，具体代码如下所示： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>jquery实现进度条</title> <style type="text/css"> body{padding:30px;margin-left:450px;margin-top:200px;width:350px;border: 1px solid #98AFB7; } .progressBar{width:280px;height:20px;border: 1px solid #98AFB...
本身用flash插件一直上传，但是有很多场景不兼容，有些核心配置改不了，终于整理好了一个HTML5的版本，下面有传送门： 解决了几个客户需要的几个主要问题： 可多文件选择，有特效不死板 自定义提交参数 文件大小数量限制 *MD5校验 服务器反馈信息展示 可控制上传顺序 多视图切换这里还是申明一下插件核心组件出处CFUpdate (0.8.2 Base) HTML5 批量上传组件 HTML5版本，只要支持HTML5的浏览器都可以正常使用，并对触摸屏（手机，平板...
手机刮刮乐HTML5代码, 使用原型prototype扩展了一个clearArc 清除圆内像素的功能， 此功能未完成扇形清除功能， 此外，在清除圆内的像素时，还有点瑕疵，右边和下边还不够圆滑，有明显的齿状。如果你找到修复方法请一定要告诉我哟。不过此清除方法用于刮刮乐已经完全满足需求了。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>刮刮乐</ti...
示例简单，运行地址为：http://chendd.cn/demo/html/canvas/elsfk.html，得需要支持html5浏览器的环境。 实现的功能：方块旋转（W键）、自动下落、移动（ASD）、消行、快速下落（空格键）、下落阴影、游戏结束。 为实现功能：消行时的计分、等级、以及不同等级的下落速度等。 学习了xiaoE的Java版本的俄罗斯方块后，自己动手使用html5的canvas实现的， 参考效果图如下：详细代码如下： <!DOCTYPE html><html><head><meta charset="...
原文再续，书接上回。。。依旧参考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!<...