2017年7月7日

Jquery实现可拖动进度条

摘要： 首先是用mousedown()鼠标按下事件保存一个状态值，mouseup()鼠标抬起事件取消该状态，再同时配合mousemove()鼠标移动事件，实现按住拖动的效果。 在鼠标移动的同时去改变精度条的长度和按钮的相对左部的距离。 　　然后就是距离的计算，主要利用的就是pageX() 属性。pageX是鼠标指针相对于文档的左边缘的位置。在鼠标按下是就记录相对位置，在鼠标移动后就可求出鼠标移动的距离。从而改变按钮位置和进度条长度。 阅读全文

posted @ 2017-07-07 14:31 烟花丶瞬间 阅读(3327) 评论(1) 推荐(1) 编辑

2017年6月29日

canvas的下雪效果

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #myCanvas{ background-color: #7ACCC8; margin: auto; displ 阅读全文

posted @ 2017-06-29 15:08 烟花丶瞬间 阅读(200) 评论(0) 推荐(0) 编辑

2017年6月28日

低层次“努力学习”和学习的本质

摘要： 当你从学习中获取到满足感、成就感，享受学习的过程的时候，才是真正的在学习。 阅读全文

posted @ 2017-06-28 15:46 烟花丶瞬间 阅读(230) 评论(0) 推荐(0) 编辑

2017年6月23日

canvas的绘制

摘要： 对于canvas的绘制，我觉得主要是计算位置，特别是绘制组合图形的时候，需要精确到具体位置，不然就会不对称，注意颜色的重置。 阅读全文

posted @ 2017-06-23 15:18 烟花丶瞬间 阅读(123) 评论(0) 推荐(0) 编辑

2017年6月22日

HTML 5 <input> type 属性

摘要： 这些标签都是html5的新标签，应该属于基础的东西，但是在这周一答辩的时候，根本不知道几个。这说明我们学到后面，却反而忽略了最基本的东西，所以应该把基础知识掌握牢固，随时都知道。 阅读全文

posted @ 2017-06-22 15:52 烟花丶瞬间 阅读(135) 评论(0) 推荐(0) 编辑

2017年6月15日

jQuery+ajax实现局部刷新

摘要： 以上两种方法原理是一样的，通过.load()重新加载页面中的某一部分，需注意，ajax需要在服务器环境下运行。通过对比，可发现第一种比较简单，第二种稍复杂些，不过个人推荐第二种，第一种主要是举个例子，看.load()是怎么来用的，其实它在用户体验方面稍逊一筹，比如点击的时候地址栏里地址不变，使前进、后退失效，这个可以到后面再实现。而第二种的话运用比较灵活，巧妙的借助data-*的自定义属性来存储数据，点击的时候修改锚点，因为地址有变，所以刷新的时候仍然会保持当前的页面内容而不是切换到第一个，希望对大家有帮助，如果有更好的方法，请多指教。 阅读全文

posted @ 2017-06-15 14:24 烟花丶瞬间 阅读(2805) 评论(0) 推荐(0) 编辑

2017年6月14日

上升的方块动态背景

摘要： 这个页面是通过改变div的位置来完成的，在控制一下时间就可以了。 阅读全文

posted @ 2017-06-14 14:51 烟花丶瞬间 阅读(141) 评论(0) 推荐(1) 编辑

2017年6月8日

正则表达式的运用

摘要： 1.查找文本：查找符合某一正则表达式的文本，尤其是查找符合某一正则表达式的非固定文本。 2.提取文本：可以查找字符串内符合某个文本模式的文本(子字符串)，然后将其提取出来以备他用。 3.验证文本：所谓验证文本，是指检査文本能否完全由正则表达式匹配，主要用来测试和保证数据文本的合法性。 4.替换文本： 阅读全文

posted @ 2017-06-08 14:35 烟花丶瞬间 阅读(171) 评论(0) 推荐(0) 编辑

对于正则表达式的理解

摘要： 1.一个正则表达式代表了某类字符串的一个集合，而正则表达式相当于对该字符串集合的特征性质描述。 2.我觉得它就是一个特定的规则，这些“特定的规则”，从被匹配的字符串的角度上来看，可以认为描述的是某一类字符串的共同特征；而从正则表达式的角度上来看，也可以认为表达的是一种匹配规则(或称过滤逻辑)。 3. 阅读全文

posted @ 2017-06-08 11:53 烟花丶瞬间 阅读(156) 评论(0) 推荐(0) 编辑

2017年6月2日

封装localStorage和cookie的方法

摘要： (function (win,doc) { var GD16 = { /** * 创建localStorage * @param argument json || string */ Items: function (argument) { if (typeof argument == 'objec 阅读全文

posted @ 2017-06-02 14:35 烟花丶瞬间 阅读(157) 评论(0) 推荐(0) 编辑

下一页

导航