JavaScript
文章平均质量分 92
js
phoebe_huang
相信一切都是最好的安排
展开
-
高质量JS代码准则
本文所有准则均来自DavidHerman的《编写高质量JavaScript代码的68分有效方法》1、了解你使用的JavaScript版本知识点:1)不要将进行严格模式检查的文件和不进行严格模式检查的文件连接起来。2)通过将其自身包裹在立即调用的函数表达式中的方式连接多个文件。// file1.js(function(){ "use strict"; // ....})();// file2.js(function(){ "use strict"; // .原创 2022-01-26 16:41:35 · 1458 阅读 · 0 评论 -
并发请求过多,导致页面脚本执行阻塞
最近遇到一个问题,服务器的执行效果和本地调试的效果不一致。需求是这样:上传50张图片,只要一张图片处理完,立马弹出一个框显示处理结果,其他图片处理结果异步回显。后端因为特殊原因,期待前端连续发50个请求,而不是一次发送一个请求。但是出现了个问题:1、页面渲延迟,变得卡顿。图片上传后,有一张图片的处理结果已经返回,但是弹框迟迟不弹出,直到有40多个处理结果返回的时候,弹框才出现;2、页面脚本执行被阻塞。弹框出现后,脚本的执行被阻塞,很多执行方法要等待40多个处理结果返回的时候,才能执行;原来大概的原创 2020-05-12 09:42:58 · 3202 阅读 · 0 评论 -
如何通过Gulp构建和开发网站
原文:https://www.smashingmagazine.com/2014/06/building-with-gulp/作者: Callum Macrae 简述:Gulp是少数用JavaScript编写的构建工具,但是也有不是用JavaScript编写的构建工具,例如,Rake。我们为什么要选择Gulp呢? 在不同的浏览器优化你的网站资源和测试你的设计,...翻译 2019-07-03 20:35:15 · 490 阅读 · 0 评论 -
FormData多图片上传(每次只能传送最后一张图片的问题)
最近在需要做一个多图片上传的功能,上传的图片,一直被最后一张图片覆盖,只能上传最后一张一张。代码如下: var formData = new FormData(); var pic = document.getElementById("goodsDetailPic").files;原创 2017-08-27 23:16:05 · 4275 阅读 · 0 评论 -
jQuery简易左侧固定菜单
最近做一个电商的站,有一个页面需要显示一个三级菜单,根据客户需求,最好是把菜单固定在顶部导航栏左侧,当鼠标悬浮上面时,才显示一级菜单,当鼠标悬浮一级菜单时,显示二级菜单。大概的需求跟京东的左侧菜单类似。 网上有很多的例子,而且做的很精美。但是很多例子往往引用了很多插件,我只要一个菜单,可不想引用N多的文件。 大概要的效果如下图所示: 为了方便而且原创 2017-07-27 13:24:29 · 900 阅读 · 0 评论 -
判断一个元素节点无内容时,清除其占位
最近在修改一个被人已经修改过ecshop商城前端,在布局上遇到一个比较好玩的事情。我把问题描述一下。 在商品页面那里有个商品属性介绍栏,大概的布局是这样的。 根据上面的要求,这些属性是由后台自由添加的。但是这出现一个小问题,就是当删除中间的属性的时候,例如删除“商品品牌”,商品品牌的位置会依然占着,设想一下,假如这里的属性删除,那里的属性也原创 2017-05-17 19:35:11 · 845 阅读 · 0 评论 -
有序列表的合并(由C转为JavaScript实现)
最近翻回《数据结构(C语言)》第二版----严蔚敏的教材书来看看,准备复习一下数据结构方面的知识。由于,以后走前端的方向,看到里面的算法,就情不自禁想用JavaScript来实现。今天,就写了一个关于有序列表的合并的JS代码。 书本的题目是: A = 3,5,8,11 B = 2,6,8,9,11,15,20 合并后:2,3,5,6,8,8,9,11,11原创 2017-04-06 21:35:11 · 769 阅读 · 1 评论 -
深入浅出的javascript的正则表达式学习教程
转载地址:http://www.cnblogs.com/tugenhua0707/p/5037811.html深入浅出的javascript的正则表达式学习教程阅读目录了解正则表达式的方法了解正则中的普通字符了解正则中的方括号[]的含义理解javascript中的元字符RegExp特殊字符中的需要转义字符了解量词贪婪模式与非贪婪模式讲解理解正则表达式匹配原理转载 2017-03-26 18:18:46 · 375 阅读 · 0 评论 -
消除mouseover或mouseout重复触发事件
通常会在商品的展示图,设置一些鼠标悬浮事件。当鼠标悬浮在商品图片时,会触发一些时间,出现商品信息框或则商品图片发生变化,当鼠标离开商品图片时,图片恢复原状。最近在做类似的事情,由于不能使用就Query,(不能用jQuery,我也很无奈。。)于是自己写了原生的JS来实现一些mouseover和mouseout事件,但是,测试时发现了一些问题。商品的展示图的HTM代码如下所示:原创 2017-03-19 21:18:52 · 4703 阅读 · 0 评论