使用Slip.js快速创建整屏滑动的手机网页

原文  http://segmentfault.com/blog/laopopo/1190000000708417

现在滑屏网页越来越多，比如我在搜狐视频就做了好几个，举个例子，可以用手机扫描以下的二维码访问：

搜狐视频客户端完美适配iOS8

之前写这样的页面可能还要纠结选择什么库，然后再写一堆 touch 的事件，再加上写样式写HTML，可能几个小时就这么过去，才算完成。

现在不一样了。

有了 Slip.js ，你只管写HTML，CSS，如果逻辑简单，一行JS代码就可以搞定，大大提升了开发的效率。不吹牛，上面的demo，不到半小时我就写好了。

具体怎么做呢？比如有个需求是：

 

我们有4个页面，每个页面有一张图片，每次手指滑动都切换一整屏。

首先看HTML：

<!doctype html> ... <script type="text/javascript" src="slip.js"></script> <body> ... <div id="container"> <div class="page page-1"><img src="img/1.png"></div> <div class="page page-2"><img src="img/2.png"></div> <div class="page page-3"><img src="img/3.png"></div> <div class="page page-4"><img src="img/4.png"></div> </div> </body>

再看CSS:

/* 按自己需要来定义吧，不写也没关系 */

最后看JS：

var container = document.getElementById('container'); var pages = document.querySelectorAll('.page'); var slip = Slip(container, 'y').webapp(pages);

就这么简单，可以查看 效果 。

搜狐视频客户端完美适配iOS8

解说：

  • Slip ：暴露到全局的方法，只要你引入 slip.js ，就可以得到这个实用牛逼的方法。

  • container : 被滑动的容器，里面是每个滑动页面。

  • 'y' : 页面滑动的方向，你也可以传入 'x' 。

  • webapp : 设置页面展现为全屏滑动页面的方法。

  • pages : 页面元素列表。

说好的一行代码搞定的：

Slip(document.getElementById('container'), 'y').webapp();

可以发现，上面的一行代码并没有定义 pages :

当 webapp 方法不传递参数的时候，Slip会获取 container 的直接子元素（儿子元素）作为 pages 。

至此，一个 全屏滑动网页 就完成了，难以想象的简单快速。我用半小时，你10分钟应该就可以。

当然： Slip.js 还有很多更强大的功能，比如你可以自己定义页面滑动时要做什么，PM看你完成的这么快，就给你加了很有意思的需求：

 

当页面滑动到最后一页的时候，刷新一下。。。

你只需要加几行代码就可以搞定：

Slip(document.getElementById('container'), 'y').webapp().end(function() { if (this.page === 3) location.reload(); });

看，是不是很简单，是不是还没来得及抱怨这个需求，就已经完成它了，是不是有种前所未有的快感。来看看 效果 吧。

搜狐视频客户端完美适配iOS8

注意：页数是从0开始的 ，所以上面的最后一页是3，而不是4。

如果你看到了这里还没离开，我想你对 Slip.js 应该还是至少有点兴趣的，那么你可以去 Github 关注它。

如果想迫切试用 Slip.js ，可以直接查看 文档 。

如果想要看看 Slip.js 如何实现，可以查看 源码 。

项目地址：http://binnng.github.io/slip.js/

gitub下载地址:https://github.com/binnng/slip.js/tarball/master

 

