原声JavaScript实现滚动条·改1

修正了获取元素相对视口左距离的逻辑问题(之前的函数实际获取的是相对于页面左距离).去除了调试时忘记删除的mouseleave事件.将创建滚动条的功能单独列为一个函数. 添加了鼠标点在滚动条什么位置,就立即卷动到什么位置的功能:添加了键盘左右键滚动的功能(滚动距离为一个内容页面) <!DOCTYPE html> <html> <head> <title>A demo</title> <meta http-equiv="content…

javascript自定义滚动条插件，几行代码的事儿

在实际项目中,经常由于浏览器自带的滚动条样式太戳,而且在各个浏览器中显示不一样,所以我们不得不去实现自定义的滚动条,今天我就用最少的代码实现了一个自定义滚动条,代码量区区只有几十行,使用起来也非常方便. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title…

比较原声socket 、GCDAsyncSocket

原声socket NSInputStream 输入流(OC)NSOutputStream 输出流(OC)1:通过c语言的输入输出流CFReadStreamRef/CFWirteStreamRef(输入/输出流),IP地址,端口号,连接服务器.2:c语言输入输出流,强转oc输出输入流,3:通过给oc输入输出流,添加代理.添加到主运行循环.开启.4:监听连接状态,输入,输出流状态 ---->创建连接 ---->监听状态 ---->写入数据 ---->读取数据 =============…

关于ios原声嵌入web页面的问题

