js代码

将对象序列化为 JavaScript 对象表示法 (JSON)，并将 JSON 数据反序列化为对象。 此类不能继承。 //　　msdn 例子: 代码 namespace SL_DataContractJsonSerializer { public partial class Page : UserControl { public Page() { InitializeComponent(); } // This uses an event handler, not SL data binding void OnClick( object sender, EventArgs args) { txtOutput1.Text = " Create a User object and serialize it. " ; string json = WriteFromObject(); txtOutput2.Text = json.ToString(); // Displays: {"Age":42,"Name":"Bob"} txtOutput3.Text = " Deserialize the data to a User object. " ; string jsonString = " {'Name':'Bill', 'Age':53} " ; User

webpack技术 webpack用途：Webpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。 1、模块化开发 程序员在开发时可以分模块创建不同的js、 css等小文件方便开发，最后使用webpack将这些小文件打包成一个文 件，减少了http的请求次数。 webpack可以实现按需打包，为了避免出现打包文件过大可以打包成多个文件。 2、 编译typescript、ES6等高级js语法 随着前端技术的强大，开发中可以使用javascript的很多高级版本，比如：typescript、ES6等，方便开发， webpack可以将打包文件转换成浏览器可识别的js语法。 3、CSS预编译 webpack允许在开发中使用Sass 和 Less等原生CSS的扩展技术，通过sass-loader、less-loader将Sass 和 Less的 语法编译成浏览器可识别的css语法。 webpack基于node.js运行，首先需要安装node.js。 1、先去下载： node.js官网下载地址： https://nodejs.org/en/download/ 推荐下载LTS版本 2、安装完成检查PATH环境变量是否设置了node.js的路径。 3、测试 运行cmd,输入node -v 会显示当前的版本号 安装NPM 具体的可以参照这篇文章 https

html2canvas.js 这个js有个强大的功能，就是能将html 对应的dom生成canvas。 这样，我们就可以通过生成的canvas转化成 base64 图片，从而实现截屏功能； 核心代码如下（同时也解决了一个bug，生成的图片不高清）： //以下乘以3是将画布和画布的内容放大3被，从而使生成的图片变清晰 var canvas = document.createElement("canvas"); canvas.height = $(window).height()*3 canvas.width = $(window).width()*3 var context = canvas.getContext("2d"); //然后将画布缩放，将图像放大两倍画到画布上 context.scale(3,3); html2canvas(document.getElementById('view'), { canvas: canvas, onrendered: function(canvas) { var _h = $(window).height()*2/3; var _w = $(window).width()*2/3; _src = canvas.toDataURL('image/png'); var img = new Image(); img.src = _src; img

运算符: 复杂运算符：Math.pow(2,53) //=>9007192145641435:2的53次幂 Math.round（.6） //=>1.0:四舍五入 Math.ceil（.6） //=>1.0:向上求整 Math.floor（.6）//=>0.0:向下求整 Math.abs(-5) //=>5:求绝对值 Math.max(x,y,z)//=>返回最大值 Math.min(x,y,z)//=>返回最小值 Math.random() //=>生成一个大于等于0小于1.0的伪随机数 Math.PI //=>π：圆周率 Math.E //=>e:自然对数的底数 Math.sqrt(3) //=>3的平方根 Math.pow(3,1/3) //=>3的立方根 Math.sin（0） //=>三角函数：还有Math.cos等 Math.log(10) //=>10的自然对数 Math.log(100)/Math.LN10 //以10为底100的对数 Math.log(512)/Math.LN2 //以2为底512的对数 Math.exp(3) //=>e的三次幂 被零整除在js中并不报错，它只是简单的返回无穷大（Infinity）或负无穷大（-Infinity）,但是零除以零是没有意义的，运算结果也是一个非数字（not-a-number）的值，用NaN表示。 七：日期和时间

推荐使用 gulp-rev + gulp-rev-collector 是比较方便的方法，结果如下: "/css/style.css" => "/dist/css/style-1d87bebe.css" "/js/script1.js" => "/dist/script1-61e0be79.js" "cdn/image.gif" => "//cdn8.example.dot/img/image-35c3af8134.gif" 但是由于公司发布系统限制，如果用上面方法实现，每次更新都会积压过多过期无用的文件，我们预期效果是: "/css/style.css" => "/dist/css/style.css?v=1d87bebe" "/js/script1.js" => "/dist/script1.js?v=61e0be79" "cdn/image.gif" => "//cdn8.example.dot/img/image.gif?v=35c3af8134" 怎么破?改上面两个Gulp插件是最高效的方法了。 安装Gulp npm install --save-dev gulp 分别安装gulp-rev、gulp-rev-collerctor npm install --save-dev gulp-rev npm install --save-dev gulp-rev-collector

Tip16：JS的定时器 　　JS 中有两种定时器，setTimeout('fn', t) 和 setInterval('fn', t)，'fn'指的是定时执行的方法名，字符串类型。 　　setTimeout('fn', t)： 只执行一次，执行完成后将销毁。 　　setInterval('fn', t)：一直执行。 (Date：2012-02-17) ----------------------------------------------------------------- Tip15：Jquery触发回车事件 $(function () { $('#target').bind('keyup', function (event) { if (event.keyCode == 13) { alert("Hello~"); } }); }); (Date：2011-10-28) ----------------------------------------------------------------- Tip14：获得select 的值 　　jquery可以像获取textbox值一样获取select的值：$('select').val(); (Date：2011-10-19) ------------------------------------------------

