前言 每个函数都有自己的执行环境。当某个函数被调用时，会创建一个执行环境（execution context）及相应的作用域链，并把作用域链赋值给一个特殊的内部属性（即[[Scope]]）。然后使用this、arguments和函数参数、内部变量、内部函数引用来初始化函数的活动对象（activation object）。作用域链（堆栈）是指向活动对象的指针列表，该函数的活动对象在栈顶，全局变量对象在栈底。 PS：在 JavaScript 的执行中会一直存在一个Execute Context Stack , 最下面一…
在某些情况下，textarea是不够用的，我们还需要显示一些图标或者高亮元素，这就需要用富文本编辑器，而富文本编辑器本质上是HTML元素设置了contenteditable。 然后可能需要像input、textarea有placeholder的输入提示语，但contenteditable的元素，placeholder是没用的，需要另外办法。 例子： HTML： <div class="con" contenteditable="true"></div> CSS： .con{ width: 4…
原因 如下图，A域中有个B域的页面，但是B的页面的长度不确定，A无法去设置一个准确的高度。 PS:iframe高度设置auto是无效的 解决办法 如上图， （1）在B页面中加一个A的代理页面的iframe PS：这最里面的A页面能调用最外层A页面的方法，而B页面是调用不了最外层A的（因为跨域的安全限制）。 （2）当B页面加载完成时，修改A的agent.html所在iframe里src。 setTimeout(function(){ var _height = $("#vs-source").he…
使用RequireJS做异步模块加载，有几点值得注意的地方： 1.模块定义两种写法 1. 存在依赖的函数式定义 如果模块存在依赖：则第一个参数是依赖的名称数组；第二个参数是函数，在模块的所有依赖加载完毕后，该函数会被调用来定义该模块，因此该模块应该返回一个定义了本模块的object。依赖关系会以参数的形式注入到该函数上，参数列表与依赖名称列表一一对应。 define(['a'], function(aJ) { var hello = function(){ aJ.hello('i am c.js'); } retu…
结论 在我多番测试之后，才发现background-image使用svg，改变颜色根本做不了。 分析 当svg图片被使用成background-image，颜色的设置需要在svg内部才能生效。在外部CSS设置颜色样式，却是无效，这其实可以从CSS选择器得到解释，CSS选择器必须选择到DOM元素，而svg却被做成背景图，并没有以元素引入，所以在外部也就设不了颜色。 例子 CSS： i { display: inline-block; width: 100px; height: 100px; } .icon-del{ …
这周继续在弄hybird app 的 UI框架的重构，进行到了编写换肤功能的阶段，而在做换肤之前，我想应该先弄一套框架内置的图标。 而图标无非就是两种做法： 1.图片 使用图片很正常，但是有缺陷的。 1.众多的图标导致了增加了许多HTTP请求 PS:有人会说我把它们弄成一张大图不久行了，可是这样弄了之后，你连大小都无法改变。所以肯定还是一批小图片。 2.放大缩小失真 3.同张图片如果需要不同颜色，又得弄多一套出来。 2.字体 也就是这篇要说得Icon Font。做法就是讲你的图标做成字符，然后用css3中的@f…
网上有一些js获取隐藏元素宽高的方法，但是可能会存在某些情况获取不了。 例如： <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>test</title> </head> <body> <div id="test" style="dis…
今天在使用鼠标事件时，用错了mouseout，于是做个测试总结。 结论： mouseenter：当鼠标移入某元素时触发。 mouseleave：当鼠标移出某元素时触发。 mouseover：当鼠标移入某元素时触发，移入和移出其子元素时也会触发。 mouseout：当鼠标移出某元素时触发，移入和移出其子元素时也会触发。 mousemove：鼠标在某元素上移动时触发，即使在其子元素上也会触发。 mouseout、mouseover和mouseleave、mouseenter最大的区别，在于子元素连带触发。 例子： &l…
网上有很多浏览器并发连接数的表格数据，绝大多数是大同小异，都是下图统计，但总觉得人云亦云，缺少实际测试数据支持，并且还大不完整，例如缺少IE9/10/11、360之类的。 之所以谈及并发数这个问题，本质上是为了了解页面加载情况，做提高页面加载性能的参考依据。 但是在试图测试时，却有几个测试难点： 1.寻找完整的浏览器存在困难（IE6/7）。 2.可用做测试的HTTP1.0网站也不好找。 3.测试工具，如何统计也是个问题（这里区别连接数和请求数）。 浅析 目前浏览器都支持并发，这样就可以同时下载资源。每款浏览器都…
1. 内容横向滚动的代码 .ul { display: box; display: -webkit-box; width: 250px; background: yellow; overflow-y: hidden; overflow-x:auto; } .li { flex-shrink:0; -webkit-flex-shrink: 0; width: 100px; height: 50px; background: red; margin-right: 5px; } <div class="ul">…
COPYRIGHT © 2022 zhizhesoft. ALL RIGHTS RESERVED.