脚本 | 易学教程

BootStrap-bable-treegrid树形表格的使用

阅读更多关于 BootStrap-bable-treegrid树形表格的使用

BootStrap-bable-treegrid Bootstrap是目前很流行的一款前端框架，也有很多第三方基于Bootstrap开发出了很多跟实用性的一些功能，比如BootStrap-bable-treegrid树形表格。树形表格在开发中应该是很常用到的。引入样式文件 <link rel="stylesheet" href="static/bootstrap/dist/css/bootstrap.css" /> <link rel="stylesheet" href="static/bootstrap-table/dist/bootstrap-table.css" /> <link rel="stylesheet" href="static/bootstrap-table/dist/extensions/treegrid/treegrid.css" /> <script src="static/bootstrap/dist/js/jquery.js" ></script> <script src="static/bootstrap/dist/js/bootstrap.js" ></script> <script src="static/bootstrap-table/dist/bootstrap-table.js" ></script> <script src="static

【django之Ajax】

阅读更多关于【django之Ajax】

一、Ajax的简介 1.定义 AJAX （ Asynchronous Javascript And XML ）翻译成中文就是 “ 异步 Javascript 和 XML”，是一种创建交互式网页应用的网页开发技术。即使用 Javascript 语言与服务器进行异步交互，传输的数据为 XML （当然，传输的数据不只是 XML ）。同步交互：客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求；异步交互：客户端发出一个请求后，无需等待服务器响应结束，就可以发出第二个请求。 AJAX除了异步的特点外，还有一个就是：浏览器页面局部刷新；（这一特点给用户的感受是在不知不觉中完成请求和响应过程） 2. AJAX的工作原理 Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。 Ajax其核心有JavaScript、XMLHTTPRequest、DOM对象组成，通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用JavaScript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。 3.Ajax的应用场景

JavaScript

阅读更多关于 JavaScript

一、简介运行在浏览器中的脚本语言。脚本语言指：代码不需要编译，直接运行，并且读入一行运行一行。作用：用来做浏览器的验证， Ajax ，富客户端等， javaScript-node.js 位置： 1 ）网页内部 Head 标签里 Body 标签最后 <script type= "text/javascript" > alert("why"); </script> 2）外部的 .js 文件 <scripttype="text/javascript" src="script.js"> 二、 js 注释 1 、单行注释 //单行注释：这是一段显示脚本 2 、多行注释 /* * 多行注释 * */ 三、变量 1、声明弱类型语言，声明变量时不需要指定变量的类型，只需要使 var 关键字 var a; 2、赋值 Js 是一门动态类型的语言，可以给一个变量赋任意典型的值，同时在使用过程中可以任意改变变量的类型 a=123; a=”hello”; 3 、声明和变量同时进行 Var b=123; Var c=”hello”; 四、函数函数也是一个对象，也可以将一个函数给的引用赋值给一个变量 1 、函数定义 1 ）匿名函数 var a=function(){ alert("函数1"); } 2）非匿名函数注： return 有两个作用：a）

<script> 标签位置应该放在哪里？

阅读更多关于标签位置应该放在哪里？

这里面主要涉及的是加载顺序、js是单线程。由于浏览器解析是自上而下加载解析，如果一个很大的js文件放在head里面，由于js是单线程，那么浏览器会一直解析，而无法加载解析后面的dom tree，以至于页面出现空白，如果放在body最下面，这样dom tree会先加载解析，呈现出页面再加载解析js里面的内容，这样用户体验会更好。如果js放在head里面，引用了某个dom，但是这时你还没加载dom tree，会报错，可以采用 window.onload = function(){}这样来解决，或者给js设置defer 或者 async来让js异步加载，这样就不会报错了。 1. defer 延迟执行 HTML 4.01 为 <script> 标签定义了 defer 属性。这个属性的用途是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。因此，在 <script> 元素中设置defer 属性，相当于告诉浏览器立即下载，但延迟执行。 <script type="text/javascript" defer="defer" src="example.js"></script> 在这个例子中，虽然我们把 <script> 元素放在了文档的 <head> 元素中，但其中包含的脚本将延迟到浏览器遇到 </html> 标签后再执行。

js 执行顺序

阅读更多关于 js 执行顺序

一、在HTML中嵌入Javasript的方法直接在Javascript代码放在标记对<script>和</script>之间由<script />标记的src属性制定外部的js文件放在事件处理程序中，比如： <p onclick="alert('我是由onclick事件执行的Javascript')">点击我</p> 作为URL的主体，这个URL使用特殊的Javascript：协议，比如： <a href="javascript:alert('我是由javascript:协议执行的javascript')">点击我</a> 利用javascript本身的document.write()方法写入新的javascript代码利用Ajax异步获取javascript代码，然后执行第3种和第4种方法写入的Javascript需要触发才能执行，所以除非特别设置，否则页面加载时不会执行。二、Javascript在页面的执行顺序页面上的Javascript代码是HTML文档的一部分，所以Javascript在页面装载时执行的顺序就是其引入标记<script />的出现顺序， <script />标记里面的或者通过src引入的外部JS，都是按照其语句出现的顺序执行，而且执行过程是文档装载的一部分。每个脚本定义的全局变量和函数，都可以被后面执行的脚本所调用。变量的调用