你可能感兴趣的:(js)

  • vue3+element plus 从入门开始 zxb11c C#.netcorevue.jsjavascript前端
    当你需要ChatAI服务但无法魔法或没有海外手机号码时，Chat8就是你的解决方案。我们基于OpenAi开发，所有用户内容都会加密，欢迎使用!点击使用:https://chat.chat826.com/#/register?bronk_on=3756711,安装nodejs环境安装包下载：http://nodejs.cn/download/https://nodejs.org/zh-tw/down
  • 若依项目中使用redis做缓存，引入工具类 Ferry. 缓存redisspringboot
    文章目录1.导入坐标2.yml配置redis3.redis配置文件RedisConfig4.Redis使用FastJson序列化5.redis工具类RedisCache6.如何使用redis工具类1.导入坐标org.springframework.bootspring-boot-starter-data-redis2.yml配置redisredis:#地址host:localhost#端口，默认为
  • wsdl调用 天很蓝_风很大 wsdl接口调用java
    packagea;importjava.io.IOException;importjava.util.ArrayList;importjava.util.HashMap;importjava.util.List;importjava.util.Map;importorg.alex.core.kit.SignUtils;importcom.alibaba.fastjson.JSON;importco
  • 读取hdfs上snappy压缩文件并发送kafka的两种方式速度测试 今天上上签 Spark&Hbasespark大数据javajson
    最近有一个需求，因为第一次做，踩了许多坑，故在此记录一下需求背景：现在hdfs上有一份snappy压缩的文件，要把这份文件中的数据读出来并发送给kafka解决思路平时我90%的时间都是在消费kafka，现在要写入kafka，我承认我第一反应是懵逼的；不过这并难不倒天资聪慧的我，我首先想到的就是用spark去读出数据后，直接发送给kafka；soeasy~问题记录Ⅰ、解析json问题我用spark很
  • 11-数据传输与加密解密技术详解：格式、算法与安全实践 只不过是胆小鬼罢了 网络安全基础入门安全密码学
    在现代Web开发与网络安全领域，数据传输与加密解密技术是保障数据安全和隐私的关键。本文将深入探讨数据传输格式、加密算法、密码存储、代码混淆等关键技术，结合实际案例与最佳实践，为开发者和安全从业者提供全面的指导。一、数据传输格式1.常见数据传输格式1.1JSONJSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成。JSON支
  • 第四章 | Solidity 基础语法全面讲解 白马区块Crypto100 区块链智能合约solidity
    第四章|Solidity基础语法全面讲解——打好基础，才能在智能合约世界走得更远！✅本章导读无论是写ERC20、NFT，还是更复杂的DeFi、DAO合约，Solidity的基础语法都是你绕不开的核心。写合约跟普通的JS、Python、Java程序不同，它要跑在区块链上，任何一次失误，都会付出“真实代价”。有人权限控制没搞好，资金被黑客一撸到底有人因为数据类型没弄懂，合约直接锁死没人能用这些事故，大
  • 12_JavaScript_实现日期 东东__net javascript开发语言
    目录newDate()常用方法getFullYear获取年getMonth获取月getDate获取日期getDay获取周几getHours获取小时getMinutes获取分钟getSeconds获取秒getTime获取到某个时间的毫秒数/时间戳每个获取的方法都有一个对应的设置方法获取时间差定时器作业js提供的内置的构造函数,专门用来获取时间的newDate()//在不传参数的情况下,默认返回当前时
  • 深入理解 React 架构从概览到核心机制 贵州数擎科技有限公司 react.js架构前端
    开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：github晓智元宇宙、数字孪生引擎、前端面试题大家好！我是[晓智]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
  • html页面引入ts文件,html中引入ts，使用webpack如何正确配置？ 马运良 html页面引入ts文件
    目的：html多文件中script引入ts文件，然后通过webpack服务运行起来。部分代码：index.htmlindex.tsconsole.log(document.getElementById('app'))webpack.config.jsconstHtmlWebpackPlugin=require("html-webpack-plugin");module.exports={entry
  • 在Webpack构建工具使用TS dazzlingsunnyx WebpackTypeScriptwebpacktypescriptjavascript
    1、先将项目初始化成webpack先进入项目根目录，执行npminit-ynpminit-y作用就是先创建package.json文件2、下载构建工具包npminstall-Dwebpackwebpack-cliwebpack-dev-serverhtml-webpack-pluginclean-webpack-plugintypescriptts-loader需要以下七个工具包webpack构建
  • 使用 Webpack + TypeScript 来创建项目【持续更新】 Alert.GoSt WebpackTypeScriptwebpacktypescriptjavascript
    第一步、安装nodejs；第二步、创建项目文件夹，在该项目下执行npminit命令；第三步、执行npmi-Dwebpackwebpack-clitypescriptts-loader命令，导入项目所需依赖；第四步、在根目录下创建webpack.config.js文件，引入webpack相关配置，在package.json文件中加入脚本"build":"webpack"；//引入依赖constpat
  • webpack使用详细步骤 木心操作 webpackwebpack前端node.js
    项目描述本项目webpack的基本使用。webpack官方：https://webpack.docschina.org/concepts/Element-plus官方：https://element-plus.sxtxhy.com/zh-CN/Vue3官方：https://cn.vuejs.org/项目组成明细每个步骤完成后重新执行npmrundev即可看到效果1、webpack打包工具安装npm
  • Tomcat相关的面试题 努力的搬砖人. java后端面试tomcat经验分享
    以下是150道Tomcat相关的面试题，涵盖了Tomcat的基础概念、配置管理、部署运行、性能调优、安全机制、日志管理、集群与负载均衡、与其他技术的结合等方面，希望对你有所帮助。Tomcat基础概念1.什么是Tomcat？它的主要功能和特点是什么？Tomcat是Apache软件基金会开发的一款开源的Servlet容器，它实现了JavaServlet和JavaServerPages(JSP)技术规范
  • 2025年渗透测试面试题总结-某360-企业蓝军面试复盘 （题目+回答） 独行soc 2025年渗透测试面试指南面试职场和发展安全web安全红蓝攻防pythonjava
    网络安全领域各种资源，学习文档，以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具，欢迎关注。目录360-企业蓝军一、Shiro绕WAF实战方案二、WebLogic遭遇WAF拦截后的渗透路径三、JBoss/WebLogic反序列化漏洞原理四、Fastjson漏洞检测与绕过五、PHP文件下载漏洞深入利用六、PHPdisable_function绕过原理七、云主机无内
  • 重温React框架 向贤 前端开发技术面试react.js前端前端框架
    文章目录一、React的核心设计哲学1.声明式编程（Declarative）2.组件化（Component-Based）3.单向数据流（UnidirectionalDataFlow）二、React的核心技术机制1.虚拟DOM（VirtualDOM）2.JSX语法3.ReactFiber架构三、React的核心API与生态1.组件生命周期（类组件）2.Hooks（函数组件）3.生态系统四、React
  • LeetCode热题100JS（74/100）第十四天|155|394|739|84|215 Alicesflower LeetCode热题100JSleetcode算法javascript
    155.最小栈题目链接：155.最小栈难度：中等刷题状态：1刷新知识：解题过程思考示例1:输入：["MinStack","push","push","push","getMin","pop","top","getMin"][[],[-2],[0],[-3],[],[],[],[]]输出：[null,null,null,null,-3,null,0,-2]解释：MinStackminStack=ne
  • 深度解读：NextJS、Vercel与Cloudflare之间的恩怨情仇 后端
    深度解读：NextJS、Vercel与Cloudflare之间的恩怨情仇最近，科技圈一条推文引发热议。推文作者对NextJS生态圈的几个热点话题做出了中肯的分析，让我们一起来看看这个复杂的技术世界里究竟发生了什么。一条引发热议的推文有网友发推表示："Dax能够同时戴着巨魔帽并保持平衡的能力值得研究。"这句话乍看有点莫名其妙，但实际上揭示了技术社区中一个有趣的现象：如何在保持专业性的同时，又能让技术
  • C++使用QtHttpServer开发服务端Server的Http POST接口和客户端Client示例 BigBookX Qtc++qthttp
    ClientHTTPPOST假设http://127.0.0.1:8888/post/是一个能够接受POST请求的路径，我们想要向它提交一段json数据，用Qt可以这样实现：SupposewewanttomakeanHTTPPOSTwithjsonbodytohttp://127.0.0.1:8888/post/.QCoreApplicationapp(argc,argv);QNetworkAcc
  • html css js网页制作成品——HTML+CSS+js元宵节网页设计（5页）附源码 软件技术NINI htmlcssjavascript
    目录一、‍网站题目二、✍️网站描述三、网站介绍四、网站效果五、代码实现HTML
  • HTTPS请求POST方法使用 曦曦_1204 自动化脚本python
    标题POST方法作用：新增资源应用。导包importrequests。调用post方法r=requests.post()示例：。r=requests.post(url,json,headers)#r为响应对象参数：1.url新增接口url地址2.Json新增请求原文3.Headers请求信息头响应对象：。获取URL：print(‘请求url：’,r.url)。获取响应状态码：print('状态码:
  • Vue命令行npm install semver报错 祈澈菇凉 Vue面试题合集vue.jsnpm前端javascriptecmascript
    PSD:\project\wisdom_admin>npminstallsemvernpmERR!codeECONNRESETnpmERR!syscallreadnpmERR!errnoECONNRESETnpmERR!networkInvalidresponsebodywhiletryingtofetch[https://registry.npmjs.org/hosted-git-info](h
  • HarmonyOS实战开发：卡片定时刷新和定点刷新 蜀道衫QAQ 鸿蒙harmonyos华为鸿蒙鸿蒙系统android
    当前卡片框架提供了如下几种按时间刷新卡片的方式：定时刷新：表示在一定时间间隔内调用onUpdateForm的生命周期回调函数自动刷新卡片内容。可以在form_config.json配置文件的updateDuration字段中进行设置。例如，可以将刷新时间设置为每小时一次。说明：在使用定时和定点刷新功能之前，需要在form_config.json配置文件中设置字段为，以启用周期性刷新功能。当配置了（
  • npm报错‘proxy‘ config is set properxy. See: ‘npm help config‘ flying_fish79 开发工具npmrust前端
    1报错信息npmWARNregistryUnexpectedwarningforhttps://registry.npmjs.org/:MiscellaneousWarningETIMEDOUT:requesttohttps://registry.npmjs.org/vue-reffailed,reason:connectETIMEDOUT104.16.20.35:443npmWARNregist
  • Web大学生网页作业成品——联想商品商城网页设计与实现(HTML+CSS)（1个页面） 2501_90365653 htmlcss学生网页前端htmlcss
    常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目,可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。文章目录一、
  • Docker vLLM 快速部署 Qwen2.5 XD742971636 深度学习机器学习深度学习AILLMllama
    Dockerfile：FROMkevinchina/deeplearning:llamafactory20241027#设置工作目录WORKDIR/app#暴露端口EXPOSE8000EXPOSE7860#使用JSON格式的ENTRYPOINT，指定要执行的命令#ENTRYPOINT["llamafactory-cli","api","--model_name_or_path","/data/xi
  • wangEditor组件在医疗、OA系统中word粘贴图片上传的解决方案 2501_90699800 wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdf
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • Spring MVC请求与响应全解析：从参数绑定到异常处理 wertuiop_ springmvcjava
    文章目录一、请求映射的艺术：RequestMapping深度解析1.多级路径配置2.六大核心属性3.RESTful风格实践二、参数绑定黑科技1.智能绑定机制基础类型绑定对象嵌套绑定集合类型绑定2.参数处理三剑客三、响应处理全攻略1.视图跳转三种模式2.JSON交互实践四、文件操作实战1.上传配置三要素2.上传下载核心代码五、异常处理大师课1.异常处理金字塔2.全局异常处理方案总结一、请求映射的艺术
  • 【常见的400/401/403/404/405/4xx客户端请求错误汇总】 少年近视 软件测试算法测试测试开发postmanjmeterappium集成测试
    客户端常见的4xx错误代码表示请求在客户端方面出错，通常包括以下几种：400BadRequest（错误请求）：请求无效或格式错误。常见原因包括：参数缺失或格式不符合要求无效的JSON结构请求数据类型与服务器期望不匹配401Unauthorized（未授权）：请求未经授权。一般发生在需要身份验证的接口。可能的原因包括：没有提供身份验证凭据（如API密钥、Token等）身份验证凭据无效或已过期403F
  • vue跨域解决的几种方案【建议收藏】 小二爱编程· vue.jsjavascript前端
    vue跨域解决的几种方案一、开发环境解决跨域方法平时使用vue开发的时候，大多会使用vue-cli搭建项目，在vue-cli搭建的项目中有一个配置文件vue.config.js,可以在该文件中进行相应的配置解决开发环境的跨域问题。第一步设置公共url:api/index.jsimportaxiosfrom'axios'importrouterfrom'@/router/index.js'impor
  • Mac/Python/Flask/全栈 -python全栈项目体会前后端交互过程 Jacky&Jacky flaskpython后端交互
    全栈-前后端项目交互全过程梳理基本思路:先从网络爬取或者本地数据源将要用数据存储到数据库，其他模块中使用SQL语句来查询获取结果，将获取的结果放在Flask的节点中，在js文件中通过ajax请求来后台获取数据。最后前端HTML页面调用js文件渲染形成网页展示。数据来源1.1使用Spyder爬取腾讯疫情数据和百度热搜数据1.2存储在SQL中数据调用main.py中调用此处的get_c1_data()
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他