- 博客(27)
- 收藏
- 关注
RSS订阅转载 touch事件与点击穿透问题
做过移动端H5页面的同学肯定知道，移动端web的事件模型不同于PC页面的事件。看了一些关于touch事件的文章，我想再来回顾下touch事件的原理，为什么通过touch可以触发click事件，touch事件是不是万能的以及它可能存在的问题。touch事件的来源PC网页上的大部分操作都是用鼠标的，即响应的是鼠标事件，包括mousedown、mouseup、mousemove和click事件。一次点击...
2018-04-19 12:01:41
898
转载 从零开始搭建一个vue.js的脚手架
在谷歌工作的时候，我们要做很多界面的原型，要求快速上手，灵活运用，当时用的一些现有框架，比如angular，太笨重了——尤雨溪（Vue.js 作者）vue.js是现在一个很火的前端框架，官网描述其简单易用，灵活度高，性能好。本篇文章基于Windows系统公司的项目前端框架选择了vue，最近也一直在学习它，今天写一篇Vue-cli脚手架搭建的学习记录，以后忘记了再来查阅。那么如何
2017-09-27 17:10:49
1419
转载 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码
css媒体查询PHP、asp、js判断客户端输出对应的样式------------------- 1.媒体查询方法在 css 里面这样写 --------------------@media screen and (min-width: 320px) and (max-width: 480px){在这里写小屏幕设备的样式}
2017-09-04 11:42:25
432
转载 JavaScript 获取鼠标点击位置坐标
JavaScript 获取鼠标点击位置坐标在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容 鼠标点击位置坐标相对于屏幕如果是涉及到鼠标点
2017-08-02 15:27:01
398
转载 jQuery Easing 使用方法及其图解
从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： properties：一组包含作为动画属性和终值的样式属性和及其值的集合duration(可选)：动画执行时间，其值可以是三种预定速度之一的字符串("slow", "n
2016-12-15 11:41:35
379
转载 Ajax技术种open参数中的true
ajax是一种很常用的技术了 做前端的是一定要知道的open方法有三个参数，一开始使用ajax的时候我都没有注意到这个true 因为觉得ajax本来就是异步的JavaScript，同步有嘛意思捏后来实际做项目的时候用到了循环发送ajax请求 就是在一个循环体种加入ajax请求的代码 结果发现，并没有连续收到服务器的回应 然后我就将ready status打印出来
2016-11-29 11:51:55
1821
1
转载 【移动端兼容问题研究】javascript事件机制详解（涉及移动兼容）
【移动端兼容问题研究】javascript事件机制详解（涉及移动兼容）前言这篇博客有点长，如果你是高手请您读一读，能对其中的一些误点提出来，以免我误人子弟，并且帮助我提高如果你是javascript菜鸟，建议您好好读一读，真的理解下来会有不一样的收获在下才疏学浅，文中难免会有不同程度的错误，请您指正留言 PS：事件阶段一节请看最新博客，之前理解有误javascr
2016-09-01 15:59:59
893
转载 createContextualFragment 方法
createContextualFragment 方法使用 createContextualFragment() 方法，可以在将文档对象模型 (DOM) 范围的起始节点作为分析上下文的情况下，将 HTML 字符串分析为DocumentFragment。与将标记插入 innerHTML 不同，该方法可用于创建预分析的内容，这些内容可在以后需要时添加或插入到文档中。create
2016-08-31 16:03:08
2665
原创 pasteHTML()是一个方法
pasteHTML()是一个方法，在指定的文字区域内替换该区域内的文本或者HTML，该方法必须应用于一个 createTextRange() 或者 document.selection.createRange() 创建的区域上
2016-08-31 15:26:51
2554
转载 JS execCommand 方法
document.execCommand()方法处理Html数据时常用语法格式如下: 复制内容到剪贴板 代码: document.execCommand(sCommand[,交互方式, 动态参数]) 其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即
2016-08-31 10:42:47
440
转载 linux下执行mysql的sql文件
linux下执行mysql的sql文件 mysql -uroot -proot进入到mysql然后执行source /var/ftp/pub/sogoodsoft.sql;即可。 www.2cto.com 以下内容转：linux 里的mysql命令总结 - 学习linux+mysql必备一、总结一下Linux下MySQL的一些命令：1.Linux下启
2016-08-16 09:54:04
614
转载 解决新版本Chrome无法显示border-image问题
前两天翻墙更新了Chrome，具体版本为51.0.2687.0 dev-m (64-bit)。然后今天在调试代码时发现CSS中的border-image不显示了，去最初学习的网页（CSS3 border-image详解、应用及jQuery插件）查看，发现文章中CSS3 border-image的示例也失效了，从网上搜索border-image，很多文章中的示例同样失效。咋回事呢，难道新版Chr
2016-06-16 12:23:01
1285
转载 JS移动客户端--触屏滑动事件
移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件touchstart: //手指放到屏幕上时触发touchmove: //手指在屏幕上滑动式触发t
2016-06-02 14:24:47
1193
转载 下拉刷新
今天想说的是如何自己操刀做一个js的下拉刷新 （js + h5 + css3） 。既然是下拉，那么应用场景当然就是在手持设备上。在javascript的世界里，总是跟很多实用又华丽丽的效果接轨，这是一门很有色彩的编程语言。目前网络上也有很多非常优秀的js滑动插件，比如iscroll （最开始我们就是用这款插件，真心很好用，而且解决了很多html的问题） 。当然，我要讲的完全没办法和iscrol
2016-05-12 14:53:01
348
转载 jquery如何判断滚动条滚到页面底部并执行事件
首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。offsetHeight：是指元素内容的高度。依照上面的，那这个高度呢就是DIV内部的高度，包括可见部分及
2016-03-26 14:21:55
490
转载 浏览器兼容处理(HTML条件注释、CSSHack和JS识别)
前面的话 本文中所有IEx+代表包含x及x以上；IEx-代表包含x及x以下，仅个人习惯。例:IE7+代表IE7、IE8…… 本文中所有例子全部经过测试，欢迎交流。 HTML识别条件注释法(IE10+已经不支持条件注释) 【注意】两个--和左中括号[之间不能有空格，否则无效 [1]IE9-() Docume
2016-03-13 22:58:51
325
转载 最全的CSS浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题 vertical-align:middle; 将
2016-03-11 18:26:02
211
转载 使用jQuery和CSS自定义HTML5 Video 控件 简单适用
Html5 Video是现在html5最流行的功能之一,得到了大多数最新版本的浏览器支持.包括IE9,也是如此.不同的浏览器提供了不同的原生态浏览器视频空间.我们制作自定义视频控件为了在所有的浏览器中有一个相同的Html5视频控件而不受默认视频控件的控制. 实际上,自定义视频控件并不困难.本文将告诉你如何用jQuery自定义视频控件,希望对你有用! DEMO DOWN
2016-03-09 10:33:02
676
转载 MYSQL 连接数据库命令收藏
一、MySQL 连接本地数据库，用户名为“root”，密码“123”（注意：“-p”和“123” 之间不能有空格）C:\>mysql -h localhost -u root -p123二、MySQL 连接远程数据库（192.168.0.201），端口“3306”，用户名为“root”，密码“123”C:\>mysql -h 172.16.16.45 -P 3306 -u root
2016-03-08 16:39:29
313
转载 HTML标签marquee实现滚动效果
页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - 可以实现多种滚动效果，无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片，表格等.语法：...； 说明：在标记之间添加要进行滚动的内容。重要属性：1.滚动方向direction（包括4个值：up、 down、 left和 right） 语法：..
2016-02-23 16:31:21
305
转载 常用MIME类型(Flv,Mp4的mime类型设置)
也许你会在纳闷，为什么我上传了flv或MP4文件到服务器，可输入正确地址通过http协议来访问总是出现“无法找到该页”的404错误呢？这就表明mp4格式文件是服务器无法识别的，其实，这是没有在iis中将相应的MIME类型进行设置的原因。那该怎样设置MIME类型呢
2016-02-19 14:39:36
621
转载 MySQL命令操作 增删查改
连接命令：mysql -h[主机地址] -u[用户名] -p[用户密码]创建数据库：create database [库名]显示所有数据库: show databases;打开数据库:use [库名]当前选择的库状态:SELECT DATABASE();创建数据表:CREATE TABLE [表名]([字段名] [字段类型]([字段要求]) [字段参数], ......);
2016-01-22 11:41:38
559
转载 MySql简单doc操作
登陆mysql打cmd命令终端，如果已经添加了mysql的环境变量，可以直接使用命令mysql -uroot 直接回车，之后按提示输入密码，如果未添加mysql的环境变量，可以切换到mysql的安装目录下的bin目录，再使用mysq -uroot你也可以手动为mysql添加环境变量。这里就不介绍怎么添加环境变量的方法了密码输入正确之后，就会出
2016-01-22 10:02:46
935
转载 Github for Windows:Commit failed: Failed to create a new commit
I get this error: Commit failed: Failed to create a new commit.
2016-01-12 14:08:45
1529
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人