同源策略和跨域解决方案

阅读更多关于同源策略和跨域解决方案

同源策略和跨域解决方案同源策略一个源的定义如果两个页面的协议，端口（如果有指定）和域名都相同，则两个页面具有相同的源。举个例子：下表给出了相对http://a.xyz.com/dir/page.html同源检测的示例: URL 结果原因 http://a.xyz.com/dir2/other.html 成功 http://a.xyz.com/dir/inner/another.html 成功 https://a.xyz.com/secure.html 失败不同协议 ( https和http ) http://a.xyz.com:81/dir/etc.html 失败不同端口 ( 81和80) http://a.opq.com/dir/other.html 失败不同域名 ( xyz和opq) 同源策略是什么同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以xyz.com下的js脚本采用ajax读取abc.com里面的文件数据是会被拒绝的。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。不受同源策略限制的 1. 页面中的链接，重定向以及表单提交是不会受到同源策略限制的。 2. 跨域资源的引入是可以的。但是js不能读写加载的内容。如嵌入到页面中的

浏览器的同源策略及跨域解决方案

阅读更多关于浏览器的同源策略及跨域解决方案

同源策略一个源的定义如果两个页面的协议，端口（如果有指定）和域名都相同，则两个页面具有相同的源。举个例子：下表给出了相对http://a.xyz.com/dir/page.html同源检测的示例: URL 结果原因 http://a.xyz.com/dir2/other.html 成功 http://a.xyz.com/dir/inner/another.html 成功 https://a.xyz.com/secure.html 失败不同协议 ( https和http ) http://a.xyz.com:81/dir/etc.html 失败不同端口 ( 81和80) http://a.opq.com/dir/other.html 失败不同域名 ( xyz和opq) 同源策略是什么同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以xyz.com下的js脚本采用ajax读取abc.com里面的文件数据是会被拒绝的。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。不受同源策略限制的 1. 页面中的链接，重定向以及表单提交是不会受到同源策略限制的。 2. 跨域资源的引入是可以的。但是js不能读写加载的内容。如嵌入到页面中的<script src="

react--安装

阅读更多关于 react--安装

语法特点：声明式编码：只在意结果不在意过程组件化编码：html,css,js的集合单向数据流：vue也是单向数据流，有一个双向绑定功能。支持服务器端编写高效：先生成一个虚拟DOM，然后在DOM中操作，再一次性返回到真实界面首先安装好node.js和npm 安装 Webpack： npm install -g webpack 安装对应的 loader: npm install babel-loader --save-de 安装react $ npm install -g create-react-app $ create-react-app $ create-react-app react-dom $ cd react-dom $ npm start 安装babel $ npm install babel -g babel-min.js包安装引入node-modules/babel-standalone/babel-min.js npm install babel-standalone --save 测试: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>hello</title> </head> <body> <div id="app"></div> <!--<script

第五周 —— 定时任务（three day ）

阅读更多关于第五周 —— 定时任务（three day ）

定时任务设置检查确认命令：奇数执行定时任务方法一：0 1-23/2 * * * (从1点开始执行，每隔两小时执行一次) 方法二：*/120 * * * *（这个方法必须间隔两小时才会是奇数执行）方法三：59 */2 * * * 实现日志切割编写脚本 vim cut_log.sh #!/bin/bash mv /var/log/messages /var/log/messages_$(date “+%F_%T”) systemctl restart rsyslog 0 15,20 * * * /bin/sh /server/scripts/cut_log.sh ———————————————————————————————————————— 定时任务配置规范编写定时任务规范（编写命令信息定时任务）编写命令信息定时任务第一步：将任务命令进行执行测试就是测试下命令是否使用正常例：（tar zchf /backup/sys.tar.gz /etc/）第二步：编写定时任务时间信息 tar zchf /backup/sys.tar.gz /etc/ 第三步：测试定时任务是否执行 tail -f /var/log/ 编写脚本定时任务第一步：编写脚本文件（试试脚本能否正常运行） vim /test.sh xxxx 第二步：测试并检查脚本功能（执行脚本，查看运行结果） sh

javascript常用方法函数收集

阅读更多关于 javascript常用方法函数收集

字符串长度截取function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/， strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break; } } return strre + "..." } 替换全部 String.prototype.replaceAll = function(s1, s2) { return this.replace(new RegExp(s1, "gm"), s2) } 清除空格 String.prototype.trim = function() { var reExtraSpace = /^\s*(.*?)\s+$/; return this.replace(reExtraSpace, "$1") } 清除左空格/右空格 function ltrim(s){ return s.replace( /^(\s*|　*)

订阅脚本