当在一个界面中既有原生又有web的时候,如果想让上下整体滑动的话,我们怎么确定web的高度呢,下面分享一下我的心得首先在webView的代理方法中我们可以获取到加载完整个web页面的高度 - (void)webViewDidFinishLoad:(UIWebView *)webView{ if (_scrIndex) { _rowHeight = webView.scrollView.contentSize.height; _scrIndex = NO; [_tableView reloadD…

大D实例化model-->调用自定义类方法,大M调用原声model方法

class ContactsModel extends Model{ public function addxxx(){ } } $conmodel = D('contacts','Model'); $conmodel->addxxx() 默认去contactsModel类中查找方法addxxx(),无法匹配大写的ContactsModel类 (区分大小写) 查不到的时候.去原声use Think\Model;中查找这个方法…

移动WEB模拟原声APP滑动删除

移动WEB模拟原声APP滑动删除效果代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模拟App滑动删除</title> <meta name="viewport" content="width=device-width, initial-scale=1.0,…

matrix-gui-2.0 将javascript文件夹改成js文件夹

/******************************************************************************** * matrix-gui-2.0 将javascript文件夹改成js文件夹 * 说明: * 今天在测试的matrix-gui-2.0的时候总是找不到javascript中的js文件,直接访问也 * 提示没有权限索性直接将javascript文件夹名字修改为js,结果可以访问了,好像这个问 * 题之前有遇到过,没有去解决. * * 2…

node.js 安装方法以及用原声搭建服务器

node.js 安装方法: 第一步: 64位的安装包网址: https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi 第二步: 进入命令提示框输入 : node -v (检测 node 版本号 ) ctrl + c c ( 退出当前 node 执行环境) 第三步: 安装淘宝镜像,进入命令提示框输入指令: npm install -g cnpm --registry=https://registry…

【原】javascript最佳实践

摘要:这篇文章主要内容的来源是<javascript高级程序设计第三版>,因为第二遍读完,按照书里面的规范,发觉自己在工作中没有好好遵守.所以此文也是对自己书写js的一种矫正. 1.可维护性 1.1 可理解性——其他人可以接手代码并理解它的意图和一般途径,而无需原开发人员的完整解释. 直观性——代码中的东西一看就能明白,不管其操作过程多么复杂. 可适应性——代码以一种数据上的变化不要求完全重写的方法撰写. 可扩展性——在代码架构上已考虑到在未来允许对核心功能进行扩展. 可调试性——当有地方出错…

【原】javascript数组操作

继续我的第二遍<javascript高级程序设计第三版>,今天要做的笔记是array 一.数组的操作 1.数组的创建: var colors= new Array(); //创建一个数组 var colors = new Array(20); //创建一个数组并指定长度 var colors = new Array("red","blue","green"); //创建一个数组并赋值 airbnb的规范建议,我们在创建数组的时候,最好…

Java抓取网页数据（原网页+Javascript返回数据）

有时候由于种种原因,我们需要采集某个网站的数据,但由于不同网站对数据的显示方式略有不同! 本文就用Java给大家演示如何抓取网站的数据:(1)抓取原网页数据:(2)抓取网页Javascript返回的数据. 一.抓取原网页. 这个例子我们准备从http://ip.chinaz.com上抓取ip查询的结果: 第一步:打开这个网页,然后输入IP:111.142.55.73,点击查询按钮,就可以看到网页显示的结果: 第二步:查看网页源码,我们看到源码中有这么一段: 从这里可以看出,查询的结果,是重新请求…

【原】javascript笔记之Array方法forEach&map&filter&some&every&reduce&reduceRight

做前端有多年了,看过不少技术文章,学了新的技术,但更新迭代快的大前端,庞大的知识库,很多学过就忘记了,特别在项目紧急的条件下,哪怕心中隐隐约约有学过一个方法,但会下意识的使用旧的方法去解决,多年前ES5几个新增的数组方法,好用但是常忘记用,趁着这周比较清闲,重温下并做下笔记,养成记笔记的好习惯. forEach map filter some every reduce reduceRight forEach forEach是ES5的Array方法中用得最频繁的一个,就是遍历,循环输出,它接受一个…

javascript实现滚动条滚动加载内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>demo</title> <…

【转】Selenium 利用javascript 控制滚动条

http://luyongxin88.blog.163.com/blog/static/92558072011101913013149/ < xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" /> 在工作中,遇到这样的问题,注册时的法律条文需要阅读,判断用户是否阅读的标准是:滚动条是否拉到最下方.以下是我模拟的2种情况: 1. 滚动条在上方时,点击su…

javascript 获取滚动条高度+常用js页面宽度与高度

/******************** * 取窗口滚动条高度 ******************/function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.documentElement.scrollTop; } else if(documen…

【原】javascript事件流

摘要:事件流这个东西是比较重要的,为了让自己更加理解js中的事件流,必须整理整理,梳理一下事件流的各种东西啊.本文大部分内容参考<javascript高级程序设计第三版> 先来一段书里的原文: 当浏览器发展到第四代时(IE4和Netscape Communicator 4),浏览器团队遇到一个很有意思的问题:页面的哪一部分会拥有特定的事件?想象下在一张纸上有一组同心圆,如果你把手指放在圆心上,那么你的手指指向的不是一个圆,而是一组圆.两家公司的开发团队在看待浏览器事件方面还是一致的.如果你单击…

原生JavaScript实现滚动条

没事找事,明明overflow:scroll|auto就可以,只是难看点(实际上css也能设置).只当练习写拖拽.监听事件.位置检测了. 原理是对滑动条块进行监听,按下鼠标按键后,监听鼠标移动,然后根据滑动条块移动的百分比算出滚动区域的滚动程度,用marginLeft进行滚动.具体的写在注释里. 整体弄成了一个对象,防止各种乱七八糟的数据污染全局变量.另外,对象内部调用的函数也都写到了对象构造函数的里面,由于对象作用域链的原理,外部无法进行调用,防止不小心在外部调用. <!DOCTYPE htm…

【原】javascript执行环境及作用域

最近在重读<javascript高级程序设计3>,觉得应该写一些博客记录一下学习的一些知识,不然都忘光啦.今天要总结的是js执行环境和作用域. 首先来说一下执行环境一.执行环境书上概念,执行环境定义了变量或者函数有权访问的其他数据,决定了他们各自的行为.每个执行环境都有一个与之关联的变量对象.环境中定义的所有变量和函数都保存在这个对象中.虽然我们在编写代码的时候无法访问这个对象,但解析器在处理数据时会在后台用到它. 执行环境是一个概念,一种机制,它定义了变量或函数是否有权访问其他数据在j…

拖拽碰撞--原声js(自身理解上新的方法)

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> div{width:100px; height:100px; } #box{background:red; position:absolute; } #box1{background:green;position:absolute;top:3…

javascript 获取滚动条高度+常用js页面宽度与高度（转）

/******************** *获取窗口滚动条高度 ******************/ function getScrollTop() { var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.documentElement.scrollTop; } else if(document.body) { scrollTop=d…

原声js 五子棋源码

Welcome to use MarkDown <style type="text/css"> .box{ width: 600px; height: 600px; background: url(img/bak.jpg) no-repeat; background-size: cover; margin: 30px auto; border: 1px solid #000000; } </style> <div class="box"…

【原】javascript笔记之this用法

javascript中的this学习起来相对复杂,最近花了点时间研究,总结起来大概这只有5种情况,相信只要熟悉这5种用法,基本是可以解决所有的this问题,文本不介绍this设计原理,只介绍用法,阅读本文,你需要了解javascript执行上下文环境,博主写这种文章的目的,主要还是给自己做下笔记,后续也会输出javascript的学习笔记. 全局代码中的this & 调用普通函数中的this & this作为对象的属性值构造函数中的this 原型链中this 函数作为对象的一个属性被调用…

javascript控制滚动条的位置，获取控件的位置

一.如下是定位鼠标在视窗中的位置,先定位视窗和页面直接的距离. function getMousePoint() { var point = {x:0,y:0}; // 如果浏览器支持 pageYOffset, 通过 pageXOffset 和 pageYOffset 获取页面和视窗之间的距离 if(typeof window.pageYOffset != 'undefined') { point.x = window.pageXOffset; point.y = window.pageYOff…