前端Bug&性能调优
文章平均质量分 91
luozhonghua2000
关注和解决数字技术与数字安全技术痛点问题(安全\AI\性能\架构)整体解决方案,与君共享。
虽然每年有大量的网络安全技术人才从高校涌入人力市场,真正能够满足用人单位需求的却寥寥无几。捧着书本去做应急响应和风险评估是滥竽充数的作法,社会需要的是能够为客户切实解决安全风险的技术精英,而不是满腹教条的阔论者。
我所认识的很多资深安全专家都并非科班出身,他们有的学医、有的学文、有的根本没有学历和文凭,但他们却技术精湛,充满自信。
展开
-
javascript 作用域 闭包 对象 原理和示例分析(上)
阅读、理解、思考、实践,再实践、再思考.... 深圳小地瓜献上 javascript高级特性包含:作用域、闭包、对象 -----------------------------------------------作用域----------------------------------------------------------------------------------------原创 2015-05-08 21:57:19 · 1360 阅读 · 2 评论 -
插件编写---jquery源码品读之入口extend(1)
//整个extend函数代表着如何寻找过来的参数(可以是任何对象【数组也是对象】),返回需要的对象。在javascirpt中extend理论之一是合并或复制对象。那么如何复制呢?基本的理论在我的http://blog.csdn.net/luozhonghua2014/article/details/45790867文章中。jquery源码真实体现了这些理论。读者朋友研究源码,建议除了基本理论外,建原创 2015-05-21 23:45:21 · 577 阅读 · 0 评论 -
javascript && 和 || 最清晰的描述
a && b : 将a, b转换为Boolean类型, 再执行逻辑与, true返回b, false返回a a || b : 将a, b转换为Boolean类型, 再执行逻辑或, true返回a, false返回b 转换规则: 对象为true 非零数字为true 非空字符串为true 其他为false原创 2015-05-31 18:59:56 · 619 阅读 · 0 评论 -
jquery源码系列:append方法实现过程
no1: // Define a local copy of jQuery var jQuery = function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' return new jQuery.fn.init( selector, contex原创 2015-05-31 23:06:02 · 2030 阅读 · 0 评论 -
自定义构建jquery插件实验(2)
//简单的 test.js ;(function($){ $.fn.getData=function(options){ return this.append(options); } })(jQuery); test.html Insert title here $(function(){ $("span").getData("这是我第原创 2015-05-18 21:55:25 · 606 阅读 · 0 评论 -
juquery源码研究:addEventListener与attachEvent区别
先测试下: debugger if(!window.attachEvent && window.addEventListener) { Window.prototype.attachEvent = HTMLDocument.prototype.attachEvent= HTMLElement.prototype.attachEvent=function(en, fu原创 2015-05-22 23:04:54 · 864 阅读 · 0 评论 -
jquery插件开发继承了jQuery高级编程思路
要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统。这好比大公司们争相做平台一样,得平台者得天下。苹果,微软,谷歌等巨头,都有各自的平台及生态圈。 学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择。 本教程可能不是最转载 2015-06-07 20:13:14 · 1293 阅读 · 0 评论 -
js 16进制Unicode编码与中文相互转换
New Document function utf8to16(str) { var out, i, len, c; var char2, char3; out = ""; len = str.length; i = 0; while(i < len) { c = str.charCodeAt(i++); switch(c >>原创 2015-05-24 11:31:35 · 8220 阅读 · 0 评论 -
jQuery.noConflict() 解决冲突 原理深入
jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权。 一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQuery("p")和$("p")是等价的。由于变量$只有一个字符,并且特点鲜明,因此我们更加习惯使用$来操作jQuery库。 不过,其他JS库也可能使用变量$来进行操作,例如Prototype原创 2015-07-25 09:47:21 · 1801 阅读 · 0 评论 -
this_scope_call_apply_bind_柯里化 详细分析
下载地址: http://download.csdn.net/detail/luozhonghua2014/9463673原创 2016-03-16 20:54:59 · 455 阅读 · 0 评论 -
js数据层中间件单页运用简单构思和应用案例
案例1: http://www.w3.org/1999/xhtml"> $(document).ready(function () { //定义一个controller var piliController = {原创 2016-03-13 15:29:10 · 572 阅读 · 0 评论 -
替代废除iframe方案
废掉iframe 一页面引进Ajaxget 2 二ShadowDOM 2 2.1还记得iframe们吗? 2 2.2我的名字是DOM,ShadowDOM 2 2.3事件的情况 4 2.4家庭作业 6 三其他实践参考 6 3.1【shadowdom入UI】webcomponents思想如何应用于实际项目 6 3.2ShadowDOM:基础 6原创 2016-03-13 15:33:31 · 32245 阅读 · 0 评论 -
javascript arguments对象研究--针对jquery源码研究再研究
外部插件: $.fn.tinytip = function(text, customOptions) { debugger; if (text && typeof text === 'object'){ customOptions = text; text = customOptions.tooltip;原创 2015-05-21 23:08:16 · 646 阅读 · 0 评论 -
jquery插件开发样例-jquery插件开发(1)
/*! * jQuery lightweight plugin boilerplate * Original author: @ajpiano * Further changes, comments: @addyosmani * Licensed under the MIT license */ // the semi-colon before the function invocat原创 2015-05-17 23:26:19 · 647 阅读 · 0 评论 -
javascript 原型、原型链、对象复制等原理和示例分析(下)
原型 原型是 JavaScript 面向对象特性中重要的概念,也是大家太熟悉的概念。因为在绝大多 数的面向对象语言中,对象是基于类的(例如 Java 和 C++ ) ,对象是类实例化的结果。而在 JavaScript 语言中,没有类的概念 ① ,对象由对象实例化。打个比方来说,基于类的语言中类 就像一个模具,对象由这个模具浇注产生,而基于原型的语言中,原型就好像是一件艺术品 的原件,我们原创 2015-05-09 13:23:41 · 1566 阅读 · 0 评论 -
js与xml交互理论和示例
---------------------------------------------------js+xml--------------------------------------------------------------------------- DOM2级在 document.implementation 中引入了 createDocument() 方法。 IE9+、 Fi原创 2015-05-10 01:29:37 · 2282 阅读 · 0 评论 -
js错误处理与调试理论和办法
阅读本文,以抓取有用的信息(可以以我加粗为参考)为主,老外写的 废话较多 ECMA-262 第 3 版引入了 try-catch 语句,作为 JavaScript 中处理异常的一种标准方式。基本的语 法如下所示,显而易见,这与 Java 中的 try-catch 语句是完全相同的。 try{ // 可能会导致错误的代码 } catch(error){ // 在错误发生时怎么处理原创 2015-05-10 00:49:51 · 3663 阅读 · 0 评论 -
javascript设计模式理论和示例深入分析(上)
此文详细剖析的设计模式理论,特别是原型设计模式,帮助在遇到实际项目中提供理论指导和分析。 虽然 Object 构造函数或对象字面量都可以用来创建单个对象,但这些方式有个明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码。为解决这个问题,人们开始使用工厂模式的一种变体。 6.2.1 工厂模式 工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的原创 2015-05-10 13:27:26 · 882 阅读 · 0 评论 -
javascript继承模式原理与示例深入剖析
原型链 ECMAScript 中描述了原型链的概念,并将原型链作为实现继承的主要方法。 其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。简单回顾一下构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。那么,假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然,此时的 原型对象将包含一原创 2015-05-10 15:23:55 · 682 阅读 · 0 评论 -
javascript设计模式理论和示例深入分析(下)
6.2.4 组合使用构造函数模式和原型模式(解决原型模式中引用类型值不能的实例不能私有化问题) 创建自定义类型的最常见方式,就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。结果,每个实例都会有自己的一份实例属性的副本,但同时又共享着对方法的引用,最大限度地节省了内存。另外,这种混成模式还支持向构造函数传递参数;可谓是集两种模式之长。下面的代码原创 2015-05-10 14:27:43 · 767 阅读 · 0 评论 -
js与json交互理论和示例
详细说明了理论和技巧,现实开发工作意义大 JSON 的语法可以表示以下三种类型的值。 简单值:使用与 JavaScript 相同的语法,可以在 JSON 中表示字符串、数值、布尔值和 null 。 但 JSON 不支持 JavaScript 中的特殊值 undefined 。 对象:对象作为一种复杂数据类型,表示的是一组无序的键值对儿。而每个键值对儿中的值可 以是简单原创 2015-05-10 01:54:08 · 1375 阅读 · 0 评论 -
javascript回调函数(模式)原理和示例深入分析
广大网友读懂了我之前论述的javascript原理这篇文章很容易懂 回调函数来自一种著名的编程范式——函数式编程,在基本层面上,函数式编程指定的了函数的参数。函数式编程虽然现在的使用范围变小了,但它一直被“专业的聪明的”程序员看作是一种难懂的技术,以前是这样,未来也将是如此。 幸运的是,函数式编程已经被阐述的像你我这样的一般人也能理解和使用。函数式编程最主要的技术之一就是回调函数,你很原创 2015-05-11 22:59:33 · 2512 阅读 · 0 评论 -
jquery用户自定义选择器及选择器高级用法实验
//用户自定义选择器 $(function(){ // Define custom filter by extending $.expr[":"] $.expr[":"].greenbg = function(element) { return $(element).css("background-color") === "gre原创 2015-05-17 12:19:23 · 2974 阅读 · 0 评论 -
modernizr框架之表单验证
框架下载地址:http://modernizr.com/ 案例: $(function(){ if( !Modernizr.input.required ){ var $msg = $( "Required Fields Missing" ); $msg.css( "backgr原创 2015-05-17 16:27:56 · 886 阅读 · 1 评论 -
jquery基础之笔记(全)
var x = 42; console.log( x ); var message = (function( x ){ return function() { console.log( "x is " + x ); } })( x ); message(); x = 12; console.log( x ); message(); --------------------原创 2015-05-17 17:55:30 · 672 阅读 · 0 评论 -
前端性能优化的另一种方式——HTTP2.0
一直听说HTTP2.0,对此也仅仅是耳闻,没有具体研读过,这次正好有两个篇章,分别讲HTTP1.1和HTTP2.0。 两者还能好好对比一下,两者之间的巨大区别,以及HTTP2.0解决了哪些实际问题。 无论什么网络,也不管所用网络协议是什么版本,所有应用都应该致力于消除或减少不必要的网络延迟,将需要传输的数据压缩至最少。 HTTP2.0就是为了做这些优化而出现的。转载 2017-03-27 20:07:03 · 758 阅读 · 0 评论