脚本

将jquery和公共样式缓存到localStorage,可以减少Http请求,从而优化页面加载时间

末鹿安然 提交于 2020-02-25 20:39:56
以下代码: //入口函数 if (window.localStorage) { initJs(); initCss("css", "/gfdzp201508257998/Turntable/Style/css_whir.css"); } else { addFile("/gfdzp201508257998/Turntable/Script/jquery-1.8.3.min.js", "js"); addFile("/gfdzp201508257998/Turntable/Script/whir.turntable.js", "js"); addFile("/gfdzp201508257998/Turntable/Style/css_whir.css", "css"); }    /第一步:加载页面js:先加载jQuery后加载用户脚本 function initJs() { var name = "jquery"; var url = "/gfdzp201508257998/Turntable/Script/jquery-1.8.3.min.js"; var xhr; var js = window.localStorage ? localStorage.getItem(name) : ""; if (js == null || js.length == 0) { if

webpack第一次

一曲冷凌霜 提交于 2020-02-25 19:26:39
目录 webpack 1.动手实践 1.1动手实践过程 1.2第一次打包 1.2.1 单独的js文件打包 1.2.2 js引用其他文件打包 1.2.3 css文件类型打包 1.2.4 运行html文件 1.2.5 利用webpack命令参数可以提交效率的方式 1.3 webpack基本配置 1.3.1 webpack配置文件 1.3.2 webpack配置文件添加运行命令的参数 1.3.3 webpack配置文件中的entry和output new 1.4 自动化生成项目中的html页面 1.4.1 入门:自动化生成项目中的html页面 1.4.2不同类型的文件生成不同的目录文件 1.4.3 打印htmlWebpackPlugin插件的配置参数 1.4.4 项目上线 webpack 1.动手实践 1.1动手实践过程 1.首先使用node安装npm,去文件目录下面, mkdir zdj cd zdj mkdir webpack-test cd webpack-test nmp init --- 下面会出现package.json文件 npm install webpack --save-dev ---安装webpack 为什么要使用npm init初始化项目 在node开发中使用npm init会生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的

powershell-脚本运行权限政策

假如想象 提交于 2020-02-25 14:41:03
获取当前策略:Get-ExecutionPolicy 设置当前策略:Set-ExecutionPolicy Unrestricted Restricted——默认的设置, 不允许任何script运行 AllSigned——只能运行经过数字证书签名的script RemoteSigned——运行本地的script不需要数字签名,但是运行从网络上下载的script就必须要有数字签名 Unrestricted——允许所有的script运行 来源: https://www.cnblogs.com/JinweiChang/p/10748230.html

跨域访问资源

此生再无相见时 提交于 2020-02-25 14:40:26
文章目录 同源政策 Ajax请求限制 解决方法 使用JSONP解决同源限制问题 服务器端的解决方案 CORS 跨域资源共享 cookie 同源政策 同源的概念 :如果两个页面拥有相同的协议、域名和端口,那么这两个页面就属于同一个源,只要有一个不相同,就是不同源。 http://www.example.com/dir/page.html作比较(没写端口名就默认为80端口) http://www.example.com/dir/other.html (同源) http://example.com/dir/other.html (不同源,域名不同) http://www.example.com:81/dir/page.html (不同源,端口号不同) https://www.example.com/dir/page.html (不同源,协议不同) 同源政策 浏览器的同源策略,限制了来自不同源的"document"或脚本,对当前"document"读取或设置某些属性。从一个域上加载的脚本不允许访问另外一个域的文档属性。 Ajax请求限制 Ajax只能向自己的服务器发送请求。若是向非同源的服务器发送请求将会被拒绝。 解决方法 使用JSONP解决同源限制问题 1.将不同源的服务端请求地址写在script标签的属性中 < script src = "www.example.com" > < /

jinja2批量生成python脚本

