DanielYue的最近发布

欢迎

移动端的touchstart,touchmove,touchend事件中的获取当前touch位置

前提：touchstart,touchmove,touchend这三个事件可以通过原生和jq绑定。原生：document.querySelector("#aa").addEventListener('touchmove', function(){...});jq： $(".aa").on("touchmove",function (e) {...};1.获取当前touch位置

touches

转载 2017-11-02 14:01:43 3620 阅读

一个兼容ie，火狐等浏览器的取消冒泡代码

这个bug只有懂的人懂，三步搞定所有问题。为了大家能复制，上代码：function stopHandler(event) { window.event ? window.event

浏览器

火狐

冒泡

原创 2017-06-02 17:48:03 844 阅读

js循环实现九九乘法表

js里面的循环是日常编程中用的最多的也是最基础的，我们可以借着实现99乘法表的实现学习和熟练js的循环技巧。本文只实现99乘法表，但是大家可以根据自己的喜好练习使用循环打印各种不同的形状，如正方形或者三角行等等。打印99乘法表思路：1,99乘法表一共九行九列，但是每行的列数是递增的。因此我们需要使用两个循环，一个是行循环，一个是列循环。2，在用js拼

js

for

循环

原创 2017-02-12 21:53:18 1900 阅读

trim（）清除字符串空格

js里面处理字符串的时候我们经常会用到一个方法就是trim()，意思很简单就是能将我们字符串首尾的空格清除掉，例：<script type="text/javascript"> var str = " abc "; alert(s

string

trim

原创 2017-02-11 20:57:11 1395 阅读

sass用法指南

学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样

css

前端

less

sass

转载 2017-01-06 16:18:59 484 阅读 1点赞 1收藏

html代码用js实现复用

作为前端开发人员，大家都会碰到的一个问题就是重复的代码怎么处理，如果总是复制粘贴，会使得代码显得非常的庞大，不易读。虽然有一些语言如node.js可以模块化管理，但是用js或者jquery实现既简单又可以面对其他环境搭建的时间。假如有一段html代码，我需要在多个页面使用，那就来实现以下：<!DOCTYPE html> &nbs

html

jquery

复用

原创精选 2017-01-05 14:29:39 4826 阅读

js定时器案例

<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>定时器案例</title> <script> &nbs

其他

定时器

原创 2016-11-03 13:32:32 696 阅读

一段jquery代码搞定多个tab效果

现在的页面上几乎都要tab切换甚至不止一个，早有想法尝试用一段代码控制所有tab的方法，自己尝试了一下。里面有几个要点抓住就好了。 <style>

效果

jquery

tab

原创精选 2016-10-12 11:48:57 738 阅读

@media 注意事项写作顺序问题（非常重要）

这简直是个小技巧，一开始我也十分纳闷。为什么写的有些 @media 没有起作用。原来有这么回事：我们知道 min-width 表示最小即大于等于， max-width 表示最大即小于等于；但我们也很清楚 CSS 样式跟 DOM 结构跟 JS 一样从前往后加载，后面重复代码会覆盖之前代码。那么这样的顺序有问题吗？/*样式1*/@media (min-width: 3

media

css3

转载精选 2016-09-20 11:33:22 5039 阅读

margin系列之百分比

你可能从没注意过它在 margin系列之keyword auto 中，说过了 margin 值为 auto 的情况，这次要聊的是值为百分比的情形。我必须承认这是一个非常基础的知识点，但有一段时间我发现很多人对此有错误的认知。偶尔在面试或者分享的时候，我会问到这个问题，有人会脱口而出的告诉我他对此的感性理解。或许现在大多数人对此不屑一顾，但我仍想说一说，这样以后就可以不再问类似的问题了。假设有这样一

元素

margin

百分比

bottom

转载精选 2016-08-30 11:16:19 571 阅读

前端技术-布局解决方案

原文 http://www.cnblogs.com/jingwhale/p/4753686.html 一、居中布局1.水平居中行内元素如果被设置元素为文本、图片等行内元素

css

布局

转载精选 2016-07-19 11:48:11 700 阅读

CSS3详解：background

CSS3对于background做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。1、多个背景图片在css3里面，你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法，但引用图片之间需用“，”逗号隔开。第一个图片是定位在元素最上面的背景，后面的背景图片依次在它下面显示，如下：background-p_w_picpath: ur

background

CSS3

转载精选 2016-07-14 17:33:53 635 阅读

CSS3的calc()使用

由于看到火狐主页里面的排版竟然用到了calc,所以就好奇研究了一下。calc()能做什么？calc()能让你给元素的做计算，你可以给一个div元素，使用百分比、em、px和rem单位值计算出其宽度或者高度，比如说“width:calc(50% + 2em)”，这样一来你就不用考虑元素DIV的宽度值到底是多少，而把这个烦人的任务交由浏览器去计算。cal

calc

css3

原创 2016-07-14 11:45:53 1375 阅读 1点赞

使用CSS3的 @font-face 显示自定义字体

之前我们要是想使用漂亮的字体只能使用图片字体图片，即制作过程偏慢，用户体验也不够好，对于计算机的加在也是一种负荷，现在css3为我们提供了新的自定义字体属性： @font-face，不但使用简单，而且几乎能解决了我们之前的所有问题。先上代码：<!DOCTYPE html><h

css

font

face

原创 2016-07-13 11:17:01 1395 阅读

js返回上一页效果

<a href="javascript:history.go(-1);">返回</a>history.back(-1):直接返回当前页的上一页，会刷新，如果是表单页数据会被初始化即全部消失，如果是（1）页面会前进。history.go(-1):也是返回当前页的上一页，不会刷新，如果是表单页数据会保留，如果是（1）页面会前进。有的浏览器不兼容history.back(-1);

js

返回

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

10975329

欢迎