居然可以用 js 写 PPT 用powerpoint或者keynote写演示文稿,对于代码、数学公式等的支持一直是个痛点。而且对于前端同学来说,一身的css功力用不上也是个痛点。...将reveal.js运行起来 首先clone一份reveal.js最新的代码: git clone https://github.com/hakimel/reveal.js 我们照抄一份index.html...所以我们要做的就是在下面的模板上写markdown就好。...^{(i)}|$ 出来的效果是这样的: 代码高亮 代码高亮默认是支持的,我们可以在markdown里面用`...更进一步 除了上面介绍的基本特性之外,reveal.js支持自动播放、自制插件、支持处理事件等等有利于开发人员写slides的特性。相信能给你的slides带来新的好玩的东西,将汇报与分享变成乐趣。
前言 在这篇文章中,我们将通过 JS 构建我们自己的 JS 解释器,用 JS 写 JS,这听起来很奇怪,尽管如此,这样做我们将更熟悉 JS,也可以学习 JS 引擎是如何工作的!...Webpack/Rollup/Babel(@babel/parser) 等第三方库也是使用 acorn.js 作为自己 Parser 的基础库。(站在巨人的肩膀上啊!)...acorn.js parse 返回值符合 ESTree spec 描述的 AST 对象,这里我们使用@types/estree 做类型定义。...: Expression | null; } Identifier 顾名思义,标识符节点,我们写 JS 时定义的变量名,函数名,属性名,都归为标识符。...JavaScript Build a JS Interpreter in JavaScript Using Acorn as a Parser
user.id|safe }">{ user.company } js...这里面我们使用正则表达式去匹配字符串中的变量,当然,你要对js正则表达式熟练应用。
用这些新特性,我们能在不降低代码可读性与维护性的基础上畅快地写 JavaScript~ 箭头函数 将数组的内容 * 2 以前我们这么写 [1, 2, 3].map(function(each){...return each * 2; }); 用 ES6 只需这样写 [1, 2, 3].map(each=> each * 2); // 或 [1, 2, 3].map((each)=> each * 2...){ name = name || 'Jack'; } 用 ES6 只需这样写 var introSomeBody = (name = 'Jack') => { } 不定参数 数字求和 以前我们这么写...; }, 0); } 解构(Destructuring)赋值 交换两个变量的值 以前我们这么写 var temp = a; a = b; b = a; 用 ES6 只需这样写 [a, b] =...var age = options.age || 18; console.log('I am %s, I am %d years old', name, age); } 用 ES6 只需这样写
很多时候,美工会觉得默认的select下拉框很难看(特别是右侧的下拉箭头按钮),他们通常喜欢用一个自定义的图标来代替这个按钮。...这样就只能用 js + div 来模拟了,倒腾了一番,用jQuery模拟了下,当然网上这种文章也不少,只是懒得去看找,又重新发明轮子鸟:) 自己实现的下拉框...style> js
用原生js写一个"多动症"的简历 预览地址 源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现。...background: red; } 项目搭建 在这个项目中我们 使用webpack2来完成项目的构建 使用yarn来处理依赖包的管理 使用es6的写法 使用部分原生dom操作api standard.js...代码风格约束利器) 目录结构如下 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...markdownToHtmlWrap) .then(showStylesWrap.bind(null, 2)) 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现的逻辑是将原来的相关的模块用Promise
用原生js写一个"多动症"的简历 预览地址 源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现。...background: red; } 项目搭建 在这个项目中我们 使用webpack2来完成项目的构建 使用yarn来处理依赖包的管理 使用es6的写法 使用部分原生dom操作api standard.js...(代码风格约束利器) 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...markdownToHtmlWrap) .then(showStylesWrap.bind(null, 2)) 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现的逻辑是将原来的相关的模块用Promise
接下来让我们一步步完成它 项目搭建 在这个项目中我们 1、使用webpack2来完成项目的构建 2、使用yarn来处理依赖包的管理 3、使用es6的写法 4、使用部分原生dom操作api 5、standard.js...代码风格约束利器) 目录结构如下 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...我们来看一下promise分支中app模块最终的写法 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现的逻辑是将原来的相关的模块用Promise包装起来,并且在原来回调函数执行的地方
同时,得益于Promise,我们在异步函数里可以这样写: (async () => { const data = await sleepSort([4, 5, 3, 6, 8]) console.log
http://data.eastmoney.com/jgdy/tj.html 我们希望抓取的是js生成的表格。 ...这种带有js的网站抓取其实不是那么简单的,基本分为那么几种方法,一种是观察页面,有的会有json数据,有的有js代码可以解析目标的url;一种是使用渲染工具;还有一种就是用工具来点击相关button,来抓取...我们希望爬取的是表格中的数据,但是如果我们仔细看一下html代码,会发现,这其实是js生成的,下面这张图是源代码的截图。 ? 这就很尴尬了,怎么办呢?...我们用浏览器自带的解析功能来试一下。首先,我们打开network,chrome内核的好像都这么叫。 ? 然后我们就点击第二页、第三页不断的来观察究竟js代码访问了什么后台的url。...接下来我们就可以用urllib来获得api背后的json内容了,比如是这样的: ?
button> //这里是插件的代码;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...this的指向为调用的实例;我们此时姑且认为this就指向这个函数;因为这样我们之后再想获取这个div就可以直接用this.div了好吗;而不是在document.getElementById(。。。。...this.Input = this.div.getElementsByTagName("input")[0];//既然找到了div我们在找下div下面的input;当然你要不input用获取..._self = this;就可以用_self 代替this(函数实例)了;当然_self 也可以写成别的 比如$this等自定义的 }*/ }
下拉框部分代码: 请选择 xiamen 请选择 如果给"bigType"的下拉框添加...change事件来动态改变"smallType"下拉框的值的话,代码如下: jQuery("#bigType").change(function(){ //do something }); 那么...,通过js设置"bigType"某项选中后,如: jQuery("#bigType option[value="1"]").attr("selected","selected") //jQuery("#...bigType option:contains("xiamen")").attr("selected","selected") 该change事件不会自动触发,解决办法: 自定义change方法,在下拉框中添加
在 jenkins 设置里获取 API TOKEN。 把 host 和账号密码拼接起来就可以通过鉴权。
由于项目在多地区进行发布,为了复用,主工程使用同一个,但是这样会带来一个问题,由于地区的设备分布不同,以及当地的字体选择不一样,从而导致了 global 中的一些熟悉无法复用,而且必须配置两套,那么如何来解决这个问题呢...Webpack将一切文件视为模块,但是webpack原生是只能解析js文件,如果想将其他文件也打包的话,就会用到loader。...search: 'basic.scss', replace: 'basic-[country].scss', } } ] } } 如果你自己写的...首先我们写一个方法,来添加这个 loader 规则: const addUserLoader = function(arr){ if(!...(scss|sass)$/ ] 为了适应这些规则,我们写一个方法一些判断就可以了,代码如下。
-- Scripts --> js/jquery.min.js"> js/us.js">...device-width, initial-scale=1.0"> Document js.../jquery.min.js"> js/us.js"> $(function
2 2--> js.../jquery-1.8.3.js" type="text/javascript" charset="utf-8"> js/2048.js" type="text
、帮我看一下哪里有要改的 把代码粘贴进VSCode,然后【Shift】+【Alt】+F,真香 9、鬼才逻辑: *** 10、充分训练客户自己的排查能力,别一有什么问题就找我们乙方 一般我都直接写百度的
从JSON数据中提取我们需要的信息(日期、影片名、总票房、地区、地区票房等)。将数据存储到CSV文件或数据库中。利用pandas进行数据清洗和初步分析,并用pyecharts进行可视化。...二、代码实现过程下面我们以抓取猫眼专业版某一天的影片地区票房明细为例。...步骤1:分析API接口通过浏览器开发者工具分析,我们找到了获取地区票房数据的接口(注:接口地址和参数可能随时间变化,请以实际分析为准)。...请求这个URL,服务器会返回一个JSON对象,其中data字段下的list包含了各个地区的详细票房数据。...这套方法不仅可以用于单日分析,稍加改造(如循环日期)即可用于分析时间序列数据,研究电影票房在不同地区的生命周期和走势。
原文地址:https://github.com/lianxiaozhuang/blog 转载请注明出处 js 写插件教程深入 1.介绍具有安全作用域的构造函数 function Fn(name...(this instanceof Fn)){ //只要不是new的,用Fn()直接调用的,这里的this绝对不指向Fn;让它从 //新new一下;直到下一次代码走else里的内容...typeof params[x] === 'undefined') { params[x] = defaults[x]; //对于使用时,没有设置的参数;用默认参数代替...Fn的控制权交出,自己用Fn2输出 (function(){ var Fn=function(){ console.log(000) }...兼容直接使用script标签引入该插件 global.MyPlugin = MyPlugin; //this,在浏览器环境指window,在nodejs环境指global //使用this而不直接用window
写shellcode时,需要将覆盖地址倒序(little-endian)排列,为了方便,咱们可以使用这个函数。咱们要用到的指定格式是"<L”,以无符号长整型的little-endian格式。...xp/2003的jmp esp地址,以它为例: import struct struct.pack('<L',0x7ffa4512) 溢出测试时,常常需要生成一长串字符串去填充缓冲区,用循环的话比较麻烦...python中直接可以用乘号来操作字符串: shellcode = '\x90' * 1000 执行后,shellcode的值为1000个\x90。...同时也可以用加号来操作字符串,连接两个字符串的例子如下: import struct buffer = 'A' * 100 jmpesp = struct('<L', 0x7ffa4512...filename = 'test' #定义一个变量,赋值为将要打开的文件名 payload = 'A' * 5000 #生成五千个A f = open(filename,'w') #以写模式打开文件