脚本 | 易学教程

Vue初体验

阅读更多关于 Vue初体验

文章目录 Vue介绍 Vue安装和使用基本使用 Vue介绍 Vue(读音/vjuː/，类似于view) 是一套用于构建前后端分离的框架。刚开始是由国内优秀选手尤雨溪开发出来的，目前是全球“最”流行的前端框架。使用vue开发网页很简单，并且技术生态环境完善，社区活跃，是前后端找工作必备技能！ Vue安装和使用 vue的安装大体上分成三种方式，第一种是通过script标签引用的，第二种是通过npm(node package manager)来安装，第三种是通过vue-cli命令行来安装。作为初学者，建议直接通过第一种方式来安装，把心思集中在vue的学习上，而不是安装上。 # 开发环境 < script src = " https://cdn.jsdelivr.net/npm/vue " > </ script > # 或者是指定版本号 < script src = " https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js " > </ script > # 或者是下载代码保存到本地 < script src = " lib/vue.js " > </ script > # 生产环境，使用压缩后的文件 < script src = " https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue

shell脚本之while for if 语句和编写计划任务

阅读更多关于 shell脚本之while for if 语句和编写计划任务

关于while循环： while do done 例如 1、关于内存的实时操作：（1）、vim a.sh （2）、输入以下while循环（3）、./a.sh执行脚本 2、自加一的操作：（1）、vim b.sh （2）、先赋值xyy=1，再输入当xyy<=10时，则输出xyy的值，并且执行加1的命令（即xyy++），直至等于10为止，最后输出每次的结果（3）、./b.sh执行脚本 3、关于登录循环的操作：（1）、vim 2.sh （2）、请输入用户名和密码，如果匹配账号密码正确的话，则输出登录成功，如果账号密码不正确的话，则输出，账号和密码是错误的（3）、./2.sh执行脚本关于for语句： for i in { } do done 例如： 1、从1-100里取值，并将取到的值挨个输出：（1）、vim 3.sh （2）、in表示从{ }里面取值给i （3）、./3.sh执行脚本 2、可以ping IP地址，查看有哪些可以使用：（1）、vim 3.sh （2）、in表示从{ }里面取值给i （3）、./3.sh执行脚本关于if语句例如：启动nginx服务（1）、vim 4.sh （2）、chmod +x 4.sh（给4.sh可执行的权限）（3）、./4.sh执行脚本关于编写任务计划：crontab命令编写 crontab命令编写计划任务语　　法

冷门JS技巧

阅读更多关于冷门JS技巧

前端已经被玩儿坏了！像 console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。 HTML篇浏览器地址栏运行JavaScript代码这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如： javascript:alert('hello from address bar :)'); 将以上代码贴到浏览器地址栏回车后alert正常执行，一个弹窗神现。需要注意的是如果是通过copy paste代码到浏览器地址栏的话，IE及Chrome会自动去掉代码开头的javascript:，所以需要手动添加起来才能正确执行，而Firefox中虽然不会自动去掉，但它根本就不支持在地址栏运行JS代码，sigh~ 这一技术在我的另一篇博文《让Chrome 接管邮件连接，收发邮件更方便了》中有使用到，利用在浏览器地址栏中执行JavaScript代码将Gmail设置为系统的邮件接管程序。浏览器地址栏运行HTML代码如果说上面那条小秘密知道的人还算多的话

13、jQueryMobile知识总结

阅读更多关于 13、jQueryMobile知识总结

1、jQueryMobile与jQuery的区别 jQueryMobile是一个为触控优化的框架，用于创建移动Web应用程序；构建于jQuery之上，适用于流行的智能手机和平板基于jQuery的手机网页制作工具，jQuery Mobile的网站上包含了网页的设计工具、主题设计工具。另外jQuery Mobile的js插件包含了换页、事件等的多项功能 Android 和 Blackberry 用 Java 编写 iOS 用 Objective C 编写 Windows Phone 用 C# 和 .net 编写 jQuery Mobile 解决了这个问题，因为它只用 HTML、CSS 和 JavaScript，这些技术都是所有移动 web 浏览器的标准 2、data-role data-role="page" 是显示在浏览器中的页面 data-role="header" 创建页面上方的工具栏（常用于标题和搜索按钮） data-role="content" 定义页面的内容，比如文本、图像、表单和按钮，等等 data-role="footer" 创建页面底部的工具栏在这些容器中，您可以添加任意 HTML 元素 - 段落、图像、标题、列表等等。提示：HTML5 data-* 属性用于通过 jQuery Mobile 为移动设备创建“对触控友好的”交互外观。 3、对话框如需在用户点击

$.ajax()方法详解

阅读更多关于 $.ajax()方法详解

$.ajax()方法详解 1.url : 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type : 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout : 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。 4.async : 要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行。 5.cache : 要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false），设置为false将不会从浏览器缓存中加载请求信息。 6.data : 要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换，可以查看　　processData选项。对象必须为key/value格式，例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组

