js
文章平均质量分 54
果果爱吉他
一只奔波在路上的小前端
展开
-
jquery遍历给每个子元素绑定事件
代码如下:$(function(){ $('.evals>li').each(function(index){ $(this).on('click',function(){ $('.text').val($('.evals>li').eq(index).html()); }) })})each()以每一个匹配的元素作为上下文来执行一个函数。 配合$原创 2016-01-20 15:11:12 · 24809 阅读 · 1 评论 -
学习书籍
WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循序渐进的看书来学习javascript。 一. 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性、事件、方转载 2016-09-04 10:11:07 · 256 阅读 · 0 评论 -
sublime使用快捷键
ctrl+p 负责快速找到文本,@可以导航到单词ctrl+shift+p 命令模式,支持模糊查询,可迅速更改语法模式等ctrl+shift+d 复制单行产生多行游标的几种办法 ctrl+d//选中相同的单词,配合ctrl+k跳过,进而产生多行游标 alt+f3//多选-->多行游标 ctrl+a->ctrl+shift+l sh原创 2016-09-09 09:28:42 · 345 阅读 · 0 评论 -
认识HTML5的WebSocket
在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名为Socket.IO。一、什么是W转载 2016-01-31 10:17:28 · 288 阅读 · 0 评论 -
本文中,我们为大家收集了有关前端设计的9个非常有用的响应式框架。在过去的几年中响应式框架已经出现,如今它已经变得越来越普遍。因此,我们收集这些响应式框架来为您服务,希望当您在设计前端时这些框架能帮助到
本文中,我们为大家收集了有关前端设计的9个非常有用的响应式框架。在过去的几年中响应式框架已经出现,如今它已经变得越来越普遍。因此,我们收集这些响应式框架来为您服务,希望当您在设计前端时这些框架能帮助到您。转载 2016-01-12 13:58:19 · 530 阅读 · 0 评论 -
关于微信端分享页面的设置问题
一、//js接口var shareme;var urls = window.location.href;if(isWeiXin()){ var weifileref=document.createElement('script')//创建标签 weifileref.setAttribute("type","text/javascript")//定义属性type的原创 2016-01-11 17:25:59 · 5087 阅读 · 1 评论 -
使用highchart.js
使用highchar.js 注意内容script要写在body前,不然显示不了。html部分<div id="container_column" style="min-width: 310px; height:220px; margin: 20px auto 5px"></div><div id="container_line" style="min-width: 310px; height原创 2016-01-28 12:27:46 · 888 阅读 · 0 评论 -
移动端网页判断手指触摸滑动的方向
如今的应用也是越来越人性化,比如继续向上滑动或者向下滑动,加载更多内容,这些便捷的操作我们在网页中也可以实现,首先第一步就是判断用户手指触摸滑动的方向。判断用户手指滑动的方向,一种比较通用的解决方法就是,记录用户手指刚接触屏幕的位置,然后减去用户手指离开屏幕的位置,然后判断这个值的正负。$("body").on("touchstart", function(e) { e.pre转载 2016-01-08 17:33:48 · 3140 阅读 · 0 评论 -
JS移动客户端--触屏滑动事件
移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件touchstart: //手指放到屏幕上时触发touchmove: //手指在屏幕上滑动式触发touchend:转载 2016-01-08 10:35:03 · 369 阅读 · 0 评论 -
几个jquery小技巧
1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in the search field, the value.(example转载 2016-01-05 14:24:16 · 314 阅读 · 0 评论 -
获取css外部样式的方法及兼容代码
获取css全部样式的2种方法: 1.getComputedStyle(obj,false).color // 除IE之外的浏览器 2.obj.currentStyle.color // IE示例代码 function getStyle(obj,attr){ return obj.currentStyle?obj.currentStyl原创 2016-01-04 16:14:22 · 562 阅读 · 4 评论 -
querySelectorAll 方法相比 getElementsBy 系列方法有什么区别?
作者:简生链接:https://www.zhihu.com/question/24702250/answer/28695133来源:知乎著作权归作者所有,转载请联系作者获得授权。1. W3C 标准querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]。转载 2016-09-05 14:37:38 · 330 阅读 · 0 评论