JavaSript
文章平均质量分 92
f清风q
这个作者很懒,什么都没留下…
展开
-
JS实现无缝切换轮播图(自动+手动)
说起轮播图,大家应该都不陌生,各大购物网站和面试题里都能看到它的身影。实现上也并不困难,而写这篇文章是想整理一下自己心血来潮写的代码,以及实现过程中的一些思考,大家也可以顺便复习巩固一下。今天给大家带来的是过渡动画等效果都由JS实现的无缝轮播图。CSS实现轮播图等以后再写。原创 2020-07-01 08:12:18 · 49455 阅读 · 23 评论 -
HTML/CSS 自定义开关按钮控件(switch)样式
今天这篇文章给大家带来的是在移动端很常见的开关控件。样式主要是通过CSS来定制完成,上一篇博客讲的是自定义滑动条的样式,同样是自定义样式,上一篇是直接通过CSS对 input[type="range"] 进行样式改造,而今天这一篇实现思路是上一次提到过的另一种方案,将input控件隐藏,通过其他标签来完成样式的定制。这样做的好处就在于更加的灵活,这是我们今天所要达到的效果。下面就让我们一起来看看怎原创 2016-07-15 10:57:38 · 77340 阅读 · 19 评论 -
HTML5/JavaScript 图像自动Gamma校正 — 打造图像处理类库第一步
今天为大家带来的是一篇关于图像Gamma校正的文章1. 关于Gamma(伽马)1.1 什么是Gamma1.2 什么是Gamma校正1.3 为什么需要Gamma校正2. 如何实现Gamma校正原创 2016-10-31 23:47:57 · 7005 阅读 · 3 评论 -
自定义(滑动条)input[type="range"]样式
这是我的第一篇博文,也是我这个小白努力的起点。刚接触JavaScript没多久,如果文中有错误的地方欢迎大家指正,或者给予建议,让我能逐渐向大牛靠拢。今天这篇文章给大家带来的是关于美化Slider Bar的相关内容。Range是HTML5中新出现的滑块控件,也是常见的控件的之一,不过这个控件的原始样式略丑,所以想对它进行一些改造。需要注意的是Internet Explorer 9及更早IE版本并不支原创 2016-06-02 00:55:28 · 129461 阅读 · 30 评论 -
HTML5/JavaScript 图像边缘羽化— 打造图像处理类库第二步
由于之前略忙,主要也还是因为自己太懒,拖了好久才把这篇博客写完。这篇博客是关于图像边缘羽化(柔化)的,也是 JavaScript 图像处理这一系列的第二篇。上一篇是关于Gamma校正的,有兴趣的朋友可以看看: HTML5/JavaScript 图像自动Gamma校正 — 打造图像处理类库第一步 按照习惯,我们还是先来看看,今天这篇文章最后所要达到的图像边缘羽化效果:原创 2017-02-28 23:51:37 · 12175 阅读 · 2 评论 -
JS斩杀LeetCode(1):Two Sum
题目:Given an array of integers, return indices of the two numbers such that they add up to a specific target.You may assume that each input would have exactly one solution, and you may not use原创 2017-05-28 13:57:31 · 1525 阅读 · 5 评论 -
JS斩杀LeetCode(2):Add Two Numbers
题目:You are given two non-empty linked lists representing two non-negative integers. The digits are stored in reverse order and each of their nodes contain a single digit. Add the two numbers a原创 2017-05-30 18:21:46 · 2070 阅读 · 1 评论 -
如何避开JavaScript浮点数计算精度问题(如0.1+0.2!==0.3)
不知道大家在使用JS的过程中有没有发现某些浮点数运算的时候,得到的结果存在精度问题:比如0.1 + 0.2 = 0.30000000000000004以及7 * 0.8 = 5.6000000000000005等等。究竟是什么原因造成了这个问题?实际上是因为计算机内部的信息都是由二进制方式表示的,即0和1组成的各种编码,但由于某些浮点数没办法用二进制准确的表示出来,也就带来了一系列精度原创 2018-01-31 07:33:34 · 31269 阅读 · 3 评论