1.移动App第1天 什么是混合移动App开发【重点】 苹果上的软件是如何开发出来的：使用的是 OC、或者使用Swift这门语言 安卓平台上的软件又是如何开发出来的：使用安卓相关的语言开发的，Java，安卓的控件进行开发 苹果和安卓平台上共有的软件是如何开发出来的：腾讯招两套开发人员【开发组】，手机京东 前端移动 App（Application）开发技术，去开发手机端的应用程序； 前端的混合移动App开发技术，并没有使用 苹果 或 安卓 官方推荐的 开发平台和开发方式，而是抛弃了 官方提供的方式，使用 前端的独有的技术进行移动App开发体验； 什么是移动App开发：通俗的理解，就是把开发Web网站的技术（HTML+CSS+JS），通过某种方式，移植到移动App开发上进行使用，这种利用Web开发技术进行移动端开发体验的方式，叫做混合移动App开发！ 关于移动App开发，需要知道的几个概念： 原生开发：它的英文单词是（NativeApp）,指的就是使用 IOS、Android 官方提供的工具、开发平台、配套语言进行 手机App开发的方式； 混合开发：（HybirdApp）就是使用前端已有的技术，HTML + CSS + JS ，然后再搭配一些相关的打包编译技术，就能够开发出一个手机App，安装到手机中进行使用； 什么是App：App是（Application的缩写），意思是

下面的代码是封装了一个 table组件。 该组件 支持表格 自定义列、列的显示与隐藏、列对齐方式、点击事件。 效果截图： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自定义组件</title> <!-- <link rel="stylesheet" type="text/css" href="js/index.css"> --> <script type="text/javascript" src="./js/jquery-3.3.1.js"></script> <script type="text/javascript" src="./js/component.js"></script> </head> <body > <div class="mytable"></div> </body> <script> $(function(){ var table = $(".mytable").mytable({ align:'center', column:[ {name:'lsh',label:'流水号',width:80,visible:false}, {name:'xm',label:'姓名',width:180,visible:true}, {name:'yw',label:'语文'

关于正则，我相信很多小伙伴跟我一样，在接触的时候信心满满，等学完之后会有点醉，（其实还是练得不够多）那么接下来随小编一起来复习一下这个傲娇的正则。 正则：也叫做规则，让计算机能够读懂人类的规则。 有什么规则呢？ 下面小编带大家重新认识认识正则： 正则啊，就像一台验钞机，在你不知道用户提交的钞票真假的时候，总能帮你一眼识别 ! 1、什么是正则，有什么用呢？ 正则：也叫做规则，让计算机能够读懂人类的规则； 前端哪些地方用到正则? 常用的有表单验证，或者敏感词过滤； 2、他有什么规则呢？ 正则也是一个系统对象，跟数组、json一样，也有个写法规则 简写 var re=//; //只写两斜杠，浏览器会认为是注释，所以尽量不要给他为空，注意两斜杠之间不要有引号 全称 var re=new RegExp(); //Reg是正则的简写，Exp是表达式的简写。 注：大部分情况用简写，只有一种情况用全称写法：正则需要传参的时候；全称写法用到\时，需要两个\，否则是转义字符。 接下来正式介绍一下正则 一、新建正则的两种方法： 方式一：直接量语法 1、通过new创建正则：var box = new RegExp("hello", "ig"); 2、省略new创建正则:var box = RegExp("hello", "ig"); 3、正则常量赋值: var box = /hello/ig; 方式二

中国空气质量在线监测平台加密数据爬取 - 中国空气质量在线监测分析平台是一个收录全国各大城市天气数据的网站，包括温度、湿度、PM 2.5、AQI 等数据，链接为：https://www.aqistudy.cn/html/city_detail.html,网站显示为： 该网站所有的空气质量数据都是基于图表进行显示的，并且都是出发鼠标滑动或者点动后才会显示某点的数据，所以如果基于selenium进行数据爬取也是挺吃力的，因此我们采用requests模块进行数据爬取。 - 基于抓包工具展开分析： 　　- 通过分析发现，只有在页面中设置了查询的城市名称和时间范围后，然后点击查询按钮，在抓包工具中才会捕获到一个ajax请求的数据包，我们想要爬取的数据也在该数据包中： 　　 　　然后点击捕获到的数据包后，发现当前ajax请求为post类型的请求，携带一个请求参数d，且该请求参数为加密之后的数据，并且响应中的响应数据也是经过加密后的密文数据。 　　加密的请求参数： 　　 　　加密的响应数据： 　　 - 问题：那么如果我们想要将空气质量数据进行爬取，则需要对上述捕获到的ajax数据包中的post请求对应的url携带请求参数进行请求发送，然后获取对应的响应数据。但是请求参数是加密后的密文，响应数据也是加密后的密文。并且post请求参数对应的密文每次请求都是动态变化的，我们如何设置