JS
xiongzhengxiang
这个作者很懒,什么都没留下…
展开
-
react hooks 学习
1 useRef 与 useState 的区别useRef 和 useState ,生成的变量,在组件的整个生命周期都保存一份,不会在每次render 的时候,重新创建。区别是: state 的改变,会使组件重新渲染,但是ref 的改变,不会引起重新渲染。2 如何获取函数式组件的方法使用forwordRef 和useImperativeHandle 结合,可以定义从父元素传递进来的ref ,可以访问的函数...原创 2020-09-02 14:43:48 · 214 阅读 · 0 评论 -
源码学习-postcss-pxtransform
这是一个postcss 插件,主要功能是根据不同平台,将css 中的px 单位,转化为rem 或者 rpx;postcss 的主要原理是将css 转换成ast , 然后通过操作ast 的节点,最后将修改后的ast 转换为css . 在原理实现上跟babel 是一样的。既然是修改节点,当然要知道节点的类型有哪些了?h1 {font-family: “Open Sans”, fontstack(“Arial”);}rule: 一个css 规则,包括一个选择器,以及用大括号包含的属性值。如上的一段就是原创 2020-07-23 14:18:19 · 774 阅读 · 0 评论 -
Javascript的常用语句
转载自:http://www.jshtmlcss.com/657/1. document.write( ” “); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document- >html- >(head,body)4.一个浏览器窗口中的DO转载 2011-09-01 09:11:29 · 720 阅读 · 0 评论 -
高性能Javascript【四】算法和流程控制
【本文系外部转载,原文地址:http://www.hotels2map.com/blog/?p=160】Javascript代码执行时间大部分消耗在循环、条件判断、递归等语句中,这些也是其性能优化的要点。for、while和do-while循环性能特性相似转载 2011-09-01 20:58:47 · 677 阅读 · 0 评论 -
高性能Javascript【二】数据访问
【本文系外部转载,原文地址:http://www.hotels2map.com/blog/?p=116】程序运行的快慢和程序运行中数据的读写分不开,也就是数据的访问,而数据的读写效率很大程度上取决于数据的存取位置。Javascript中常见的基本数据存储有:直接量转载 2011-09-01 21:19:29 · 591 阅读 · 0 评论 -
高性能Javascript【一】加载和执行
【本文系外部转载,原文地址:http://www.hotels2map.com/blog/?p=109】最近看《高性能Javascript》一书,发现以前一些零散的知识在这里都被串在一起了,有些东西令人觉得相见恨晚,于是打算写东西记录一下,希望能够坚持写完。多谢las原创 2011-09-02 08:53:07 · 577 阅读 · 0 评论 -
我为什么向后端工程师推荐Node.js
科普文一则,说说我对Node.js的一些认识,以及我作为前端工程师为什么会向后端工程师推荐Node.js。“Node.js 是服务器端的 JavaScript 运行环境,它具有无阻塞(non-blocking)和事件驱动(event-driven)等的特色,Node.js转载 2011-09-05 11:06:52 · 719 阅读 · 0 评论 -
关于JavaScript的Object和Function的两张图
转载:http://limu.iteye.com/blog/756076下面两张图基本说清楚了Object和Function.这边备份一下. 如果想了解详情,点他们的网站,两篇非常不错的帖子,感谢. 第一张由怿飞引入,从最底层开始http://www.planabc.转载 2011-09-06 11:48:12 · 384 阅读 · 0 评论 -
前端学习-好的学习网站
转载:http://kaima.cnblogs.comhttp://www.baiduux.com/ 百度UFOhttp://ued.sohu.com/ 搜狐UEDhttp://ued.taobao.com/ 淘宝UEDhttp://www.ued1转载 2011-09-07 14:14:55 · 540 阅读 · 0 评论 -
JS常用压缩工具
利用YUI Compressor或者jsmin对javascript文件进行压缩js文件连注释没有去掉,白白增加文件的大小,浪费用户带宽和增加网页下载时间,影响用户体验,深感痛心。原创 2011-09-07 20:32:57 · 689 阅读 · 0 评论 -
前端工程师的编码遭遇战
【本文系外部转载,原文地址:http://ued.taobao.com/blog/2011/08/26/encode-war/】 导语:由于历史原因,淘宝网的页面编码一直都是gbk,F2E手册中也有明确规范,刚开始的一段时间,F2E们并未遭遇太麻烦的乱码问题,大家相安转载 2011-09-08 08:51:45 · 812 阅读 · 0 评论 -
js控制 页面刷新,但滚动条位置不变 浏览器兼容
页面加载时从cookie获取滚动条位置信息,然后附值给滚动条 function window.onload() { var arr; if(arr=document.cookie.match(/scrollTop=([^;]+)(;|$)/)) docum原创 2011-09-07 21:01:09 · 3353 阅读 · 0 评论 -
js 闭包的作用 简单的例子 说明
作用域永远都是任何一门编程语言中的重中之重,因为它控制着变量与参数的可见性与生命周期。讲到这里,首先理解两个概念:块级作用域与函数作用域。 什么是块级作用域呢?任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级转载 2011-09-09 21:17:09 · 1589 阅读 · 0 评论 -
关于js this 的一个难点
到现在都还糊涂的一个问题: function outer(){ function inner(){ alert( this ); }(); } Why "this" refer to the window object, the function inne原创 2011-09-09 20:43:34 · 1073 阅读 · 0 评论 -
javascript作用域链(Scope Chain)初探
原文地址:http://www.cnblogs.com/wjfluisfigo/archive/2009/05/17/1457674.html 文章是转载过来的,转载的初衷是有人问:“词法作用域”“语法作用域”怎么理解关于js的作用域链,早有耳闻,也曾看过几篇介绍原创 2011-09-09 20:04:51 · 451 阅读 · 0 评论 -
encodeURI encodeURIComponent 的作用 及 应用
首先解释下 encodeURIComponent 的作用:将文本字符串编码为一个有效的统一资源标识符 (URI)。为什么要用这个是因为我想把 username 整个当做参数传递给 CGI, 而不让 CGI 将 username 分割掉。这话听不明白的话我换种方式来说,如果 u原创 2011-09-09 09:51:48 · 5575 阅读 · 0 评论 -
javascript类型判断 typeof instanceof constructor
由于javascript是弱类型语言,所有有些时候对类型的判断就十分的必要.javascript中对类型判断有3种方法.1.typeof返回运算数的类型,有六种可能的结果:undefined,number,string,boolean,function和object.转载 2011-09-14 09:11:13 · 597 阅读 · 0 评论 -
apply call 一看就明白
用使用call和apply就要明白以下两个问题。1、 什么时候需要使用call或者apply2、 call 和 apply 如何使用先回答第一个问题,什么场景下用呢?function person(name){ this.name =原创 2011-09-14 10:00:59 · 544 阅读 · 0 评论 -
JavaScript类和继承:constructor属性
转载自:http://developer.51cto.com/art/200907/134913.htmconstructor属性始终指向创建当前对象的构造函数。比如下面例子:// 等价于 var foo = new Array(1, 56, 34, 12); va转载 2011-09-22 09:23:46 · 355 阅读 · 0 评论 -
匿名函数的使用例子1
转载自:http://www.cnblogs.com/webw3c/archive/2011/09/21/2183092.html匿名函数关于JavaScript的最头疼的事情之一是,它的变量没有特定的作用范围。 一般情况下,任何变量,函数,数组或对象都是全局性,转载 2011-09-22 09:02:53 · 553 阅读 · 0 评论 -
JavaScript类的继承
转载自:http://www.blogjava.net/lcs/archive/2007/10/09/151251.html利用共享prototype实现继承继承是面向对象开发的又一个重要概念,它可以将现实生活的概念对应到程序逻辑中。例如水果是一个类,具有一些公共的性质;转载 2011-09-22 09:43:46 · 515 阅读 · 0 评论 -
js 类继承的说明例子1
转载:http://jimichan.iteye.com/blog/119815 目前 javascript的实现继承方式并不是通过“extend”关键字来实现的,而是通过 constructor function和prototype属性来实现继承。首先我们创建一个ani转载 2011-09-22 09:15:41 · 823 阅读 · 0 评论 -
js 常用函数
function setCookie(name,value){ var Days = 30; //此 cookie 将被保存 30 天 var exp = new Date(); //new Date("December 31, 9998"); ex转载 2011-09-23 09:54:03 · 794 阅读 · 0 评论 -
About variant scope chain
I think about the best I can do is give you a bunch of examples to study. Javascript programmers are practically ranked by how well they und转载 2011-09-21 21:18:44 · 460 阅读 · 0 评论 -
Cookie精通之路
在这篇文章里,我们解决一下问题:1. 什么是 Cookies?2. Cookie 的构成3. 操纵 Cookies4. Cookie 怪兽什么是Cookies?你会问,什么是cookies呢? cookie 是浏览器保存在用户计算机上的少量数据转载 2011-09-23 09:43:08 · 408 阅读 · 0 评论 -
高性能Javascript【三】DOM编程
和DOM操作相关的Javascript脚本花销都是比较大的,这通常也是web应用性能瓶颈所在。优化要点:最少化DOM访问次数,尽量能在JavaScript端处理。如果需要多次访问某个DOM节点,请使用局部变量存储它的作用。小心处理HTML集合,因为它实时连转载 2011-08-31 09:19:48 · 1305 阅读 · 0 评论 -
Javascript文件加载:LABjs和RequireJS
传统上,加载Javascript文件都是使用标签。就像下面这样: 标签很方便,只要加入网页,浏览器就会读取并运行。但是,它存在一些严重的缺陷。 (1)严格的读取顺序。由于浏览器按照在网页中出现的顺序,读取Javascri转载 2011-10-11 09:59:11 · 444 阅读 · 0 评论 -
Javascript 面向对象编程(一):封装
转载自:http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html学习Javascript,最难的地方是什么?我觉得,Object(对象)最难。因转载 2011-10-11 09:32:29 · 411 阅读 · 0 评论 -
Javascript面向对象编程(二):构造函数的继承
这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例。今天要介绍的是,如何生成一个"继承"多个对象的实例。比如,现在有一个"动物"对象的构造函数, function Animal(){ this.转载 2011-10-11 09:33:06 · 513 阅读 · 0 评论 -
非常好的JavaScript学习资源推荐
本文转载自一位做前端开发的朋友的博客【岁月如歌】,他向学习JavaScript的朋友推荐了很多非常不错的书籍及在线教程,适合英语能力不错的朋友参阅,转载如下: 最近 reddit 有讨论:References for JavaScript Mastery. 去年 R转载 2011-09-29 09:12:14 · 797 阅读 · 0 评论 -
前端开发的三个层次 library components frame
现在的前端已经不是06,07年的摸索阶段了,已经进入成熟期了,各大型互联网公司都了自己的前端工程师和前端team,并且有自己的规范和协作开发标准。一提到规范和协作开发,很多关键词回荡在脑海,库(library),组件化(components),框架(frame),JSON,J转载 2011-10-12 09:26:16 · 1254 阅读 · 0 评论 -
URL 和 URI 的区别
URL 是(uniform resource locator) 的缩写。URL综合了协议和已存在资源的地址的两个元素。每一个公开访问的资源,包括图片,js文件,html文件和样式表都是有一个url告诉我们的浏览器从哪里去下载这些东西。URI是(uniform resour转载 2011-10-12 09:34:33 · 370 阅读 · 0 评论 -
JavaScript:全面解析Ajax跨站数据传输和iframe跨域名js调用(6种方法)
关于跨域名问题还是问题么,这方面的解决实践非常多,今天我就旧话重提把我所知道的通过几个应用场景来分别总结一下先说明一点:我说的某某域名在您的控制下的意思是这个域名下的网页由您来负责开发内部的JavaScript场景一:将bbs.xxx.com的页面用iframe嵌入到转载 2011-10-12 09:57:55 · 678 阅读 · 0 评论 -
1016待看的文章
http://www.slideshare.net/nzakas/scalable-javascript-application-architecturehttp://awardwinningfjords.com/2010/10/27/pubsub-evented-progr原创 2011-10-14 10:19:27 · 570 阅读 · 0 评论 -
JS函数运行在它们被定义的作用域内,而不是它们被执行的作用域内
var nanm="xiongzhengxiang";function showName(){ alert(name); var name="JS";}showName();思考:这里会输出什么呢?亲自试试!这是因为函数运行时,先在本作用域内原创 2011-10-14 09:12:46 · 1288 阅读 · 0 评论 -
js对象属性名书写方式
Notation of Keysvar test = { 'case': 'I am a keyword so I must be notated as a string', delete: 'I am a keyword too so me' // rais原创 2011-10-17 09:04:49 · 1072 阅读 · 0 评论 -
js代码优化
JS优化已经讨论了很多了,最近又看到aimingoo的一篇。大体上,aimingoo的说法都是非常正确的。 除了像aimingoo做个案研究外,这里我想从更一般的角度总结在浏览器编程中JS优化的几个原则。 首先,与其他语言不同,JS的效率很大程度是取决于JS en转载 2011-10-18 16:49:20 · 1174 阅读 · 2 评论 -
非常酷的 Javascript 简单调试工具Blackbird
Blackbird 是一个开源的 Javascript 调试工具,默认提供一种非常酷的方式展现 Javascript 调试信息,如下图,效果如何呢? 在我们的日常的学习或工作中,经常都会接触到 Javascript,有时为了进行一些简单的调试,我们也许会采用转载 2011-10-09 09:07:26 · 551 阅读 · 0 评论 -
JavaScript函数调用规则
JavaScript函数调用规则一(1)全局函数调用:function makeArray( arg1, arg2 ){ return [this , arg1 , arg2 ];}这是一个最常用的定义函数方式。相信学习J转载 2011-10-09 09:25:36 · 455 阅读 · 0 评论 -
javascript使用方括号([])和“.”引用对象的属性和方法
在JavaScript中,使用[]和点号“.”都可以以用对象的属性,但是他们小有却别,使用[]时,[]里面可以放变量,有用点号时,点号后只能是对象的已存在属性名。原创 2011-10-09 15:46:34 · 2187 阅读 · 1 评论