笔记

gxls_hzw

gxls_hzw|初级小虾米

发布于 昨天 22:11 浏览:12 类型:原创 - 随笔 分类:HTML/CSS 举报

新手前端,前来学习,来向各位大侠领取经验了,快来教教小弟新手前端,前来学习,来向各位大侠领取经验了,快来教教小弟新手前端,前来学习,来向各位大侠领取经验了,快来教教小弟 ...

pomelott

pomelott|html5 利用谷歌地图显示当前位置

发布于 昨天 20:03 浏览:30 类型:原创 - 随笔 分类:HTML/CSS 举报

html5利用谷歌地图显示当前位置文章在博客中,链接:http://www.cnblogs.com/pomelott/p/6623807.html ...

xu1101867009

xu1101867009|js-cookie存取

发布于 昨天 18:57 浏览:22 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><title>标题</title><metaname="keywords"content=""><metaname="description"content=""></head><style>#btn{font-size:50px;}form{width:300px;margin:10pxauto;display:none;}</style><body><ahref="javascript:"id="btn" ...

老姚

老姚|【数据结构】集合

发布于 昨天 18:56 浏览:14 类型:原创 - 随笔 分类:JavaScript 举报

学习数据结构目的是什么?也许只是为了不矮科班出身同事一头。也许只是为了应付常见的面试题。也许项目中真的会遇到。对于个人来说,只是无聊,敲点代码记录一下而已。动机有了,对策呢?把《学习JavaScript数据结构与算法》一书中的代码敲一遍应该就没啥问题了。书比较薄,178页,加油!书籍配套源码地址是:http ...

老姚

老姚|【数据结构】链表

发布于 昨天 18:07 浏览:11 类型:原创 - 随笔 分类:JavaScript 举报

学习数据结构目的是什么?也许只是为了不矮科班出身同事一头。也许只是为了应付常见的面试题。也许项目中真的会遇到。对于个人来说,只是无聊,敲点代码记录一下而已。动机有了,对策呢?把《学习JavaScript数据结构与算法》一书中的代码敲一遍应该就没啥问题了。书比较薄,178页,加油!书籍配套源码地址是:http ...

we1312331

we1312331|Webpack篇

发布于 昨天 17:47 浏览:19 类型:原创 - 随笔 分类:HTML/CSS 举报

开始着手项目打包的一些东西,还不是特别懂,一边学习,一边做笔记好啦。1.webpack的概念。Webpack是当下最热门的前端资源模块化管理和打包工具。任何形式的资源都可以视作模块,通过loader的转换。2.webpakc的安装。(1)在Node.js  用npm全局安装Webpack:  npminstallwebpack-g      通过webp ...

fantasy525

fantasy525|gulp笔记二:使用amd-optimize插件合并requirejs

发布于 昨天 17:25 浏览:10 类型:原创 - 随笔 分类:JavaScript 举报

这两天一直在琢磨怎么用gulp的插件amd-optimize来合并requirejs因为不合并的话一个页面的请求实现有点多项目目录如下index.html内容如下html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>主页</title></head><body><ahref="page1.html">GotoPage2</a><script ...

jenn89

jenn89|焦点图各功能实现

发布于 昨天 14:34 浏览:45 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!doctypehtml><html><head><scriptsrc="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(function(){varn=1;vardir=1;/*向左播放*/functionrunL(){div=1;if(n<6){n=n+1;}else{n=2;$( ...

焦点图各功能实现
Undo

Undo|简易选项卡