echarts演示笔记

阅读更多关于 echarts演示笔记

http://echarts.baidu.com/doc/start.html 1、新建一个echarts.html文件，为ECharts准备一个具备大小（宽高）的Dom。 <!DOCTYPE html> <head> <meta charset="utf-8"> <title>ECharts</title> </head> <body>  <div id="main" style="height:400px"></div> </body> 2、新建<script>标签引入模块化单文件echarts.js <!DOCTYPE html> <head> <meta charset="utf-8"> <title>ECharts</title> </head> <body>  <div id="main" style="height:400px"></div>  <script src="http://echarts.baidu.com/build/dist/echarts.js"></script> </body> 3、新建<script>标签中为模块加载器配置echarts和所需图表的路径

Chrome 控制台console的用法

阅读更多关于 Chrome 控制台console的用法

一、显示信息的命令 console.log 用于输出普通信息 console.info 用于输出提示性信息 console.error用于输出错误信息 console.warn用于输出警示信息最常用的就是console.log了。二、占位符 console上述的集中度支持printf的占位符格式，支持的占位符有：字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）: <script type="text/javascript"> console.log("%d年%d月%d日",2011,3,26); </script> %o、%O都是用来输出Object对象的，对普通的Object对象，两者没区别，但是打印dom节点时就不一样了： // 格式成可展开的的DOM，像在开发者工具Element面板那样可展开 console.log('%o',document.body.firstElementChild); // 像JS对象那样访问DOM元素，可查看DOM元素的属性 // 等同于console.dir(document.body.firstElementChild) console.log('%O',document.body.firstElementChild); %c占位符是最常用的。使用%c占位符时，对应的后面的参数必须是CSS语句，用来对输出内容进行CSS渲染

Nginx日志分析脚本

阅读更多关于 Nginx日志分析脚本

运维工作是一个比较复杂的工作，有时候面对上万条的日志，如何作分析？难道一条条的分析？聪明的人会选择脚本，这就是为什么现在提倡自动化运维的原因吧，废话不多说，直接上脚本。 vim /data/scripts/log_analysis.sh #!/bin/bash ############################################### # Desc ：nginx日志分析脚本 # # Author : Bertram # # Date : 2019-12-21 # # Copyright : Personal belongs # ############################################### public(){ echo "" read -p "请输入要分析的访问日志: " log_file echo "" if [ ! -f $log_file ];then echo "未找到: ${log_file}" exit 1 fi if [ ! -s $log_file ];then echo "${log_file}是空文件" exit 1 fi #输出日志访问量排名前top_num条数据，可自定义 top_num=5 input_file=`echo $log_file | awk -F '/' '{print $(NF)}'`

XMLHttpRequest、fetch、Ajax 三种前后端交互方法

阅读更多关于 XMLHttpRequest、fetch、Ajax 三种前后端交互方法

一、原生XMLHttpRequest方法 const BASE_URL = “http://10.2.0.150” 1.原生实现 GET /* // 1. 创建请求对象 let xhr = new XMLHttpRequest(); // 2. 配置请求 // -> xhr.open(method, url, sync) xhr.open(“GET”, ${BASE_URL}/heros?id=1 , true); // -> 设置响应类型 xhr.responseType = “json”; // -> 设置请求超时时间 xhr.timeout = 10000; // 3. 发送请求 xhr.send(); // 4. 事件监听 // -> 请求完成 xhr.onload = function() { // readyState 请求状态 // status 状态码 if(xhr.status == 200) { // 打印结果 console.log(xhr.response); }else { console.log( XMLHttpRequest_ERROR_STATUS：${xhr.status} ); } }*/ 2.原生实现 POST // 1. 创建请求对象 let xhr = new XMLHttpRequest(); // 2. 配置请求 // -> xhr

前端静态资源公共库CDN

阅读更多关于前端静态资源公共库CDN

1. Staticfile CDN http://www.staticfile.org/ 2. BootCDN https://www.bootcdn.cn/ 3. UNPKG https://unpkg.com/ 4. cdnjs https://cdnjs.com/ 5. jsDelivr https://www.jsdelivr.com/ 6. CDNJS.NET https://cdnjs.net/ 7. jQuery CDN http://code.jquery.com/ 8. Microsoft Ajax CDN https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview 9. 360 前端静态资源库 https://cdn.baomitu.com/ 10. 百度静态资源公共库 http://cdn.code.baidu.com/ 以上地址无法访问，用以下域名访问对应的库 github地址： https://github.com/Clouda-team/baiducdnstatic http://libs.baidu.com/jquery/1.9.0/jquery.js 11. 今日头条静态资源公共库 http://cdn.bytedance.com/ 12. 又拍云JS库 http://jscdn.upai

订阅脚本