文档章节

JS 工作日常整理

宇哥v587
 宇哥v587
发布于 2017/09/09 16:34
字数 478
阅读 9
收藏 0
点赞 0
评论 0

/**点击删除*/
btn_delete : function() {                //因为是动态添加,所以该方法要在动态添加  html 的代码之后调用。每添加一次便为其绑定一次点击删除父标签的事件。
         $('.deleteImg').each(function(){    //因为多个 img 的 class 为 deleteImg,所以 $('.deleteImg')是一个数组,需要用 .each 方法遍历
           var that = this;                //that 是一个对象,$(that)是一个元素,.parent() 是一个方法。
            $(that).click(function() {
            $(that).parent().remove();
              });
          })
},

            
// 删除图片
$("#addUploadImg").on('click', 'img.deleteImg', function() {//因为是动态添加,所以要让其父类代理 为其绑定 点击删除父标签的方法。 
        $(this).parent().remove();
        $('#uploadBtn').css('pointer-events', 'initial');
});


//点击小图变大图
$('#addUploadImg').on('click','div',function(){
        layer.photos({
             photos: '.layer-photos-demo',
             anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
         });
});

// 初始化layer相册层
    var item = $('#addUploadImg').find('.uploadImg');    //由于初始化后需要点击两次才能触发点击事件,所以要在动态添加  html 的代码之后让其自动触发一次点击事件。
          if(item.length>0){
                item.eq(0).click();
        }
        
因为上面 layer.photos 方法使用代理为动态添加的html绑定,而 layer.photos 本身就使用了代理的方法。
所以建议直接在动态添加  html 的代码之后调用 :
    layer.photos({
             photos: '.layer-photos-demo',
             anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
         });


//限制图片上传次数
                                 if ($(".uploadImg").length >= 6) {
                                     $('#uploadBtn').css('pointer-events', 'none');
                                     layer.msg('只可上传六张图片文件!');
                                         layer.close(index);
                                 }


                        /*$('#bannerList').html(html);
                        var mySwiper = new Swiper('.swiper-container',{
//                            autoplay : 4000,//可选选项,自动滑动
                            loop : true,//可选选项,开启循环
                            pagination:".pagination",
                             paginationClickable:true,//实现小圆点点击
                             autoplayDisableOnInteraction:false,//在点击之后可以继续实现轮播
                             mousewheelControl : true,//能使用鼠标滚轮控制slide滑动。
                        });*/

var a = "abc";
!a = false;
!!a = true;
类似于 Boolean(a);

Number(10).toFixed(2); // 10.00

© 著作权归作者所有

共有 人打赏支持
宇哥v587
粉丝 1
博文 45
码字总数 20855
作品 0
南京
程序员
WEB前端开发学习:你思考过为什么JavaScript计算浮点数不准确吗?

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行...

web前端小辰 ⋅ 06/03 ⋅ 0

JavaScript 如何打败众语言,成为 Node 的实现语言?

Node.js 是一种将 JS 放在服务器端实现的平台,而为什么要把js放到服务器端实现,JS 最初设计是在浏览器端解释执行,后来为什么搞Node.js 把他放在服务器端执行呢? 关于这个问题,近日有网友...

达尔文 ⋅ 04/21 ⋅ 0

黑客也乌龙 上传恶意文件时无意泄露两个 0-day,被研究人员抓个正着

  一个未知的黑客组织在向公开恶意软件扫描引擎上传一个用于攻击的 PDF 文件时,无意间泄露了两个 0-day 漏洞。漏洞被研究人员捕获,并及时上报给厂商修复。       漏洞被发现时还未完...

FreeBuf ⋅ 05/16 ⋅ 0

web前端工程师为什么要学习JavaScript?

因为你已别无选择, 就像吃饭要用嘴巴, 走路要用双腿一样! 学会JAVA你会找到一份工作, 但学会JavaScript你总会找到一份工作! JS虽然可以写前端, 但JS居然也可以写后端, 甚至还可以写客...

张培跃 ⋅ 06/02 ⋅ 0

还在找什么,JavaScript的异步编程解决方案全在这里了

阿里巴巴前端工程师逸翾对JavaScript中的异步编程进行了详细讲解。JavaScript的特点就是单线程,本文首先对单线程异步的原理进行了解读,接着着重分析了JavaScript异步解决方案,详述了Callb...

云迹九州 ⋅ 04/28 ⋅ 0

如何有效实现前端压缩图片并上传功能

  随着现在手机的像素越来越高,很多照片动辄几兆甚至十几兆,上传后在服务器端压缩已经越来越不能满足当今的需求。这对于许多技术人员来说,处理起来这样的问题往往不知道该怎么下手,那么...

燚轩科技 ⋅ 04/23 ⋅ 0

CSS-in-JS,向Web组件化再迈一大步

简介 CSS-in-JS是什么,看到这个词就能大概猜到是在JavaScript里写CSS,那为什么要在JavaScript里写CSS呢,像之前一样写在css文件里哪里不好么? 在介绍这个概念之前,先来回顾一下在日常编写...

ThoughtWorks中国 ⋅ 04/04 ⋅ 0

JavaScript 和服务器端方向推荐书单(附简评)

我一直以来读书是获取知识最好的方式,很长时间以来,我都在博客维护了一个 推荐书单,最近又做了一些整理,为每本书都添加了简评,希望能对大家有帮助,当然如果能用我的推广链接购书就再好...

eapxuo ⋅ 02/09 ⋅ 0

WEB前端学习JS灵魂之问:JS为什么是单线程的?

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行...

web前端小辰 ⋅ 05/27 ⋅ 0

2018 开发者生态报告:Java 最流行,Go 最有潜力

JetBrains 刚刚发布了 2018 开发者生态报告,该报告包含开发人员对各种编程语言以及数据库和团队工具的偏好。最终,和去年一样,Java 被评为最流行的语言,JavaScript 是最常用的语言,而 Go...

王练 ⋅ 06/08 ⋅ 19

没有更多内容

加载失败,请刷新页面

加载更多

下一页

来自一个优秀Java工程师的简历

写在前面: 鉴于前几天的一份前端简历,虽然带着很多不看好的声音,但却帮助了很多正在求职路上的人,不管评论怎么说,我还是决定要贴出一份后端的简历。 XXX ID:357912485 目前正在找工作 ...

颖伙虫 ⋅ 14分钟前 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

PXE/KickStart 无人值守安装

导言 作为中小公司的运维,经常会遇到一些机械式的重复工作,例如:有时公司同时上线几十甚至上百台服务器,而且需要我们在短时间内完成系统安装。 常规的办法有什么? 光盘安装系统 ===> 一...

kangvcar ⋅ 昨天 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 昨天 ⋅ 0

Java Done Right

* 表示难度较大或理论性较强。 ** 表示难度更大或理论性更强。 【Java语言本身】 基础语法,面向对象,顺序编程,并发编程,网络编程,泛型,注解,lambda(Java8),module(Java9),var(...

风华神使 ⋅ 昨天 ⋅ 0

Linux系统日志

linux 系统日志 /var/log/messages /etc/logrotate.conf 日志切割配置文件 https://my.oschina.net/u/2000675/blog/908189 logrotate 使用详解 dmesg 命令 /var/log/dmesg 日志 last命令,调......

Linux学习笔记 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部