脚本

在html中使用javascript

末鹿安然 提交于 2019-12-21 07:13:20
script属性: charset:表示通过src属性指定的代码的字符集 defer:表示脚本可以延迟到文档完全被解析和显示之后再执行 包含在script元素内部的javascript代码将从上到下依次解释 在javascript代码的任何地方不要出现“</script>”字符串,因为按照解析嵌入式代码的规则,当浏览器遇到字符串“</script>”时,就会认为那是结束的</script>标签,而通过把这个字符串分隔为两部分可解决这个问题 外部javascript文件带有js扩展名,但这个扩展名不是必需的,因为浏览器 不会检查包含javascript的文件的扩展名 带有src属性的<script>元素不应该在其<script>标签与</script>标签之间再包含额外的javascript代码 另外通过<script>元素的src属性还可以包含来自外部域的javascript文件 浏览器会按照<script>元素在页面中出现的先后顺序对它们依次进行解析 一般都把全部的javascript引用放在body元素中,放在页面的内容后面。 <script>标签定义了defer属性,表明脚本在挂靠时不会影响页面的构造,也就是说脚本会被延迟到整个页面都解析完毕后再运行,因为在<script>元素中设置defer属性( defer="defer" )

jQuery插件placeholder的使用方法

谁都会走 提交于 2019-12-21 03:31:15
借助该插件可以轻松实现HTML5中placeholder特效: 实例代码如下: <script type="text/javascript" src="<%=basePath%>js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="<%=basePath%>js/jquery.placeholder.js"></script> <script type="text/javascript"> $(function() { $('input, textarea').placeholder(); }); </script> <style type="text/css"> input, textarea { font-family: Helvetica, Arial; color: #000;} .placeholder {color: #aaa;} </style> </head> <input type="text" id="userName" name="userName" placeholder="请输入用户名…" style="margin-bottom: 12px;"><br> <input type="password" id="password" name="password"

run_id on parameter server does not match declared run_id 解决方式

流过昼夜 提交于 2019-12-21 03:02:24
今天早上为单位配置SLAM算法库时,发现之前我已经调好的一个算法突然报错: run_id on parameter server does not match declared run_id: 2e04386e-22c8-11ea-accf-54bf64943d1c vs 2e043c60-22c8-11ea-accf-54bf64943d1c The traceback for the exception was written to the log file [master] killing on exit 我的情况是:我写了一个bash脚本,在脚本中后台启动roscore,再启动roslaunch,再rosplay。之前明明可以正常运行,今早突然不能运行了,不得其解。 最后解决方式是,在bash脚本中增加一个sleep操作。 因为roslaunch启动的时候,会尝试获得已有的rosmaster的id,如果没有获得,将会创建一个自己的。这应该是导致runid冲突的原因。 因此,在bash脚本中的roslaunch操作之前,加一个“sleep 3”操作,让它稍微等一下roscore的启动或者之前的别的操作,然后它再启动,错误就会消失。 来源: CSDN 作者: zkk9527 链接: https://blog.csdn.net/zkk9527/article/details

Dojo学习9 带背景遮罩的对话框:dijit.Dialog