发布于 昨天 12:30 浏览:45 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>选项卡</title><style>*{margin:0;padding:0;}.demo{width:606px;margin:30pxauto;}ul,li{li ...

对于angularJS我现在不做评价,现在大热的react和vue,都是前端组件化的方向,建议入门其中任意一个。今天我就来谈谈react的初步入门咯。简要介绍react,渲染视图的的一个javascript依赖库,不是一个MVC框架,保证组件代码的简单化,调试简单、开发简单详细信息:中文网(http://www.css88.com/react/docs/component-spe ...

你用过React吧?今天来谈谈初步入门的知识整理(组件化系列一)

AdobeDWCC2015对HTML5、CSS3、jQuery、jQueryUI都有很好的支持,无奈这个版本却未提供开发动态网站所需要的服务器行为面板、数据库面板以及绑定面板等。要添加这个面板,可通过以下步骤来实现。1.下载DMXzoneExtensionManagerforDreamweaver(DMXzone-Extension-Manager-Win.exe),网址为http://www.dmxzone.com ...

Undo

Undo|三种递归方式

发布于 昨天 09:24 浏览:30 类型:原创 - 随笔 分类:JavaScript 举报

1、通过函数名调用自身的递归functionsum(num){if(num>0){returnnum+sum(num-1);}else{ ...

lile2017

lile2017|三栏自适应宽度布局

发布于 昨天 08:28 浏览:54 类型:原创 - 随笔 分类:HTML/CSS 举报

1.绝对定位法:<divclass="left"></div><divclass="right"></div><divclass="center"></div>.left,.right{position:absolute;top:0;width:200px;}.left{left:0;}.right{right:0;}.center{margin:0210px;height:100%;}2.margin负值法:<divclass="center"><divclass="body"></div></div><divcla ...

lile2017

lile2017|三栏自适应宽度布局

发布于 昨天 08:20 浏览:30 类型:原创 - 随笔 分类:HTML/CSS 举报

1.左右两个div设置绝对定位和固定宽度,中间div设置margin(此处margin相对于浏览器)。2.<divclass="center"><divclass="body"></div></div>& ...

15727572247

15727572247|$(this)与this之间的区别

发布于 前天 21:54 浏览:58 类型:原创 - 随笔 分类:HTML/CSS 举报

$(this)与this的区别开始对这个问题很困惑与不解。究竟他们之间有着怎样的联系和区别呢?下面荣我慢道来:  相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢?  首先来看看JQuery中的$()这个符号,实际上这个符号在JQuery中相当于JQuery(), ...

differ_wy

differ_wy|【indexedDB】indexedDB初体验

发布于 前天 21:22 浏览:43 类型:原创 - 教程 分类:JavaScript 举报

任何一个新东西拿来的时候,我们关注的第一点是什么?定义。indexedDB:索引数据库。特点:本地离线存储,NoSql形式,持久化。用途:1,移动应用存储一些一般不会改变的数据到本地,节省带宽。2,状态保存这里我封装了一个idb对象,可以实现常见的:数据库创建(同时创建对象存储,为对象存储设置索 ...

15727572247

15727572247|原生js跑马灯与jQuery跑马灯

发布于 前天 20:11 浏览:87 类型:原创 - 随笔 分类:HTML/CSS 举报

今天因为工作原因,总结一套跑马灯的效果:js的跑马灯:varmainDeviceControlStatus=document.getElementById("mainDeviceControlStatus"),mainDeviceControlUl= ...

input输入框的change事件,要在input失去焦点的时候才会触发javascript代码效果预览$('input[name=myInput]').change(function(){...});在输入框内容变化的时候不会触发change,当鼠标在其他地方点一下才会触发用下面的方法会生效,inputjavascript代码效果预览$("#input_id").on('input',function(e){     ...

小柒_912

小柒_912|JS — 隔行换色的表格排序

发布于 前天 19:33 浏览:67 类型:原创 - 随笔 分类:JavaScript 举报

1、获取元素2、获取数据3、绑定数据4、隔行换色5、表格排序html代码效果预览<tablecellpadding="0"cellspacing="0"id="tab"><thead><tr><thclass="cursor">姓名</th><thclass="cursor">年龄</th><thclass="cursor">分 ...

小柒_912

小柒_912|JS — 排序的三种方法

发布于 前天 18:43 浏览:51 类型:原创 - 随笔 分类:JavaScript 举报

第一种:快速排序javascript代码效果预览varary=[1,2,3,5,47,86,9,24,77];functionquickSort(ary){if(ary.length<=1){returnary;}varcen=Math.floor(ary.length/2);varcenVal=ary.splice(cen,1)[0];varleft=[];varright=[];for(vari=0;i<ary.length;i++){varcur=ary ...