脚本 | 易学教程

art-template常用总结

阅读更多关于 art-template常用总结

高性能JavaScript模板引擎原理解析：http://cdc.tencent.com/2012/06/15/%E9%AB%98%E6%80%A7%E8%83%BDjavascript%E6%A8%A1%E6%9D%BF%E5%BC%95%E6%93%8E%E5%8E%9F%E7%90%86%E8%A7%A3%E6%9E%90/ javascript 模板引擎，官网： https://github.com/aui/art-template 分为原生语法和简洁语法，本文主要是讲简洁语法基础数据渲染输出HTML 流程控制遍历调用自定义函数方法子模板引入基础数据渲染一、引入art-template.js文件 <script src="template-debug.js"></script> 二、编写HTML模板 <script id="test" type="text/html"> <h1>{{title}}</h1> </script> 三、向模板插入数据，并输出到页面 var data = { title:"hello world" }; var html = template("test",data); document.getElementById('content').innerHTML = html; 输出HTML <script id="test" type

小demo原生js同步翻译，可以玩玩儿

阅读更多关于小demo原生js同步翻译，可以玩玩儿

1. 背景：平时不知道用js写什么练手，这里就写了一个类似百度翻译的小demo。大家可以平时没事儿了看看书，写写像这种类型的小demo,调用以下公开的api即可。对于学生党，能进入学校实验室做项目更好。进不去的，平时写写小demo练练也不差。(我为什么没在实验室) 2. demo前准备工作：页面布局了解百度翻译API，所需配置参数准备 MD5.js 加密算法函数（百度自己搜）写js代码 3. 步骤： 1. 页面布局：布局就不说了，直接贴图上代码：可进行语言切换 html代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="main"> <div class="left"> <div class="title"> 要翻译为： <span class="lang">英文</span> <ul class="ul1"> <li data-lang="en">英语</li> <li data-lang="zh">中文</li> <li data-lang="jp">日语</li> <li data-lang="kor

记第一次线下AWD感受及复现

阅读更多关于记第一次线下AWD感受及复现

前言：之前忙于期末复习，没有及时总结当时参赛的感受及复现，这次就来总结一下。第一次参赛线下AWD感受由于是第一次参加AWD比赛，各方面经验都不足，在参赛的前几天也是疯狂搜集各种脚本、框架、工具等，同时也参考大师傅的博客进行学习，下面就叙述一下我学习的过程：一、进行备份看了很多大师傅的博客，有的师傅博客中写到有些AWD比赛可能给的 SSH账户密码相同，所以可以下载一些Github上修改 SSH密码的批量脚本，可以让对手在一开始就丢分，但是经过这次比赛，发现其实现在的比赛已经不会再出现这种人为的漏洞了，主办方也会避免这种漏洞出现，否则整场比赛也没什么意意义了，因此我觉得批量修改SSH密码的脚本在线下赛是没有用处的，不过最好也备份一份，万一主办方懒那（那就有点爽了）。。。那一开始比赛的时候要做什么，比赛一般都是三个人一队，要想在短时间内获得flag且防护好自己的靶机，就需要队伍内部提前明确好分工，这样效率会很高。除此之外还需要 finalshell 这个工具，这个工具是用来连接你的靶机的，非常方便，只需输入靶机IP、SSH账号密码即可控制自己的靶机、为备份、挂waf等做准备比赛开始，第一步进行备份，最好使用可视化工具 FileZilla FTP Client 进行备份，也可以用 linux 本身的压缩打包命令

js异步加载

阅读更多关于 js异步加载