帅比萌擦擦* 提交于 2020-02-25 08:04:25
​ 在使用airflow的过程中需要大量的dag脚本进行性能测试,如果一个个去编写dag脚本未免太过麻烦,于是想到用python的jinja2模板引擎实现批量脚本生成。 先通过pip命令安装jinja2模块: $ pip install jinja2 然后创建模板文件(模板可以是任何形式的文本格式,没有特定扩展名,甚至可以不要扩展名): dag_template from datetime import timedelta, datetime import pytz from airflow.operators.bash_operator import BashOperator from airflow.operators.dummy_operator import DummyOperator from airflow.models import DAG default_args = { 'owner': 'cord', # 'depends_on_past': False, 'depends_on_past': True, # 'start_date': airflow.utils.dates.days_ago(2), 'wait_for_downstream': True, 'execution_timeout': timedelta(minutes=3), 'email':

自己封装个ajax

♀尐吖头ヾ 提交于 2020-02-24 08:15:49
你是否发现项目中有很多页面只用到了框架不到十分之一的内容,还引了压缩后还有70多kb的jquery库 你是否发现项目中就用了两三个underscore提供的方法,其他大部分的你方法你甚至从来没有看过 你是否发现fetch好像比ajax好用那么一点 你是否想过自己封装个ajax.... 纯前端写得久了,便想折腾点事情。比如先定一个小目标,年前自己写个类jquery轻量级库.... 那么就从自己封装一个ajax切入吧,首先我整理的一个思维导图,一目了然 解析参数数据 通常我们的请求后面会有一些参数,如果是get请求当然可以直接通过'&'拼在url后面。那么post就需要做一下处理了,如果参数是字符串,则将字符串用‘&’符号切割转化成键值对形式,同时用encodeURIComponent转码,最后类似于jquery的处理,将/%20/g(空格)替换成'+'。       getData: function(){ var name, value; if (opts.data) { if (typeof opts.data === "string") { opts.data = opts.data.split("&"); for (var i = 0, len = opts.data.length; i < len; i++) { name = opts.data[i].split("=")

我的react之路 -1 基础使用

孤人 提交于 2020-02-24 04:53:00
关于react的引用 1、npm config set registry https://registry.npm.taobao.org 切换到国内环境 默认是国外安装但是慢 脚手架 npm i creat-react-app 先执行这个来让你的电脑可以安装react的脚手架 然后是 create-react-app 你要创建的组件名字 例如 create-react-app my-first-react 回车静静等待安装好 一般安装的很慢 2、 可以使用 以下来直接使用react < script src = "https://cdn.staticfile.org/react/16.4.0/umd/react.development.js" > < / script > < script src = "https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js" > < / script > < script src = "https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js" > < / script > 也可npm i react 和 npm install babel-cli 去里面寻找对应的文件 react 的使用

html中script标签的使用方法

旧巷老猫 提交于 2020-02-23 09:17:39
向HTML页面中插入JavaScript的主要方法,就是使用<script>元素。这个元素由Netscape创造并在Netscape Navigator2中首先实现。后来,这个元素被加入到正式的HTML规范中。HTML4.01为<script>定义了下列6个属性。 1.async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本有效。 2.charset:可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值,因此这个属性很少有人用。 3.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效。 4.language:已废弃。 5.src:可选。表示包含要执行代码的外部文件。 6.type:可选。可以看成是language的替代属性;表示编写代码使用的脚本语言的内容类型(也称为MIME类型)。 使用<script>元素的方式有两种:直接在页面中嵌入JavaScript代码和包含外部JavaScript文件。 在使用<script>元素嵌入JavaScript代码时,只需为<script>指定type属性。然后,向下面这样把javaScript代码直接放在元素内部即可: <script type="text/javascript"> function fun(){ alert(

少儿编程:玩游戏不如设计游戏!

做~自己de王妃 提交于 2020-02-22 18:31:32
当手机成为必须品之后,不仅是成人开始对它产生依赖,作为下一代的孩子,也深受其影响。手机、平板电脑取代了洋娃娃小汽车在孩子们心中的位置,游戏、 动画 成为日常,家长在感叹孩子聪明的同时,又担心孩子会“不务正业”。   孩子玩游戏,自然就成了家长的“心病”。随便搜一下,就可以找到很多的帖子,是在教家长如何引导孩子玩游戏的,可效果如何,也只有全都使用过才知道。不过,作为一家教育机构,我们建议宜疏不宜堵,家长不如引导孩子们学习编程,做游戏的创造者,游戏规则的制定者,总之,你的游戏你做主!   《FlappyBird》这款手机游戏大家都很熟悉,玩家点击屏幕,小鸟就会往上飞,不断的点击就会不断的往高处飞。放松手指,则会快速下降。所以玩家要控制小鸟一直向前飞行,然后注意躲避途中高低不平的管子,现在我们在 Scratch 中完成这款游戏的制作。   主要积木块     知识重点   绘图编辑器的使用(绘制小鸟和管道)   随机数的使用   条件判断的逻辑推理(得分的条件)   理解 克隆 技术是本游戏的关键    事件 的使用(按空格上跳)和自由落体模拟   游戏规则   在游戏开始后,点击屏幕,要记住是有间歇的点击屏幕,不要让小鸟掉下来。   尽量保持平和的心情,点的时候不要下手太重,尽量注视着小鸟。   游戏的得分是,小鸟安全穿过一个管道且不撞上就是1分。当然撞上游戏结束。   小鸟掉在地上

java项目,前端集成markdown

浪尽此生 提交于 2020-02-22 18:01:31
参考文档地址: https://pandao.github.io/editor.md/ ,该网站的GitHub中也有参考资料。 此集成markdown的图片上传功能是伪上传。 第一步,引入markdown的css,js,font等文件 <link rel="stylesheet" href="/css/editormd.preview.min.css"> <link rel="stylesheet" href="/css/editormd.min.css"> <script type="text/javascript" src="/js/jquery-3.4.0.js"></script> <script type="text/javascript" src="/js/editormd.min.js"></script> <script type="text/javascript" src="/js/lib/marked.min.js"></script> <script type="text/javascript" src="/js/lib/prettify.min.js"></script> 第二步,需要引入markdown的 HTML 处加入如下代码 注意div的 id=“qiestion-editor” 要和下面js中的 “qiestion-editor” 一致。