window.atob的原生js代码

JS实现Base64编码、解码，即window.atob，window.btoa功能

window.atob(),window.btoa()方法可以对字符串精选base64编码和解码,但是有些环境比如nuxt的服务端环境没法使用window,所以需要自己实现一个base64的编码解码功能,下面是原生js实现该功能,可以作为一个常用工具使用. // private property let _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // private me

python使用execjs执行含有document、window等对象的js代码，使用jsdom解决

当我们分析爬虫时,有时候会遇到一些加密参数,这个时候就需要我们逆向分析js python执行js有一些第三方库 https://www.jianshu.com/p/2da6f6ad01f0 因为我用的Python3,所以没用PyV8(安装网上的方法,也没有安装好,可能我太笨了 - -! 如果有会的麻烦指点一下) 我用的比较多的就是js2py和execjs 有一次在分析js时,我已经找到了对应的加密方法,在浏览器上运行时,直接拿到了结果,开心的一匹然我把js代码复制下来,在Python里通过js

奇舞js笔记——第0课——如何写好原生js代码

摘要 1.好的代码职责要清晰,javscript不要用来操作样式: 2.API要设计的合理:通用性,适度的抽象(数据抽象,过程抽象),可扩展性: 3.效率问题:用好的.合适的算法(前端程序员要把自己当程序员). 注: 1.学习视频地址 2.ppt地址 3.个人感想: 是我hin厉害的师父推荐我看的月影大大的视频,感觉对于我这个小白来说,真的是一遍又一遍的刷新知识面.我觉得像月影大大这种大佬的思路,我接触之后真的是受益匪浅. 所以我总结出来不仅是自己记笔记,也是想分享给想要成为真正的前端“工程师”

特效合集（原生JS代码）适合初学者

1.返回顶部(完全兼容各个浏览器,不含美化) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset

jsonp原生js代码示例

/* mightygumball.js */ /* * get the content of a JSON file using JSONP * update every 3 seconds. * */ var lastReportTime = 0; window.onload = init; function init() { var interval = setInterval(handleRefresh, 3000); handleRefresh(); } function handleR

AJAX原生JS代码

var http_request = false;function send_request(method,url,content,responseType,callback){ http_request = false; if(window.XMLHttpRequest) { //现代浏览器 http_request = new XMLHttpRequest(); if(http_request.overrideMimeType) { http_request.overrideMimeType

原生JS代码实现一个Ajax异步请求

异步加载的方式 (1) defer,只支持IE (2) async: (3) 创建script,插入到DOM中,加载完毕后callBack 实现ajax之前必须要创建一个 XMLHttpRequest 对象.如果不支持创建该对象的浏览器,则需要创建 ActiveXObject. var xmlHttp; function createxmlHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Micros

原生js代码挑战之动态添加双色球

var ballArr = []; //存放已有的红球,用来排除重复和排序window.onload = function(){ var btn = document.createElement("button"); btn.innerHTML = "按键开始传球!"; btn.onclick = turnRunGo; document.getElementsByTagName("body")[0].appendChild(btn);}//当有重

比sort()性能更好的原生js代码实现数组从小到大排序

nums = [1,2,4,1,34,6,-1,2] for(let i = nums.length - 1; i > 0; i--) { let maxIdx = i; for(let j = 0; j < i; j++) { if(nums[maxIdx] < nums[j]) maxIdx = j; } if(maxIdx !== i) { let temp = nums[maxIdx]; nums[maxIdx] = nums[i]; nums[i] = temp; } }

原生JS代码实现随机产生一个16进制的颜色值

封装一个函数 function getColor() { var str = "#"; //一个十六进制的值的数组 var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b&quo

原生JS与jQuery文档加载完毕的写法

HTML是有执行顺序的,默认是自上而下执行.所以当我们的js代码在html代码下边的时候,可以正常执行,而当我们的js代码在html代码上边的时候,可以就无法正常执行了,这时,我们需要在文档加载完毕的时候才去执行js代码,所以通常我们会这样做: 一.当不引入jQuery框架,只写原生JS代码时,需要用window对象的onload事件 window.onload = function(){ //要执行的js代码段 } (注:在使用时,window.onload可直接简写成onload,但是为了不

原始的js代码和jquery对比

Even a task as simple as this can be complicated without jQuery at our disposal. In plain JavaScript, we could add the highlightedclass as shown in the following code snippet: window.onload = function() { var divs = document.getElementsByTagName('div

一个简单用原生js实现的小游戏----FlappyBird

这是一个特别简单的用原生js实现的一个小鸟游戏,比较简单,适合新手练习这是html结构 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="game"> <div id="b

原生js手动轮播图

手动轮播图,为轮播图中的一种,轮播图主要有无缝轮播,手动轮播,延迟轮播,切换轮播等等... 轮播图主要用于展现图片,新出商品,词条,又能美观网页.給网页中增加动态效果. 手动轮播,是小编认为最简单的一种轮播方式,既能左右翻页,还能通过悬浮按钮,快速预览图片,所以今天就给大家写一个原生js手动轮播图. 一,利用JavaScript制作手动轮播图,首先排版. 引入默认样式表(可以手写): <link rel="stylesheet" href="css/Default st

原生JS实现图片预览功能

html代码: <div class="album-new fr"> <div class="upload-btn btn-new container"> <div id="img_d"> <img class="ksd" width="100px" height="100px" /> </div> <div style=

用原生JS写一个网页版的2048小游戏（兼容移动端）

这个游戏JS部分全都是用原生JS代码写的,加有少量的CSS3动画,并简单的兼容了一下移动端. 先看一下在线的demo:https://yuan-yiming.github.io/2048-online-game/ github地址:https://github.com/Yuan-Yiming/2048-online-game ==================================================================== 下面简单分析一下JS代码: 1.游

可重复使用Tab切换代码和纯js代码

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery tab选项卡插件</title> <script type="text/javascript" src="http://ajax.go

原生js简单实现拖拽效果

实现弹窗拖拽效果的原理是:按下鼠标并移动——拖拽移动物体,抬起鼠标——停止移动.主要触发三个事件:onmousedown.onmousemove以及onmouseup: 首先搭建结构:一个宽350px.高200px的登录框 <div id="login"> <div id="box">登录窗</div> </div> <style> *{ padding: 0;margin: 0; } #login{ wi

利用tween，使用原生js实现模块回弹动画效果

最近有一个需求,就是当屏幕往下一定像素时,下方会有一个隐藏的模块马上显现出来,向上运动后带有回弹效果.然后屏幕滚回去时这个模块能够原路返回其实这个效果css3就可以很轻松实现,但是公司要求最低兼容ie7,只能说是无缘了后来,利用jq的animate也能够实现,但是不知道怎么回事当滚回去时有延迟,好几秒后才能隐藏不见. 最终使用tween能够完美实现,只能说原生js的强大了. tween其实是一个函数库,里面都是些公式,比如说运动轨迹的算数公式. 实现效果:其实就是一个小方块弹啊弹. 首先给

61.H5---利用canvas+原生js进行鼠标跟随绘图

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&g

绑定弹窗事件最好的方法，原生JS和JQuery方法

使用jQuery ui = { $close: $('.close') , $pop: $('.pop') , $topopBtn: $('.topop-btn') , $popbtnArea: $('.popbtn-area') }; // 绑定打开弹窗 ui.$popbtnArea.on('click','.topop-btn',function(){ ui.$pop.eq($(this).index()).show(); }) // 关闭弹窗 ui.$close.on('click',fu

巴特西