随笔分类 -  JavaScript和Jquery

1
摘要:之前说完从零开始配置TypeScript + React + React-Router + Redux + Webpack开发环境 现在我们来看看如何根据在这个环境的基础上配置按需加载。如果Redux也没有关系,有React-Router就足够了。 本来以为React的按需打包已经有很成熟的方案了, 阅读全文
posted @ 2017-10-18 16:48 这名字就是霸气 阅读(3750) 评论(1) 推荐(1)
摘要:这篇博客用来记录下通过各种途径知道的一些JS的小细节。 一、1 + undefined = NaN 而 1 + null = 1 因为:undefined强转数字是NaN 而 null强转数字是+0,规则如下 二、两个{}的比较 console.log({}=={});//false 指针的比较,两 阅读全文
posted @ 2017-09-06 10:49 这名字就是霸气 阅读(224) 评论(0) 推荐(0)
摘要:原文:https://zhuanlan.zhihu.com/p/20346379 总结一下个人看完之后的理解: 1、tree diff:只对相同层级的节点进行比较,如果子树在新树种不存在了,则直接删除。如果新加了树就是创建,那么如果进行了跨层级的树的移动怎么办?答案是直接删除移动前的树,在移动后的位 阅读全文
posted @ 2017-04-07 15:12 这名字就是霸气 阅读(275) 评论(0) 推荐(0)
摘要:很久没写博客了,因为最近在用react+express做一个自己的工具型网站(其实就是夺宝岛抢拍器) 然后因为经常要改动,而且又要放到服务器上进行测试。总是要webpack,然后手动把文件上传上去,不胜其烦,索性搜索了下,直接写个能检测文件变化并自动进行上传的脚本好了。 首先,我们使用npm 安装两 阅读全文
posted @ 2017-02-18 01:20 这名字就是霸气 阅读(3105) 评论(4) 推荐(0)
摘要:今天用nodejs进行http请求时返回的数据是一个html文件,然后我还是按照以前解析json数据的方法。果不其然报错了:SyntaxError: Unexpected token in JSON at position 0 没办法,只好换一种方法,将接受到的Buffer对象toString,然后 阅读全文
posted @ 2017-01-07 00:01 这名字就是霸气 阅读(746) 评论(0) 推荐(0)
摘要:转载注明出处 改成了一个单独的js文件,并且修改成了插件,点击这里查看 今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时。 因为小程序的限制,所以直接选用时间选择器作为选择定时器的小时和分钟。唯一的缺点就是不能选择秒。 一开始的想法是选择的到一个字符串以后,截取字符串转换成数字然后 阅读全文
posted @ 2016-12-31 16:52 这名字就是霸气 阅读(3935) 评论(2) 推荐(0)
摘要:半个月没写博文了,最近一直在弄小程序,感觉也没啥好写的。 之前读了js权威指南,也写了篇博文,但是实话实说当初看闭包确实还是一头雾水。现在时隔一个多月(当然这一段时间还是一直有在看闭包的相关知识)理解就更深入了一点,下面说说我的理解。 如上所示,上面第一个return返回的就是一个闭包,那么本质上说 阅读全文
posted @ 2016-12-30 23:56 这名字就是霸气 阅读(4077) 评论(2) 推荐(1)
摘要:参照fullPage.js的效果,用自己的想法实现的。 实现的效果:1、全屏滚动,滚动一下齿轮就会滚动全屏。 2、自适应缩放,无论怎么改变窗口的大小,都会保证用一个元素占满全屏。 下一步计划: 1、改成react组件 2、实现更多的效果 注释写的很清楚,基本上知道函数怎么用就可以了。有想法这东西就很 阅读全文
posted @ 2016-12-05 20:58 这名字就是霸气 阅读(3545) 评论(1) 推荐(0)
摘要:最近想自己实现一个全屏滚动。 结果一开始就遇到了问题。因为不知道如何获取一个页面屏幕的高度。 网上所有的博客都是复制粘贴。 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.bo 阅读全文
posted @ 2016-12-05 18:49 这名字就是霸气 阅读(271) 评论(0) 推荐(0)
摘要:以下视频截图均来自慕课网javascript深入浅出: 这里Student.prototype之所以使用create方法来创建,而不是直接赋Person.prototype的值,是因为如果使用赋值的话,两个就指向同一个对象,如果我们想要在student类上添加新的方法,就不行。所以要使用那个crea 阅读全文
posted @ 2016-12-02 16:59 这名字就是霸气 阅读(196) 评论(0) 推荐(0)
摘要:最近看一些面试题,很多都提到了数组去重,用的最多的不外乎就是下面这个例子 arr.filter(function(value,index,arr){ return arr.indexOf(value,index+1) -1}) 如果忽略其他因素,只从代码简洁度和易读性来说,这个代码确实是很好的,也确 阅读全文
posted @ 2016-12-01 17:08 这名字就是霸气 阅读(2101) 评论(0) 推荐(1)
摘要:正式开始react的学习 1、react中组件的首字母如果是大写就会当成自定义组件,如果是小写就会当成DOM的自带元素名。如果你自定义组件名称首字母是小写不会报错,但是无法显示。 2、自定义组件的return中最外层只能有一个节点。 3、编写的HTML中的{}中,不能有语句,可以有求值表达式。但是可 阅读全文
posted @ 2016-10-26 09:06 这名字就是霸气 阅读(1876) 评论(0) 推荐(0)
摘要:最近每天工作之余看下js的细节部分,时间不是很多,所以看的进度也不会太快,写个博客监督自己每天都看下。 以前不知道的细节或者以前知道但是没注意过的地方都会记录下来,所以适合有一定基础的,不适合零基础新手。 国庆期间 开始 js中所有数字都是浮点数,比如5/2不是2,是2.5,0/0为NaN,如果想实 阅读全文
posted @ 2016-10-08 11:37 这名字就是霸气 阅读(386) 评论(0) 推荐(0)
摘要:RT,是参照慕课的教程做的。两个多小时的教程,看完了然后晚上的时候做了下,看的时候感觉明白了,但其实做的时候还是有很多小细节需要处理的。 上代码,思想什么的直接去慕课看教程就好了。点击这里 注释也比较清楚,应该能看得懂 16年12.5更新 想做全屏滚动,发现这个框架不支持,于是做了点小改动,支持do 阅读全文
posted @ 2016-09-25 22:24 这名字就是霸气 阅读(2077) 评论(0) 推荐(0)
摘要:RT,不是很难,但是感觉代码一点都不简洁,就是多加点判断,直接上代码了。 HTML部分: 1 <div class = "container-fluid"> 2 <div class = "row"> 3 <div class = "col-xs-12 line" style="text-align 阅读全文
posted @ 2016-09-11 19:27 这名字就是霸气 阅读(282) 评论(0) 推荐(0)
摘要:转载注明出处!!! 转载注明出处!!! 转载注明出处!!! 因为要实现部门通讯录,后台传来的数据是直接从数据库里拿的部门表,所以没有层级分类,只有parentId表示从属关系,所以分类的事情就交给我来做了。 不能说效率多高,只是说能实现了。 其实ACMer或者学过点算法和数据结构的应该知道这其实就是 阅读全文
posted @ 2016-09-03 14:35 这名字就是霸气 阅读(6189) 评论(2) 推荐(0)
摘要:只做实现。。完全没考虑性能优化。所以我实现了以后特别卡。 第一个是在通讯录右边的索引条上进行滑动,滑动到相应字母就跳转到相应字母的锚点上。 思路:监听touchmove事件,获取clientX和clientY,传入到elementFromPoint,然后获取到元素以后执行click()即可。 这里会 阅读全文
posted @ 2016-09-02 21:31 这名字就是霸气 阅读(2836) 评论(0) 推荐(0)
摘要:转载注明出处!!! 转载注明出处!!! 转载注明出处!!! 图片轮播demo,弄清楚过程其实是一个很简单的东西,看网上都没有什么实质性的代码,就自己把过程捋了一遍实现了。 这次因为随手写的,所以没有做什么通用性的修改,纯粹想到哪写到哪,大神们别说我就好了。 思路就是显示一张图片,其他图片隐藏掉,很简 阅读全文
posted @ 2016-09-01 16:41 这名字就是霸气 阅读(256) 评论(0) 推荐(0)
摘要:转载注明出处!!! 转载注明出处!!! 转载注明出处!!! 因为要用到可拖拽表单,个人要比较喜欢自己动手,不怎么喜欢在不懂实现或者原理的情况下用插件,所以查找资料实现了一个。 思路:放入:用mousedown判断鼠标点击的位置是否在触发控件的位置,如果是,mousemove的时候clone一个控件, 阅读全文
posted @ 2016-09-01 16:16 这名字就是霸气 阅读(4815) 评论(0) 推荐(0)
摘要:事件部分 onkeydown 键盘按下 onkeyup 键盘松开 mouseover 鼠标进入 mouseout 鼠标移开 mouserenter 鼠标进入,与mouseover的区别是,当鼠标进入元素的子元素时,mouseover会触发,但是mouserenter不会 mouseleave 鼠标移 阅读全文
posted @ 2016-08-31 20:53 这名字就是霸气 阅读(238) 评论(0) 推荐(0)

1