js代码

tablecloth.js 是一个能够只用寥寥几行代码即可快速美化你页面上HTML代码的jQuery插件。 tablecloth.js自身携带了多种表格风格，同时支持表格的排序功能，使用也极其简单。 如何使用 在你的HTML导入jQuery、Bootstrap以及tablecloth.js随包发行的其他几个js文件（如果你想要tablecloth.js的全部功能的话）。 <link href="assets/css/bootstrap.css" rel="stylesheet"> <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="assets/css/tablecloth.css" rel="stylesheet"> <link href="assets/css/prettify.css" rel="stylesheet"> <script src="assets/js/jquery-1.7.2.min.js"></script> <script src="assets/js/bootstrap.js"></script> <script src="assets/js/jquery.metadata.js"></script> <script src="assets/js

作业讲解：js逆向 概述 url:https://nyloner.cn/proxy 需求：将这个网页中的代理ip和端口号进行爬取 难点： 动态变化的请求参数 js加密 需要js逆向 分析 爬取的数据是动态加载 并且我们进行了抓包工具的全局搜索，没有查找到结果 意味着：爬取的数据从服务端请求到的是加密的密文数据 页面每10s刷新一次，刷新后发现数据更新，但是浏览器地址栏的url没有变，说明加载出的数据是由ajax请求到的。 动态加载出来的数据是由ajax请求到的，并且请求到的数据为加密数据 定位到ajax数据包，从中可以看到url和动态变化的请求参数和加密的响应数据 将ajax请求到的密文数据捕获 动态地获取动态变化的请求参数 基于抓包工具进行了动态变化请求参数token的全局搜索，定位到了token的源头，就是如下js代码： var token = md5(String(page) + String(num) + String(timestamp)); 对密文数据进行解密 通过解析找到了解密的js函数：decode_str(encode_str) 查找encode_str的实现： js逆向:将js代码转换成python代码。开发环境只能执行python代码 答案 动态参数解析 # 我们抓包看到 token是加密生成 则把它进行加密 var token = md5(String

gulp gulp是基于Node.js的前端自动化构建工具，主要用于代码打包。目前主流的前端打包工具，grunt，gulp，webpack。grunt现在似乎慢慢被gulp取代，而我使用gulp也是冲着大家说的配置简单去的，至于通道流，运行文件什么的其实还是次要的；webpack现在很火，听说功能强大，没有用过。 npm install gulp -g 注意需要在npm全局中安装gulp，否则命令窗口中找不到gulp快捷命令，记得检查环境变量的配置情况。 gulp 插件 gulp的使用离不开gulp插件的使用，下面是常用的几款。 npm install del gulp gulp-concat gulp-minify-css gulp-usemin gulp-replace gulp-uglify gulp-rev gulp-rev-collector gulp-minify-html --save-dev del 和 gulp-clean del是node.js的插件，两者的效果相似，都是用来清除文件。至于为什么使用 del，而不是 gulp-clean，我是看到网上一篇文章推荐的。 gulp-concat gulp-concat用来做文件合并，可以将多个文件合并成一个文件，减少静态资源数量。 gulp-minify-css gulp-minify-css是css的压缩工具。

 队名：计算机四班好朋友联盟  组长博客： 组长博客  作业博客： 作业博客 大家有话说🙃 ⭐方瑞雄（组长） 1、过去两天完成了哪些任务：   学习小程序测试以及博客编写 2、接下来计划：   完善后端代码，测试小程序 3、还剩下哪些任务：   完善后端代码，测试小程序 4、遇到了哪些困难：   后端代码远比我们小组想得还难，所以需要一段时间修改 5、有哪些收获和疑问：   加强了自己的代码能力 👇刘诗琳 1、过去两天完成了哪些任务：   完成了alpha计划的界面 2、接下来计划：   完善视图层，实现订单确认功能，完成js文件 3、还剩下哪些任务：   订单确定，筛选 4、遇到了哪些困难：   对前端语言不熟练，动手实践时对各种标签的属性不了解。 5、有哪些收获和疑问：   进一步熟悉了基础的小程序视图语言，但还不够熟悉 👇马丽华 1、过去两天完成了哪些任务：   继续完善界面   做页面的跳转和部分交互 2、接下来计划：   继续修改美化界面   继续未完成部分的页面的交互 3、还剩下哪些任务：   页面的交互 4、遇到了哪些困难：   不太会做交互进度就比较慢 5、有哪些收获和疑问：   学到了新的东西非常开心 👇王玥 1、过去两天完成了哪些任务：   对相关界面小图标和图案的设计与绘制，熟悉微信小程序开发流程和相关语言，以及对自己所分配到的界面的统一润色。 2、接下来计划