话不多说，上代码 function loadScript ( url , callback ) { //创建一个script标签 var script = document . createElement ( "script" ) //script标签的type属性 script . type = "text/javascript" if ( script . readyState ) { //ie9以下浏览器 //监听script加载时的状态码改变 script . onreadystatechange = function ( ) { if ( script . readyState == "loaded" ) { callback ( ) } } } else { //ie9+及其他浏览器 script . onload = function ( ) { callback ( ) } } //设置script标签的src为参数url script . src = url //讲创建的script标签添加到<head>里 document . head . appendChild ( script ) } //dome.js是要加载的js文件的路径 //callback要写成函数是为了防止js文件还没下载完就运行test方法导致的报错 loadScript ( "dome.js

窥探 Script 标签（步入现代 Web 开发的魔法世界）

阅读更多关于窥探 Script 标签（步入现代 Web 开发的魔法世界）

窥探 Script 标签 0x01 什么是 script 标签？ script 标签允许你包含一些动态脚本或数据块到文档中，script 标签是非闭合的，你也可以将动态脚本或数据块当做 script 的文本节点。就是内联脚本。一般我们最常用的就是写一些 JavaScript 脚本在 script 标签里，但是 script 也可以用来存储一些数据，比如当你设置 type="text/react" 的 script 时就可以在里面放 react 代码，但是游览器是不会执行它无法识别的 type 的，因此 script 还可以用来存放一些临时 APP 数据。 <script src="game-engine.js"></script> <script type="text/x-game-map"> ........U.........e o............A....e .....A.....AAA....e .A..AAA...AAAAA...e </script> 也可以通过 documents.scripts[0].text 获取到第一个脚本的内容，可以修改它，但是不会有任何作用。 0x02 src 属性当你指定了 src 属性时，外部脚本的内容是不受脚本内容限制的；同时你的 script 标签内必须是空的。如果没有指定 src，就称这段脚本是内联的

Maquee的特殊用法

阅读更多关于 Maquee的特殊用法

今天想在邮件签名档上加点script,让自己的签名档与众不同,没想到签名档居然禁用script,自动的把<script><body>等标签给去掉,没有<script>标签不要紧,咱在事件里直接写script代码,但是同时没有<body>标签就麻烦了,没有onload事件,咱的脚本怎么执行呢,总不能写个click here吧,后来想到了Maquee,这位不是自己能动吗?一看,果然有个onStart事件,再试试,发现签名档支持Maquee,哈哈,这下OK了. Maquee的特殊用法 1 如果碰到哪里禁用script,使用Maquee的onStart事件也许是一个选择. 2 可以当时钟使用,例如下面这个简单的时钟: < html > < script language = " javascript " > function Now() { var now = new Date(); var dtStr = now.toLocaleDateString(); var tmStr = now.toLocaleTimeString(); document.getElementById( " sendTime " ).innerText = dtStr + " " + tmStr; } </ script > < body > < font color = #ffffff > < marquee

Unity3D基础--动态创建和设置游戏对象

阅读更多关于 Unity3D基础--动态创建和设置游戏对象

转载自原文： http://m.blog.csdn.net/blog/smbroe/43488627 1. 如何动态创建对象：调用 GameObject 的 CreatePrimitive 方法可以按模型进行创建， PrimitiveType 中可选的模型有， Cube （立方体）， Sphere （球体）， Capsule （胶囊）， Plane （平原）， Cylinder （圆柱）；创建出的对象不需要 Add 之类的就可以显示出来 GameObject cubeObject = GameObject.CreatePrimitive(PrimitiveType.Cylinder); cubeObject.transform.position = new Vector3(-2.0f, 0.5f, 4.0f);<span style="font-family:宋体;">//指定游戏对象的位置 2.动态添加组件：通过 AddComponent<Rigidbody>(); 可以为一个 GameObject 对象添加一个刚体组件，其中 Rigidbody 表示刚体，我们可以通过更改这个类型来为其添加不同的组件。当我们添加刚体组件后可以获得GameObject的rigidbody对象并对刚体进行设置 cubeObject.AddComponent<Rigidbody>();/

前端覆盖式发布引发的使用体验提升

阅读更多关于前端覆盖式发布引发的使用体验提升

我们公司前端采用的是覆盖式发布，过程就是：每次上线时构建好前端项目，将构建产物丢给运维，运维直接用新构建直接替换掉线上的版本（一般小作坊应该都是这么搞的...为啥这么搞？我想理由应该是想同的，在此我就不过多解读了）简单粗暴的背后隐患是很大的：假设这么个场景，有用户a和用户b有在使用我们的平台，有一天某时某刻，a正在使用我们的平台，成功登陆后，开始操作balabala，然后a没有关浏览器窗口，也没有关电脑，然后出去嗨了...在a嗨的同时，我们公司可爱的前端同学修复了一个bug，测试好了之后上线了一版，恰巧上线完成之后，b用户也来访问我们的平台，跟a一样的操作，没有出什么问题，但是a这时候继续使用我们平台的时候，问题就来了，发现点击好多页面没有反应，万幸的是a会武术，a打开f12后发现好多js文件404了？什么，我嗨之前不是好好的吗？怎么嗨完回来就gg了... 分析仔细详细详细，这种场景下，用户a的问题是不是偶发还是必然？当然是必然了。。。不要给方案上的缺陷找借口了。。。现在前端开发一般是webpack构建项目，在html只会写一个入口的js文件，多个页面的js文件都会被webapck切分代码在配置中映射起来，通过webpack.require来进行懒加载。比方说用户页面和设置页面，用户访问用户页面（没有打开设置页面），这个时候我们修改设置页面并更新一个新版本

web学习网站及工具集合

阅读更多关于 web学习网站及工具集合

Bootstrap : https://v3.bootcss.com/css/ Koala(css预处理器less): http://www.openkoala.org/ 阿里巴巴矢量图: https://www.iconfont.cn/ IETester(测试IE各版本兼容): https://www.my-debugbar.com/wiki/IETester/HomePage GitHub: https://github.com/ mdn: https://developer.mozilla.org/zh-CN/ MIME 类型: https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_Types w3school : https://www.w3school.com.cn/ jq22插件库: https://www.jq22.com/ jQuery UI : https://jqueryui.com/download/all/ jQuery 线上地址: <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="https://code.jquery.com/jquery-3.0.0.min

jquery所有版本在线引用

阅读更多关于 jquery所有版本在线引用

jquery-3.1.1（最新）官网jquery压缩版引用地址: <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> jquery-3.0.0 官网jquery压缩版引用地址: <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> jquery-2.1.4 百度压缩版引用地址: <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> 微软压缩版引用地址: <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script> 官网jquery压缩版引用地址: <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> jquery-2.1.1 百度压缩版引用地址: <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> 微软压缩版引用地址: <script src="http:

订阅脚本