
JavaScript
文章平均质量分 79
Annnnty
万事从人 百年皆客
展开
-
JavaScript中奇特的~运算符
本次分享一下并不是很常用的按位非运算符~的原理以及一点点用法。原创 2017-10-19 11:54:14 · 290 阅读 · 0 评论 -
由一个“bug”到鲜为人知的jQuery.cssHooks
写在最前本次分享一下在一次jQuery赋值样式失效的结果中来分析背后原因的过程。在翻jQuery源码的过程中,感觉真是还不能说自己只是会用jQuery,我好像连会用都达不到(逃欢迎关注我的博客,不定期更新中——一个很简单的赋值问题$('#' + id).css({"left": "200"})我只是单纯的想控制一个left值,大家都懂,但是竟然失败了,打印出的元素属...原创 2018-03-07 10:57:18 · 418 阅读 · 0 评论 -
基于canvas使用粒子拼出你想要的文字
写在最前本次分享一下使用canvas实现粒子效果拼出你想要的文字。欢迎关注我的博客,不定期更新中——起因不久之前看到大搜车团队出品的easy mock产品的界面中有一个使用粒子拼出“mock so easy”的效果,感觉非常有意思,就像下面这样: 当然了,这个easy mock的界面中还有粒子汇聚、散开、以及缓动等效果,这些在之后的文章中会不定时的更新实现思路。我当时看到这个效果的时候是一段单原创 2017-12-13 14:36:08 · 5223 阅读 · 0 评论 -
基于canvas使用贝塞尔曲线平滑拟合折线段
写在最前本次分享一下在canvas中将绘制出来的折线段的棱角“磨平”,也就是通过贝塞尔曲线穿过各个描点来代替原有的折线图。欢迎关注我的博客,不定期更新中——为什么要平滑拟合折线段先来看下Echarts下折线图的渲染效果: 一开始我没注意到其实这个折线段是曲线穿过去的,只认为是单纯的描点绘图,所以起初我实现的“简(丑)易(陋)”版本是这样的: 不要关注样式,重点就是实现之后才发现看起来人家Ec原创 2017-12-10 17:57:23 · 8232 阅读 · 3 评论 -
初识JavaScript依赖注入
写在最前本次分享一下我学习到的有关依赖注入的梳理与总结。试图生动形象得解释出来其内部的思想与实现流程。欢迎关注我的博客,不定期更新中——什么是依赖注入第一次听到这个说法是在angular的时候,我们都知道angular内部大量使用了依赖注入。虽然我到现在也没玩过:),不过这并不影响我们来探究一下它。首先试图形象的说明一下(个人观点、有问题欢迎指正):有那么一群人,这群人的职业是程序员。他们除了工作不原创 2017-11-02 23:59:35 · 320 阅读 · 0 评论 -
Javascript之bind
写在最前最近开始重新学习一波js,框架用久了有些时候觉得这样子应该可以实现发现就真的实现了,但是为什么这么写好像又说不太清楚,之前读了LucasHC以及冴羽的两篇关于bind的文章感觉自己好像基础知识都还给体育老师了哈哈哈,所以危机感爆棚,赶紧重头复习一遍。本次主要围绕bind是什么;做了什么;自己怎么实现一个bind,这三个部分。其中会包含一些细节代码的探究,往下看就知道。所以bind是什么原创 2017-10-19 11:53:36 · 627 阅读 · 0 评论 -
从Console中看看jQuery的原型链
写在最前这不是一篇分析源码的文章——因为作者也没有怎么看源码。本文主要分析jQuery中到底是如何进行构造原型链的。思路是通过逆推来抛出问题再用正推的方式来分析解决问题。欢迎关注作者博客,不定期更新中——jQuery是什么首先你知道jQuery有两种使用方法吧?一种是jQuery('#xxx');一种是new jQuery('#xxx');这两种方式都会返回一个实例。其原型链应该有一大堆原创 2017-10-19 11:53:41 · 919 阅读 · 0 评论 -
从零实现一个自定义html5播放器
写在最前本次的分享是一个基于HTML5标签实现的一个自定义视频播放器。其中实现了播放暂停、进度拖拽、音量控制及全屏等功能。欢迎关注我的博客,不定期更新中——效果预览点我查看源码仓库。核心思路我相信一定会有些没有接触过制作自定义播放器的童鞋对于标签的认识会停留在此。 其中controls属性经过设定,会在界面中显示一个浏览器自带的控制条。如果对于UI没有要求的需求,其内原创 2017-10-19 11:53:47 · 5237 阅读 · 0 评论 -
基于jQuery的一个“射日”小游戏
写在最前本次的分享是一个基于jQuery实现的一个移动端射箭类小游戏。主要实现了目标物、障碍物的随机渲染,以及中箭效果的判定等。欢迎关注我的博客,不定期更新中——效果预览game.gif点我查看源码仓库。主要结构规划...//基础属性defaultOption = {}//绘制整体画面function drawGame(defaultOption){}//障碍物、目原创 2017-10-19 11:53:50 · 406 阅读 · 0 评论 -
给文档添加一组掘金的「小盾牌」
写在最前由于昨天掘金上线了自己的小盾牌,感觉非常酷有木有!相关文章在这里。就是下面这个:)嗯上面那个是这篇文章现在的喜欢数嘻嘻~然而这个是分享到掘金的文章才可以生成这样一个盾牌,可是我的文章在专栏里我也想要一个放到github的博客里怎么破!所以我决定自己写一个工具好了。我希望它可以实现:自动获取个人掘金主页的喜欢数、阅读数将盾牌图标数据更新到自己本地博客的md中通过git推原创 2017-10-19 11:54:01 · 428 阅读 · 0 评论 -
从hello world看JavaScript隐藏的黑魔法
写在最前事情的起因是这段看起来不像代码的代码:有兴趣的同学可以自己先尝试下!([]+[][([+![+![+![+![+![+![+![+! { var originalThing = theThing var unused = function () { if (or原创 2017-10-19 11:54:06 · 882 阅读 · 0 评论 -
图解JavaScript的参数传递
写在最前本次尝试通过流程图的形式并结合两个例子来重新理解一下JavaScript中的参数传递。欢迎关注我的博客,不定期更新中——参数到底如何传递?借用红宝书的一句话:ECMAScript中所有函数的参数都是按值传递的这个值如果是简单类型,那么就是其本身。如果是引用类型也就是对象传递的就是指向这个对象的地址。故我们可以认为参数传递全部都是值传递,那么具体怎么理解呢?看下例子:第一个原创 2017-10-19 11:54:09 · 334 阅读 · 0 评论 -
基于casperjs、resemble.js实现一个像素对比服务
写在最前本次分享一个提供设计稿与前端页面进行像素对比的node服务,旨在为测试或者前端人员自己完成一个辅助性测试。相信我,在像素级别的对比下,网页对设计稿的还原程度一下子就会凸显出来。。如果哪位童鞋用这个功能测了某位前端小哥哥的页面发现了问题,请不要说是我提供的这个工具=。=效果预览前置知识本次用到了以下两个库作为辅助工具:casperjs:基于PhantomJS的编写。其原创 2017-10-19 11:54:12 · 1637 阅读 · 0 评论 -
JavaScript实现kmp算法与思路浅析
写在最前本次分享一下通过实现kmp算法的动画效果来试图展示kmp的基本思路。欢迎关注我的博客,不定期更新中——前置概念字符串匹配 字符串匹配是计算机科学中最古老、研究最广泛的问题之一。一个字符串是一个定义在有限字母表∑上的字符序列。例如,ATCTAGAGA是字母表∑ = {A,C,G,T}上的一个字符串。字符串匹配问题就是在一个大的字符串T中搜索某个字符串P的所有出...原创 2018-03-07 10:59:27 · 1874 阅读 · 0 评论