摘要 js和jq的event对象大同小异，本文简单对比下它们的'click'事件下的不同和应用 js jquery jq event 代码测试： ? 1 2 3 4 5 6 7 <div id= "test" ><p>test text<p></div> <script src= "vendor/jquery-2.1.1.js" ></script> <script> test.addEventListener( 'click' , function(e){console.log(e);}, false ), $( '#test' ).on( 'click' , function(e){console.log(e)}); </script> 结果分析： ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 js-jq-event-common:{ altKey: false , bubbles: true , button: 0 , cancelable: true ,

jquery的each方法： each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等 在javaScript开发过程中使用$each可以大大的减轻我们的工作量。 下面简单介绍一下each的几种常用方法 each处理一维数组： var arr1 = [ " aaa " , " bbb " , " ccc " ]; $.each(arr1, function (i,val){ alert(i); alert(val); }); alert(i)将输出0，1，2 alert(val)将输出aaa，bbb，ccc each处理二维数组 　　 var arr2 = [[ ' a ' , ' aa ' , ' aaa ' ], [ ' b ' , ' bb ' , ' bbb ' ], [ ' c ' , ' cc ' , ' ccc ' ]] 　　 $.each(arr, function (i, item){ alert(i); alert(item); 　　 }); arr2为一个二维数组，item相当于取这二维数组中的每一个数组。 item[0]相对于取每一个一维数组里的第一个值 alert(i)将输出为0，1，2，因为这二维数组含有3个数组元素 alert(item)将输出为

第05组 Beta冲刺（2/5）  队名：计算机四班好朋友联盟  组长博客： 组长博客  作业博客： 作业博客 👇大家有话说 ⭐方瑞雄（组长） 1、过去两天完成了哪些任务：   学习小程序测试以及博客编写 2、接下来计划：   完善后端代码，测试小程序 3、还剩下哪些任务：   完善后端代码，测试小程序 4、遇到了哪些困难：   后端代码远比我们小组想得还难，所以需要一段时间修改 5、有哪些收获和疑问：   加强了自己的代码能力 👇刘诗琳 1、过去两天完成了哪些任务：   完成了alpha计划的界面 2、接下来计划：   完善视图层，实现订单确认功能，完成js文件 3、还剩下哪些任务：   订单确定，筛选 4、遇到了哪些困难：   对前端语言不熟练，动手实践时对各种标签的属性不了解。 5、有哪些收获和疑问：   进一步熟悉了基础的小程序视图语言，但还不够熟悉 👇马丽华 1、过去两天完成了哪些任务：   继续完善界面   做页面的跳转和部分交互 2、接下来计划：   继续修改美化界面   继续未完成部分的页面的交互 3、还剩下哪些任务：   页面的交互 4、遇到了哪些困难：   不太会做交互进度就比较慢 5、有哪些收获和疑问：   学到了新的东西非常开心 👇王玥 1、过去两天完成了哪些任务：   对相关界面小图标和图案的设计与绘制，熟悉微信小程序开发流程和相关语言

 队名：计算机四班好朋友联盟  组长博客： 组长博客  作业博客： 作业博客 大家有话说🙃 ⭐方瑞雄（组长） 1、过去两天完成了哪些任务：   学习小程序测试以及博客编写 2、接下来计划：   完善后端代码，测试小程序 3、还剩下哪些任务：   完善后端代码，测试小程序 4、遇到了哪些困难：   后端代码远比我们小组想得还难，所以需要一段时间修改 5、有哪些收获和疑问：   加强了自己的代码能力 👇刘诗琳 1、过去两天完成了哪些任务：   完成了alpha计划的界面 2、接下来计划：   完善视图层，实现订单确认功能，完成js文件 3、还剩下哪些任务：   订单确定，筛选 4、遇到了哪些困难：   对前端语言不熟练，动手实践时对各种标签的属性不了解。 5、有哪些收获和疑问：   进一步熟悉了基础的小程序视图语言，但还不够熟悉 👇马丽华 1、过去两天完成了哪些任务：   继续完善界面   做页面的跳转和部分交互 2、接下来计划：   继续修改美化界面   继续未完成部分的页面的交互 3、还剩下哪些任务：   页面的交互 4、遇到了哪些困难：   不太会做交互进度就比较慢 5、有哪些收获和疑问：   学到了新的东西非常开心 👇王玥 1、过去两天完成了哪些任务：   对相关界面小图标和图案的设计与绘制，熟悉微信小程序开发流程和相关语言，以及对自己所分配到的界面的统一润色。 2、接下来计划

 队名：计算机四班好朋友联盟  组长博客： 组长博客  作业博客： 作业博客 大家有话说🙃 ⭐方瑞雄（组长） 1、过去两天完成了哪些任务：   学习小程序测试以及博客编写 2、接下来计划：   完善后端代码，测试小程序 3、还剩下哪些任务：   完善后端代码，测试小程序 4、遇到了哪些困难：   后端代码远比我们小组想得还难，所以需要一段时间修改 5、有哪些收获和疑问：   加强了自己的代码能力 👇刘诗琳 1、过去两天完成了哪些任务：   完成了alpha计划的界面 2、接下来计划：   完善视图层，实现订单确认功能，完成js文件 3、还剩下哪些任务：   订单确定，筛选 4、遇到了哪些困难：   对前端语言不熟练，动手实践时对各种标签的属性不了解。 5、有哪些收获和疑问：   进一步熟悉了基础的小程序视图语言，但还不够熟悉 👇马丽华 1、过去两天完成了哪些任务：   继续完善界面   做页面的跳转和部分交互 2、接下来计划：   继续修改美化界面   继续未完成部分的页面的交互 3、还剩下哪些任务：   页面的交互 4、遇到了哪些困难：   不太会做交互进度就比较慢 5、有哪些收获和疑问：   学到了新的东西非常开心 👇王玥 1、过去两天完成了哪些任务：   对相关界面小图标和图案的设计与绘制，熟悉微信小程序开发流程和相关语言，以及对自己所分配到的界面的统一润色。 2、接下来计划

开篇 很多人都或多或少使用过 webpack，但是很少有人能够系统的学习 webpack 配置，遇到错误的时候就会一脸懵，不知道从哪查起？性能优化时也不知道能做什么，网上的优化教程是不是符合自己的项目？等一系列问题！本文从最基础配置一步步到一个完善的大型项目的过程。让你对 webpack 再也不会畏惧，让它真正成为你的得力助手！ 本文从下面几个课题来实现 课题 1： 初探 webpack？探究 webpack 打包原理 课题 2： 搭建开发环境跟生产环境 课题 3： 基础配置之loader 课时 4： webpack性能优化 课时 5： 手写loader实现可选链 课时 6： webpack编译优化 课时 7： 多页面配置 课时 8： 手写一个webpack插件 课时 9： 构建 ssr 项目地址 github.com/luoxue-vict… 我把每一课都切成了不同的分支，大家可以根据课时一步步学习 脚手架 npm i -g webpack-box 复制代码 使用 webpack-box dev # 开发环境 webpack-box build # 生产环境 webpack-box dll # 编译差分包 webpack-box dev index # 指定页面编译（多页面） webpack-box build index # 指定页面编译（多页面） webpack-box