平时web开发时，在手机上，如果是要看控制台信息，都需要alert弹窗，这样很不友好.还会阻拦进程。 通过vConsole.js 重写console方法，实现了类似于微信小程序的移动端调试效果。 具体使用方法也很简单
现在的App基本上都会使用Native+H5的方式来开发的，例如网易新闻详情页面，微信公号详情页面都会使用WebView开发。这样可以很容易实现图文排版的需求，而且混合开发的好处也是显而易见的。
默认情况下，执行这个抽象操作时会先执行valueOf方法，如果返回的不是原始值，会继续执行toString方法，如果返回的还不是原始值，那么会报错，如果有指定转换类型时，情况又会有所不同，详细解析请继续往下看。
最近一段时间在研究实现微信小程序和小游戏编译打包和运行环境平台开发。 目前基本可以支持微信基础库 2.8.2 功能迭代了。 所以想通过记录分享一下自己的认知过程中遇到的一些问题和解决方案来更好的理解小程序设计上的优点和一些不足的地方。
前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。 HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以 javascript: 开头后跟
toString()可以看做是把一个数据转换成了相应字符串的形式，安照这个转换规则中
在前面的文章中有介绍到我们在微信web开发过程中常常用到的 【微信JSSDK中Config配置】 ，但是我们在真正的使用中我们不仅仅只是为了配置Config而已，而是要在我们的项目中真正去使用微信JS-SDK给我们带来便捷，那么这里我们就简述如何在微信web开发中使用必要的方法！在开始之前，上一篇有朋友有疑问，如何在手机端显示，这里我们来补充一下：
官方介绍： 通过Hook XSS的常用函数,并监控DOM元素的创建,从而对整个页面的js行为进行监控。当发现页面中存在XSS攻击行为时,可根据预置的选项,进行放行,提醒用户选择,阻拦三种处理方式,同时预警中心会收到一次事件的告警,安全人员可根据告警进行应急响应处理。 在研究如何绕过一个系统之前，不急于直接读代码，先旁敲侧击看看这个系统大体都做了什么。 官方介绍中，在脚本加载前，需要执行一堆配置代码： <script type="text/javascript"> var hxj_config = {
近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能让双方协同实现功能呢？
对象Number、String、Boolean分别对应数字、字符串、布尔值，可以通过这三个对象把原始类型的值变成（包装成）对象:
一：本篇将解决的问题 本章主要为了解决一下几个问题： 1.JsDialog的按钮错位的问题 我们开发出的浏览器，在有些操系统上调用alert,confirm之类的对话框时，确定和取消按钮会出现错位的情况 2.右键菜单问题 我们开发的浏览器，在网页上点右键，会出现一些讨厌的英文菜单。 3.打印的问题 我们开发的浏览器，网页在调用window.print的时候，没有任何反应。 4.打开chrome的调试器 谷歌浏览器调试网页的调试器非常好用，我们开发的浏览器也可以用这个工具。 二：JsDialo
window是一个全局对象，其实就是相当于那个对象调用这个函数，那么这个函数里面的隐式参数this就是当前调用这个函数的对象
属性里可能存的是方法，也可能存的就是一个值（值有两个方法getter、setter）
一、require模块 +function() { var path = location.protocol + "//" + location.host +"/Javasript框架设计/common/"; require.config({ alias: { "jquery": { src: path + "mass/demo/jquery-1.9.1.min.js",
利用Math.random和toString生成随机字符串。这里的技巧是利用了toString方法可以接收一个基数作为参数的原理，这个基数从2到36封顶。如果不指定，默认基数是10进制。略屌！
一、构造函数方式 1 //构造函数 2 function People(){ 3 this.race = '汉族'; 4 } 5 People.prototype={ 6 eat:function(){ 7 console.log('123'); 8 } 9 } 10 11 /*学生对象*/ 12 function Student(name, skin) { 13
js的重写方法与java中不同，js重写方法会将原来的方法顶掉（原来方法无效）。
设置js 安全域名在 设置–>公众号设置–>功能设置里边 appid appSercret 在开发–>基本配置里
如下引入外部js文件script.js，在script.js中打印了对应id是root的元素。但是因为我们在head标签中先引入的外部文件，然后才去渲染的dom，所以此时结果为 null。
《IDEA Web渲染插件开发（一）》中，我们了解到了如何编写一款用于显示网页的插件，所需要的核心知识点就是IDEA插件开发和JCEF，在本文中，我们将继续插件的开发，为该插件的JS Dialog显示进行自定义处理。
3、如果重写这两种方法，运算时优先调用valueOf，显示时优先调用toString。
WebView如果作为简单的网页浏览器，对于一般的浏览行为来说，已经足够了。可做为企业开发者，你的App通常要嵌入自家公司的网页，如此一来，还得考虑App与Web之间的消息传递，这就涉及到App的原生代码与Web的JS代码之间的通信了。 App与Web做为消息通信的双方，具体的交互行为分为四类，包括：App通知Web执行某项动作、App主动从Web获取信息、Web通知App执行某项动作，Web主动从App获取信息，这四种行为详细说明如下：
浏览器都遵循同源策略，也就是说位于www.flysnow.org下的网页是无法访问非www.flysnow.org下的数据的，比如我们常见的AJAX跨域问题。
这几天面试上几次碰上这道经典的题目，特地从头到尾来分析一次答案，这道题的经典之处在于它综合考察了面试者的JavaScript的综合能力，包含了变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级等知识，此题在网上也有部分相关的解释，当然我觉得有部分解释还欠妥，不够清晰，特地重头到尾来分析一次，当然我们会把最终答案放在后面，并把此题再改高一点点难度，改进版也放在最后，方便面试官在出题的时候有个参考。
PhoneGap（Codova 的前身）作为 Hybrid 鼻祖框架，是一个开源的移动开发框架，允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台的Hybird WebUI开发，应该是最先被开发者广泛认知的 JSBridge 的应用场景。而对于 JSBridge 的应用在国内真正兴盛起来，则是因为杀手级应用微信的出现。
什么promise模式 先看一个场景 A 中执行了ajax请求，在回调函数中调用了B，B 中又是一个ajax请求 这种代码方式会有问题 （1）可读性太差 当嵌套层数过多时，会非常痛苦 （2）
作者 0xExploit 0×00 引言 很多不了解html、js编码的童鞋挖掘xss漏洞时，都是一顿乱插，姿势对了，就能获得快感，姿势不对，就么反应。另外在freebuf里，有很多文章介绍过跨站编码，有兴趣的，可以搜索下。 本文介绍常见的编码方法，能力不足，如有其他意见，请指正。 0×01 常用编码 URL编码：一个百分号和该字符的ASCII编码所对应的2位十六进制数字，例如“/”的URL编码为%2F(一般大写，但不强求) HTML实体编码： 命名实体：以&开头，分号结尾的，例如“<”的编码是“<”
重写事件errorCode的定义在js库中都可以找到。也可以直接用this.queueData.errorMsg来改变提示信息
Ext.js 系列课程笔记「表单子项」更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』
//对象方法 function People(name){ this.name=name; this.introduct=function(){ alert(“My name is”+this.name); console.log(“My name is”+this.name); } }
本文一是在为测试过程中遇到json返回格式时提供测试思路，二是几乎所有国内的资料都混淆了json和jsonp的区别——这是两种技术；以及json和jsonp hijacking的区别——这是两个漏洞，这里做个解释。
客户要求可以直接识别标签二维码对某些仪器设备进行管理，类似于淘宝搜索框可以直接拍照搜索商品一样。前面已经做了一个网页调用摄像头识别二维码的功能，此功能有两个缺陷：
HTML5学堂：无论是PC还是移动端，系统自带alert样式总是让人感觉很丑陋，今天就教大家如何修改alert弹窗样式。 只能自定一个弹窗样式 首先必须明白的一点是，alert()只是一个方法，而这个方法内部是native code，这是我们无法修改的部分，而最终暴露的只有这个alert()方法名字而已，你甚至拿不到alert的属性，因此要真正意义上的做到修改alert样式是不可行的。 有了以上这个条件基础，我们能做的只有重写alert()方法，替换掉系统自带的alert()方法。 一行代码替换alert(
浏览器控件是每一个开发环境都具备的，这为马甲神功提供了用武之地。windows的有webbrowser，android和ios都有webview。仅仅是其引擎不同，相对于微软的webbrowser。android及ios的webview的引擎都是webkit，对Html5提供支持。本篇主要介绍android的webview之强大。
jQuery是一个JavaScript框架。它兼容CSS3，还兼容各种浏览器。文档说明很全，应用详细，成熟插件多。
使用JSSDK主要包括 1、判断当前客户端版本是否支持指定JS接口、 2、分享接口（微信认证） 3、图像接口 4、音频接口 5、智能接口（识别语音并返回结果） 6、设备信息（获取网络状态） 7、地理位置 8、界面操作 9、微信扫一扫 10、微信小店（服务号必须通过微信认证） 11、微信卡券 （微信认证） 12、微信支付（服务号必须通过微信认证）
这一节我们来说一下如何用ajax提交请求？ 我们先不讲ajax的原理，还是先以实战为主，看一下这个东西到底怎么用的？ form表单： <form style="margin-left:200px;" id="myform" name="myform" method="post" onsubmit="return sumbitTest();" action="login.do">
XSS／跨站脚本攻击，是一种代码注入网页攻击，攻击者可以将代码植入到其他用户都能访问到的页面（如论坛、留言板、贴吧等）中。
WebChromeClient：当影响【浏览器】的事件到来时，就会通过WebChromeClient中的方法回调通知用法。
4、WebView 的两个重要方法 WebViewClient 和 WebChromeClient
本文主要将如何重写onJsAlert,让烦人的对话框变为无干扰的Toast,以及为什么onJsAlert只调用一次的问题.
说明：该依赖是由 yanxi 大佬将官方 js-sdk 发布到 npm，支持 CommonJS，便于 browserify，webpack 等直接使用。
一个简单的示例如下，主要逻辑就是，用变量 _alert保存原函数 alert，然后重写 alert 函数，在重写的函数最后调用原函数。这样得到的一个效果就是调用 alert 的时候，可以往 alert 中加入其它操作。比如如下代码中进行一个赋值。
之前有个项目需要调用微信扫描二维码的功能，通过调用微信扫码二维码功能，然后去获取到系统中生成的二维码信息。正好微信JS-SDK提供了调用微信扫一扫的功能接口，下面让我们来看看是如何实现的吧。
JS作为函数式编程的语言，受其他语言的影响，也可以用对象式编程，一种是用函数模仿对象，另一种是ES6添加的class。
由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现
我们会发现 obj已经有几个属性（方法）了。那么问题来了：valueOf/toString/constructor 是怎么来？我们并没有给 obj.valueOf 赋值。
微信公众号开发JS-SDK说明文档地址：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 1.绑定JS域名，不需要加h
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
