yunfour

摘要： 此博文内容比较浅显，但是就目前在项目开发中，仍然发现这些细节被同学们所忽略，写此文权当给给同学们做个总结，有则改之，无则加勉，做的更好的同学请在文后做个评论，以供大家学习参考。 js设置默认值 在ES6之前，没有设置默认值的语法，大家通常使用以下方式设置默认值： 但是问题在于，fn函数的参数num为 阅读全文

摘要： XSS攻击，在WEB安全领域已经是老生常谈的问题，每每提到安全问题，也会首当其冲拿出来说事。 针对XSS攻击的解决方案，也非常成熟，主要就是：对用户输入信息的地方进行转义处理，当然我这里要提起的一个点，并非这个方案的问题，而是在开发时，（我）经常忽略的一个点。说之前先提一下之前的一次经历： 我的岗位 阅读全文

摘要： 移动端开发真是不断踩坑，今天在做一个移动端的组件，又发现了一个坑，记录到日志里面，做个记录，以便以后再遇到这个问题有个记录可以参考。在ios中的chrome浏览器中，手指从屏幕上方移动出屏幕（一定要经过屏幕边缘划出屏幕）时，不能触发touchend的事件，但是这个touchend事件并不是消失了，而... 阅读全文

摘要： 最近在做响应式布局的页面，在开发测试过程中，为了看到页面在不同尺寸的窗口中的表现，因此要不停的拖动浏览器来改变其窗口大小；开始在Chrome浏览器下查看页面，拖动了几次，感觉电脑明显的卡了下来，刚开没有在意，后来打开任务管理器看了下，不停的改变浏览器窗口大小时，内存使用会骤然增加，并且不关闭浏览器窗... 阅读全文

摘要： 经常在前端面试或是和其他同行沟通是，在谈到构造在JS定义构造函数的方法是最好使用原型的方式：将方法定义到构造方法的prototype上，这样的好处是，通过该构造函数生成的实例所拥有的方法都是指向一个函数的索引，这样可以节省内存。当然，这种说法没有任何问题，只是在实现上，并非只有使用prototype... 阅读全文

摘要： 今天在做移动端的页面，无意间发现了一个Chrome浏览器下的一个bug，在使用CSS3的transform: translate(0, 0)属性对节点A进行位置转化，此时A节点下面有一个字节点B，节点B使用了position:fixed进行了定位，按照常理节点B应该悬挂在浏览器窗口视图上，不会跟随滚... 阅读全文

摘要： em的对应的像素值如何计算，一言以蔽之：em就是倍数当前元素font-size的倍数，其结果就是当前字体的像素值乘以em的值，至于font-size来自何处？有两个来源：继承自父元素和通过CSS直接设置 阅读全文

摘要： 在处理自定义事件时，观察者模式和发布/订阅模式经常使用，起初不了解这两个模式的实现时，在网上看一些资料，很多介绍都将两种模式混淆在一起，认为他们是同一个模式、一样的实现。后来看了一些设计模式的书籍，感觉两种模式还是有本质的区别，具体如下：观察者模式至少需要维护两个对象顾名思义：有观察者对象，肯定也得... 阅读全文

摘要： 在开发WEB中，经常碰到这样一种需求：点击页面中的某个按钮或链接是弹出一个菜单或者是浮层，并且点击该按钮或者链接以外的区域时，菜单或浮层消失。以前没有了解过事件冒泡的时候，使用很多JS代码来实现这样的效果；本人最常用的方法是在该链接上添加一个特殊的属性以及唯一的一个属性值，然后在body上绑定单击事件，触发事件是获取该事件的源节点：event.target（IE浏览器中使用：event.srcElement），然后判断源节点的属性与之前设置的是否一致。后来学习了事件冒泡的机制以后，突然觉得使用阻止冒泡的方法实现该效果思路更加清晰，思路是这样的：在触发该按钮或链接的单击事件的时候显示菜单或浮层， 阅读全文

摘要： 之前听别人说，电脑上如果有无线网卡的话，可以共享本地的网络产生无线信号供移动设备上网，再网上查了查确实可以，不过很多地方很复杂，并且按照很多网站的做法还不能达到目的，今天自己通过摸索，竟然也成功了，今天把这个经验记录下来供网友参考吧。看一下步骤：1、点击右下角托盘部位的“网络连接”中的“打开网络和共享中心”的链接，如下图：2、进入“网络和共享中心”，点击左侧的“管理无线网络”链接后，点击窗口中的“添加”按钮创建无线网络，如图：3、然后按照以下步骤创建无线网络：添加->建临时网络->下一步->网络名：iphone（随便）->类型(选择WEP，输入5个字符为密码，也可以选择 阅读全文