笔记

iamlqy

iamlqy|商品价格加减计算

发布于 昨天 21:11 浏览:26 类型:原创 - 教程 分类:JavaScript 举报

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>传参</title><script>window.onload=function(){varoUl=document.getElementById('list'); ...

sirius周周

sirius周周|简单大气的jQuery全屏滚动监听效果

发布于 昨天 15:06 浏览:102 类型:原创 - 教程 分类:JavaScript 举报

复制以下代码到编辑器浏览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head> ...

三,FormData對象(知識點主要來源於關於FormDataAPI)摘自上面來源,分析的挺好,我就無恥得搬下來了Web前沿——HTML5FormData對象的使用(直接看這個有點蒙圈,建議先看API再看這個實戰代碼好點,我就是踩過坑的人...╮(╯▽╰)╭)關於FormDataXMLHttpRequestLevel2添加了一個新的接口----FormData利用 ...

二,FileAPI(知識點主要來源於關於FileAPI)在之前我们操作本地文件都是使用flash、silverlight或者第三方的activeX插件等技术,由于使用了这些技术后就很难进行跨平台、或者跨浏览器、跨设备等情况下实现统一的表现,从另外一个角度来说就是让我们的web应用依赖了第三方的插件,而不是很独立。為了解救上面說到的問題,F ...

GitHub上的地址为https://github.com/SheetJS/js-xlsx。网上有很多导出表格的插件,很多都是按照页面上的table样式导出的,简单易学,但是不实用。可以看一下这款插件导出表格的效果其优点是可以自定义样式,标题,合并单元格等,最重要一点是它操作的是数据,而不是像好多插件是通过解析dom结构导出表格,它只要将原始 ...

sirius周周

sirius周周|three.js入门小程序

发布于 前天 09:29 浏览:89 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><scriptsrc="//cdn.bootcss.com/three.js/r83/three.js"></script><scriptsrc="//cdn.bootcss.com/stats.js/14/Stats.min.js"></script><scriptsrc="//cdn.bootcss.com/dat-gui/0.6.2/dat.gu ...

漫步未来

漫步未来|原生JS实现幻灯片

发布于 3 天前 浏览:187 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><styletype="text/css">*{padding:0;margin:0;}li{list-style:none;}.box{width:800px;height:450px;margin:50pxauto; ...

与我们常见的很多语言不同,JavaScript函数中的this指向并不是在函数定义的时候确定的,而是在调用的时候确定的。换句话说,函数的调用方式决定了this指向。  JavaScript中,普通的函数调用方式有三种:直接调用、方法调用和new调用。除此之外,还有一些特殊的调用方式,比如通过bind()将函数绑定到对象之后再 ...

漫步未来

漫步未来|无缝滚动图(高级版)

发布于 3 天前 浏览:187 类型:原创 - 教程 分类:JavaScript 举报

这个版本可以控制左右滚动,鼠标点击对应的广告会自动滑动把广告完全展示出来。还实现了记录当前滚动的方向,当鼠标离开,接着继续滚动!!!html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><styletype="text/css">*{margin:0;padding:0;}l ...

sirius周周

sirius周周|jquery实现数字输入框

发布于 3 天前 浏览:134 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scripttype="text/javascript"charset="utf-8"src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script></head><style>#reduce,#add{width:50px;height:50px;text-align:center;lin ...

骄傲的大花猫

骄傲的大花猫|JQ实现点赞按钮

发布于 3 天前 浏览:153 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"/><title>jQuery仿直播app按钮点赞特效</title><styletype="text/css">img{width:20px;height:20px;position:absolute;bottom:100px;left:50%;margin-left:-10px;}.btn{width:100px;height:30px;border:0;bac ...

fanbuxie

fanbuxie|jQuery性能优化 (转载QQ兴趣部落)

发布于 3 天前 浏览:76 类型:转载 - 教程 分类:JavaScript 举报

一、选择器性能优化建议1,最快的选择器:id选择器和元素标签选择器(尽量使用ID代替Class)这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。2,使用匈牙利命名法在变量前加$前缀,便于识别出jQuery对象。//糟糕varfirst=$('#first');varsecond=$('#second');varvalue=$fi ...

fanbuxie

fanbuxie|HTML5 DOM拓展

发布于 3 天前 浏览:57 类型:原创 - 教程 分类:JavaScript 举报

javascript代码/*querySelector()方法接收一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null*/varoDivs=document.querySelector("#div1");//取得ID为“div1”的元素varoBodys=document.querySelector("body");//取得body元素var ...

骄傲的大花猫

骄傲的大花猫|HTML5文字矩阵效果

发布于 3 天前 浏览:167 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>HTML5文字矩阵效果</title></head ...

jestin

jestin|Vue.js——vue-router 快速入门

发布于 4 天前 浏览:154 类型:转载 - 教程 分类:JavaScript 举报

概述vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。http://bl ...

nick906

nick906|省市区三级联动

发布于 5 天前 浏览:149 类型:原创 - 教程 分类:JavaScript 举报

演示见链接:省市区三级联动代码:html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>省市区三级联动</title></head><body><form><selectid="province"><option>请选择省份</option></select><selectid="city"><option>请选择城市</option></select><select ...

漫步未来

漫步未来|原生JS实现《别踩白块》游戏,兼容IE

发布于 5 天前 浏览:1155 类型:原创 - 教程 分类:JavaScript 举报

兼容了IE,每得20分就加速一次!!!html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><style>*{margin:0;padding:0;}.box{margin:50pxauto0auto;width:400px;height:auto; ...

llandpp

llandpp|高程3 你不知道的JavaScript jQuery 学习笔记

发布于 7 天前 浏览:180 类型:原创 - 教程 分类:JavaScript 举报

刚开始学习手写笔记字丑了点高清原版可以去我的个人主页下载https://natsumef.github.io/my-photo可以转载哟不过请注明转载地址哟!~ ...

分界线

分界线|ajax参数传递之[HttpGet]/[HttpPost]/[HttpPut]/[HttpDelete]请求

发布于 2017-02-16 16:25:03 浏览:149 类型:转载 - 教程 分类:JavaScript 举报

html代码效果预览<script>window.onload=function(){window.parent.document.querySelector('.btn_codeblock_fullview').click();}</script><iframewidth="100%"height="100%"src="http://www.cnblogs.com/shy1766IT/p/5237164.html"></iframe> ...

一,XMLHttpRequest對象(知識點主要來源於XMLHttpRequest)(已經熟悉的人也直接跳過這一章節吧)摘要無恥的照搬了:XMLHttpRequest對象用於在後台與服務器交換數據。您能夠:在不重新加載頁面的情況下更新網頁在頁面已加載後從服務器請求/接收數據在後台向服務器發送數據並且所有現代的瀏覽器都支持XMLHttpRequest ...