jquery

JQuery zTree exedit

廉价感情. 提交于 2021-02-15 01:54:41
/* * JQuery zTree exedit 3.5.13 * http://zTree.me/ * * Copyright (c) 2010 Hunter.z * * Licensed same as jquery - MIT License * http://www.opensource.org/licenses/mit-license.php * * email: hunter.z@263.net * Date: 2013-06-02 */ (function($){ //default consts of exedit var _consts = { event: { DRAG: "ztree_drag", DROP: "ztree_drop", REMOVE: "ztree_remove", RENAME: "ztree_rename" }, id: { EDIT: "_edit", INPUT: "_input", REMOVE: "_remove" }, move: { TYPE_INNER: "inner", TYPE_PREV: "prev", TYPE_NEXT: "next" }, node: { CURSELECTED_EDIT: "curSelectedNode_Edit", TMPTARGET_TREE: "tmpTargetzTree",

Select folder instead of single file - input

久未见 提交于 2021-02-14 18:44:13
问题 I want the input type to be folder and not a single file. How can I select a folder instead of just a single file. Also how can I then access each file in that selected folder. I tried this to select a folder but didn't work. I am on chrome. <input id="myInput" type="file" style={{visibility: 'hidden'}} webkitdirectory directory multiple/> 回答1: You are looking for the files property, which returns a filelist . Use length to get the number of files then use a for statement to do the same for

Select folder instead of single file - input

假装没事ソ 提交于 2021-02-14 18:35:52
问题 I want the input type to be folder and not a single file. How can I select a folder instead of just a single file. Also how can I then access each file in that selected folder. I tried this to select a folder but didn't work. I am on chrome. <input id="myInput" type="file" style={{visibility: 'hidden'}} webkitdirectory directory multiple/> 回答1: You are looking for the files property, which returns a filelist . Use length to get the number of files then use a for statement to do the same for

灵活使用 console 让 js 调试更简单

≡放荡痞女 提交于 2021-02-14 17:45:31
摘要: 玩转console。 原文: 灵活使用 console 让 js 调试更简单 作者: 前端小智 Fundebug 经授权转载,版权归原作者所有。 Web 开发最常用的就是 console.log ,虽然 console.log 占有一席之地,但很多人并没有意识到 console 本身除了基本 log 方法之外还有很多其他方法。 适当使用这些方法可以使调试更容易,更快速,更直观。 console.log() 在 console.log 中有很多人们意想不到的功能。虽然大多数人使用 console.log(object) 来查看对象,但是你也可以使用 console.log(object, otherObject, string) ,它会把它们都整齐地记录下来,偶尔也会很方便。 不仅如此,还有另一种格式化的: console.log(msg, values) ,这很像 C 或 PHP 中的 sprintf 。 console.log("I like %s but I do not like %s.", "Skittles", "pus"); 会像你预期的那样输出: > I like Skittles but I do not like pus. 常见的占位符 %o (这是字母 o,不是 0),它接受对象, %s 接受字符串, %d 表示小数或整数。 另一个有趣的是 %c

thinkjs升级到3.0后的图片上传

岁酱吖の 提交于 2021-02-14 15:28:16
似乎当thinkjs升级到3.0后,才接手了一个项目。只是在实际运用过程中,还是发现了与2.2的些许差别——今天先分享关于图片上传的一些问题。 1.上传文件,我们选择了jQuery的插件: http://www.jq22.com/jquery-info230 屡试不爽,各种好评。只是后来项目上线的时候,才发现保存在数据库的img都没有后缀名…… 这是什么情况。。。。。。原谅自己没仔细看数据库存的方式,只是从表面看见图片可以显示了就随意了,结果导致后来又坑了自己。检查了很久,还是从自身找问题吧,翻看thinkjs文档,有什么差距呢? 给接口的文件路径中缺少后缀名,导致接口返回过来的文件也就缺少了后缀! 那合理的解决办法呢? 1.接口修改一下方法?No,他们说这是一个公共方法,不能因为一个项目而更改接口; 2.我来修改方法,将完整的图片路径传给接口然后就ok了。 1.后台上传方法js: 1 async uploadAction() { 2 if (!think.isEmpty( this .file('uploadFile' ))) { 3 // 进行压缩等处理 4 let file = think.extend({}, this .file('uploadFile' )); 5 6 // 保存文件的路径 7 let savepath =think.ROOT_PATH + '/www

百度地图JS-API:点击地图获取经纬度

断了今生、忘了曾经 提交于 2021-02-14 06:12:07
1.引用百度地图引用js <%--这是百度的js--%> < script type ="text/javascript" src ="http://api.map.baidu.com/api?v=3.0&ak=这里是填写你在百度地图申请的秘钥,不是这串文字" ></ script > <%--这是引用个jq--%> <script type="text/javascript" src="jquery.min.js"></script> 2.创建input和div <!-- 这是地图的div --> < div id ="allmap" style ="width: 100%;height: 450px;" ></ div > <!-- 这是地址详情框 --> < input type ="text" id ="site" > <!-- 这是 经度 --> < input type ="text" id ="longitude" > <!-- 这是 维度 --> < input type ="text" id ="latitude" > 3.写功能js < script > // 百度地图API功能 var map = new BMap.Map( " allmap " ); var point = new BMap.Point(107.31612162513613,30

Zepto——简化版jQuery,移动端首选js库

怎甘沉沦 提交于 2021-02-13 22:49:38
转载请注明原文地址: https://www.cnblogs.com/ygj0930/p/10826054.html 一:Zepto是什么 Zepto最初是为移动端开发的js库,是jQuery的轻量级替代品,因为它的API和jQuery相似,而文件更小。 Zepto最大的优势是它的文件大小,只有8k多,是目前功能完备的库中最小的一个,尽管不大,Zepto所提供的工具足以满足开发程序的需要。 大多数在jQuery中常用的API和方法Zepto都有,Zepto中还有一些jQuery中没有的(移动端支持)。 因为Zepto的API大部分都能和jQuery兼容,所以用起来极其容易,如果熟悉jQuery,就能很容易掌握Zepto。。 二:Zepto和jQuery的差异 (1) jQuery 更多是在 PC 端被应用,因此,考虑了很多 低级浏览器的的兼容性 问题;而 Zepto .js则是直接 抛弃了低级浏览器的适配 问题,显得很轻盈; (2) Zepto .js在 移动端 被运用的更加广泛;更注重在移动端的使用 (3) jQuery 的底层是通过 DOM 来实现效果的, zepto .js 是用 css3 来实现的; (4) Zepto .js可以说是 阉割 版本的 jQuery 。 zepto比jQuery多了更多的移动端的 事件的支持,比如说tap, swipe……

JavaWeb的学习路线

╄→尐↘猪︶ㄣ 提交于 2021-02-13 18:55:59
简单的理解,javaweb就是网站设计。javaweb知识点分为前端技术,MySQL及jdbc,javaweb核心开发内容,阶段内容(项目)。前端技术有Html,Css,javascript,jquery和bootstrap。MySQL及jdba分为MySQL数据库回顾,jdbc开发回顾,连接池和dbutils。javaweb开发核心内容有Xml,Http及topmcat,serverlet,Request与response,cookie与session,Jsp技术,jdbc高级,Ajax开发,javaweb高级开发技术,Linux,Redis。 一、前端技术 1.Html 超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。(网站页面的布局,可以点开任意一个页面右键查看源代码,即可看到html的字样)超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。 2.CSS 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。简单说就是网页的样式制作。 3.Java Java一种直译式脚本语言

Animation in CSS

夙愿已清 提交于 2021-02-13 17:32:16
问题 I want to know how can you edit/modify the css so that it starts the animation when the user scrolls at the page where the whole animation or the skills bar in my case, is visible. The animation works but the problem I am facing is that it works on the load of the website, and when I get to the skills bar the animation has been already played and it is not there anymore. See the example below: https://drive.google.com/file/d/1ogZE87xoeJV4vbMkE7fBV068ERMzd8it/view This is an example, see how

HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站 (陈婉凌) 中文pdf扫描版

大兔子大兔子 提交于 2021-02-13 08:37:56
《HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站》以HTML与CSS为主,配合jQuery制作网页,并搭配jQueryMobile制作移动网页,通过具体的范例从基础到高级循序渐进地讲解。全书首先介绍了HTML5网页开发和CSS网页美化,只要按本书的顺序学习,就能够轻松掌握网页制作的方法;还介绍了目前热门的移动设备网页技术,读者无须学习复杂的程序,就能够轻松创建移动设备的网页;最后通过两个移动设备网页制作实例让读者进行实战练习,以加深理解。 本书是网页制作入门初学者的最佳工具书,同时也适合教师作为相关课程的教材使用。 《HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站》目录 第1篇 HTML5网页开发 第1章 HTML5基础入门 第2章 文字变化与排版技巧 第3章 HTML5表格与表单 第4章 HTML5多媒体素材的应用 第5章 网页存储Web Storage 第2篇 CSS网页美化 第6章 认识CSS样式表 第7章 CSS基本语法 第8章 CSS样式与排版 第9章 HTML5+CSS3综合应用 第3篇 jQuery与jQuery Mobile 第10章 认识jQuery与jQuery Mobile 第11章 jQuery Mobile UI组件 第12章 jQuery Mobile 事件 第13章 数据的保存与读取 第14章