独自空忆成欢 提交于 2019-12-20 20:41:07
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 9. 带背景遮罩的对话框:dijit.Dialog 这个对话框通用性非常好。而且显示效果比较友好,能给使用者很好的体验。而且无论是正常方式,还是编程方式,实现起来都比较简单。 对话框包括两种,一种是普通的对话框,一种是提示窗口的对话框,用起来都很方便。 下面是一个普通的对话框: <html> <head> <title>Dialog</title> <style type="text/css"> @import "../js/dojo/resources/dojo.css"; @import "../js/dijit/themes/tundra/tundra.css"; </style> <script type="text/javascript" djConfig="parseOnLoad: true, isDebug: true" src="../js/dojo/dojo.js"></script> <script type="text/javascript"> dojo.require("dijit.Dialog"); function showDia(){ dijit.byId("dialog1").show(); } </script> <style> .dijitDialogUnderlay {

开始使用vue和vuetify

半城伤御伤魂 提交于 2019-12-20 19:59:32
底部加上vue的script <!-- development version, includes helpful console warnings --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- vuetify --> <script src="https://unpkg.com/vuetify@1.0.17/dist/vuetify.min.js"></script> 样式引用 <link href="https://cdn.staticfile.org/material-design-iconic-font/2.2.0/css/material-design-iconic-font.css" rel="stylesheet"/> <link href="https://unpkg.com/vuetify@1.0.17/dist/vuetify.min.css" rel="stylesheet"> <style> [v-cloak] { display: none; } </style> 页面body体上加入展示元素 <div id="app"> <v-content v-cloak> <v-container> <h1 :title="msg">Hello, single Vue!</h1>

js并行加载,顺序执行

ε祈祈猫儿з 提交于 2019-12-20 18:56:25
js并行加载,顺序执行 <script>运行脚本或加载外部文件时,会阻塞页面渲染,阻塞其他资源的加载。如果页面中需要加载多个js文件,在古老浏览器中性能会比较糟糕。 因此有了最原始的优化原则: 把脚本放在底部 。 如何实现js非阻塞、并行加载,甚至能保持执行顺序呢?各浏览器表现如何?站在巨人的肩膀上, Kyle Simpson 、 Nicholas C. Zakas 和 Steve Souders 对此有过总结和方案。 背景 1. Script DOM Element。 动态插入<script>,不会阻塞,但无法保持执行顺序。但唯有Firefox可以保持执行顺序,但也差点在Firefox 4 nightly的版本中去掉这个特性。 2. HTML5 async 非阻塞,加载完后立即执行,不保证顺序。这个属性不管有没有值、值为true或false,都是等同的效果(由于Kyle的推进,不能保证执行顺序与其值无关了)。 Google Analytics的新版嵌入代码就结合使用了上面两个方案,如: 1 2 3 4 5 6 7 8 var ga = document.createElement( 'script' ); ga.type = 'text/javascript' ; ga.async = true ; ga.src = ( 'https:' == document.location

javascript 执行顺序详解

﹥>﹥吖頭↗ 提交于 2019-12-20 04:16:25
  JavaScript是一种描述 型脚本语言,它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript 语言的运行机制,或者简单地说,你不能掌握javascript的执行顺序,那你就犹如伯乐驾驭不了千里马,让千里马脱缰而出,四处乱窜。   那么JavaScript是怎么来进行解析的吗?它的执行顺序又是如何的呢?在了解这些之前,我们先来认识几个重要的术语:   1、代码块    JavaScript中的代码块是指由<script>标签分割的代码段。 例如: 1 2 3 4 5 6 <script type= "text/javascript" > alert( "这是代码块一" ); </script> <script type= "text/javascript" > alert( "这是代码块二" ); </script>    JS是按照代码块来进行编译和执行的,代码块间相互独立,但变量和方法共享。 什么意思呢? 举个例子,你就明白了: 1 2 3 4 5 6 7 8 9 <script type= "text/javascript" > alert(str); //因为没有定义str,所以浏览器会出错,下面的不能运行 alert( "我是代码块一" ); //没有运行到这里 var test =

Flask快速入门(20) — 多app应用

走远了吗. 提交于 2019-12-20 00:09:48
Flask快速入门(20) — 多app应用 之前一直是一个app,如果有多个app该怎么进行分发呢? from werkzeug.wsgi import DispatcherMiddleware from werkzeug.serving import run_simple from flask import Flask,current_app # 注册两个app app1 = Flask('app01') app2 = Flask('app02') @app1.route('/index') def index(): return 'app01' @app2.route('/index') def index(): return 'app02' dm = DispatcherMiddleware(app1,{ '/sec':app2, }) if __name__ == '__main__': run_simple('localhost',5000,dm) dm是DispatcherMiddleware实例化对象,所以dm()调用时执行的是 __call__ 方法。源码: # dm = DispatcherMiddleware(app1,{'/sec':app2}) def __init__(self, app, mounts=None): self.app = app

javascript 异步模块加载 简易实现

微笑、不失礼 提交于 2019-12-19 13:01:34
在javascript是没有类似java或其他语言的模块概念的,因此也不可能通过import或using等关键字来引用模块,这样造成了复杂项目中前端代码混乱,变量互相影响等。 因此在复杂项目中引入AMD的概念,AMD:全称是Asynchronous Module Definition,即异步模块加载机制。通过AMD可以不需要在页面中手动添加<script>来引用脚本,而通过定义依赖自动加载模块脚本,接下来的代码将讲解如何实现建议的AMD模块,如果需要查看比较详细的实现可以下载requirejs源码。 简易实现整体思路: 1.将模块名及模块文件地址存入内存 2.通过define方法将模块名及模块依赖关系以及模块实现代码存入内存 3.require方法通过loadscript方法将需要依赖的模块代码导入并执行define方法存入内存,模块通过入参传入实际代码中,从而完成模块加载。 1.定义模块: 实现模块的定义,并将模块定义存储。 /** * * @param id 模块名 * @param deps 依赖模块 * @param factory 模块实现 */ define: function (id, deps, factory) { 在定义模块中,需要将模块名,模块依赖,模块代码存储至内存中 /** * * @param id 模块名 * @param deps 依赖模块 *