
前端
WencoChen
这个作者很懒,什么都没留下…
展开
-
购物车动画实现原理
想要做一个简单的购物车添加动画,但是又不想使用插件去完成,可以使用该段代码,每节代码都添加了比较详细的注释,应该通俗易懂!大致思路:1、给添加按钮绑定一个点击事件; $(selector).on('even',function(){});2、克隆一个商品图片(不...原创 2018-07-25 09:14:25 · 1281 阅读 · 1 评论 -
解决使用ajaxfileuplod后$.change()只执行一次的问题
问题:当使用jquery ajaxfileupload插件之后会出现如下事件只执行一次的'bug'$('input[type="file"]').click(function() { ...})原因:这并不是一个bug,你以为change事件失效了,其实并没有,而是当ajaxfileupload插件在进行操作之后会用一个新的input替换原来的input,之前change事件绑定的元...原创 2019-03-26 13:31:57 · 581 阅读 · 0 评论 -
使用ajax优雅快捷地提交表单
在使用ajax提交表单的时候很多人会采用下面的方式:<input type='text' name='name'><input type='text' name='age'><input type="button" onclick='submit_form()' value="提交">...<script>submit_form() {...原创 2019-02-19 15:07:18 · 325 阅读 · 0 评论 -
好用的前端插件合集(持续更新)
1.pdf.js功能:在线预览pdf文件简介:构建好插件后,在web网页上新建一个ifrme,按要求配置src即可在线预览站点上的pdf。Github:https://github.com/mozilla/pdf.js2.ckplayer功能:网页播放视频简介:官网有非常详细的使用手册,功能强大gitee:https://gitee.com/niandeng/ckplayerX/3...原创 2018-12-07 23:04:50 · 1131 阅读 · 0 评论 -
JS中var、let、const定义的变量有何异同
1. let添加了块级作用域我们知道,JavaScript是没有块级作用域的,如果在块内使用var声明一个变量,它在代码块外面仍旧是可见的:if (true) { var foo = 3;}console.log(foo); // 3for (var i = 0; i < 9; i++) { var j = i;}console.log(i); ...转载 2018-12-02 21:20:14 · 268 阅读 · 0 评论 -
href与src的区别
不管你是前段工程师还是后端工程师,对HTML中的href与src肯定都不会感到陌生,但是你知道它们之间的区别吗?哪些标签应该用href又有哪些标签应该用src呢?hrefhref 全称:Hypertext Reference(超文本引用)。常用于link, a标签中,例如:<a href="http://www.baidu.com...原创 2018-11-05 17:07:36 · 1035 阅读 · 2 评论 -
详谈js对url进行编码和解码(三种方式的区别)
今天在项目中发现一个bug,原作者本意是提取url中的某段信息与一已知信息进行比较,如果成立则执行相应代码。找来找去发现逻辑并没有问题,但是前段样式并没有改变,通过控制台打印提取出来的结果,发现是一段UTF8加密的文字,最后进行相应的解码代码才生效。Javascript语言用于编码的函数,一共有三个,最古老的一个就是escape()。虽然这个函数现在已经不提倡使用了,但是由于历史原因,很多地...转载 2018-11-05 15:34:43 · 2131 阅读 · 0 评论 -
javascript中(function(){})($)与$(function)的区别
目录1. (function(){}())与(function(){})()2. 第二类是$(function(){});之前一直没弄清楚这两者的区别,只是发现多个(function(){})($)之间定义的方法是可以互通的,以为这个会比较好,实际运用中发现并不是这么简单的。1. (function(){}())与(function(){})()这两种写法,都是一种立即执行函数的写法,即...转载 2018-09-26 14:04:03 · 16461 阅读 · 0 评论 -
js检测浏览器Flash版本
项目上有在线播放视频的需求,偏偏视频格式还是flv,而且以后还是会坚持使用flv。。。。。。更可气的是公司上传的flv编码格式还不被B站大神写的flv.js所支持,这就没办法了,虽然Flash被弃用早已是大势所趋,但是没办法,人为障碍是跨不过去的,只好请出Flash了~使用js检测用户是否安装了Flash,而且可以检测出用户当前Flash版本:function flashChecker(...转载 2018-09-10 14:45:10 · 559 阅读 · 0 评论 -
移动端页面宽度自适应
一般出的设计图都是宽度为750px的标准图,但是各种手机的型号不同,屏幕尺寸也不尽相同,难道还得手动算出各部分尺寸,然后用百分比布局?当然不用,一段js代码实现屏幕尺寸自适应,在编写的时候就可以直接使用绝对尺寸而不用担心屏幕尺寸改变而影响布局了! <script type="text/javascript"> var phoneWidth = ...原创 2018-08-30 07:55:05 · 2103 阅读 · 0 评论 -
npm install -g 全局安装总是出现permission权限问题的解决方案
问题:想用npm全局安装一个包,出现类似如下一个错误:npm ERR! Please try running this command again as root/Administrator.解决方案:1:使用管理员命令,如ubuntu的sudo (不推荐)2:将npm的global package安装路径放入到当前用户的home目录下,避免使用sudo,一样可以安装global的np...原创 2019-04-08 13:40:45 · 2220 阅读 · 0 评论