摘要:
如果您发现错误,请一定要告诉我,拯救一个辣鸡(但很帅)的少年就靠您了! 本文适合有 JavaScript 基础 && 面向搜索引擎书写正则的人群。 正则表达式是用于匹配字符串中字符组合的模式。正则表达式的模式规则是由一个字符序列组成的。包括所有字母和数字在内,大多数的字符都是直接按照直接量描述待匹配 阅读全文
摘要:
阅读 redux 源码之后,想要加深一下对中间件的理解,于是选择 redux-thunk(2.3.0)这个源码只有十几行的中间件。 之前 redux 的学习笔记 https://www.cnblogs.com/wenruo/p/9664375.html redux 中的 applyMiddlewar 阅读全文
摘要:
大过年的,要不要写点代码压压惊?来花十分钟学一下怎么通过 NPM 构建一个命令行工具。 写了一个小 demo,用于代替 touch 的创建文件命令 touchme ,可以创建自带“佛祖保佑”注释的文件。效果如下: 命令可以带有一个参数,选择注释的符号 现在,开始撸代码 ~ 首先创建一个文件夹,我起名 阅读全文
摘要:
首先 导航链接应该使用 NavLink 而不再是 Link NavLink 使用方法见 https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/api/NavLink.md Na 阅读全文
摘要:
实现效果:(可戳 https://codepen.io/wenr/pen/EGEQxp 查看) 因为工作中会用到 JIRA 所以想实现一下相似的功能,顺便学习一下 H5 的拖拽。不支持拖拽改变顺序,感觉有点麻烦,而且没必要。感觉相关的博文好少的,大部分都是直接上代码,没有解释。 图片默认可以拖动,其 阅读全文
摘要:
上接 Underscore.js 源码学习笔记(上) 756 行开始 函数部分。 var executeBound = function(sourceFunc, boundFunc, context, callingContext, args) { if (!(callingContext inst 阅读全文
摘要:
版本 Underscore.js 1.9.1 一共 1693 行。注释我就删了,太长了… 整体是一个 (function() {...}()); 这样的东西,我们应该知道这是一个 IIFE(立即执行函数)。 var root = typeof self == 'object' && self.sel 阅读全文
摘要:
约学 - 可以寻找一起自习的小伙伴的Web APP 一个基于 Vue & Node 的移动端全栈小项目 在线演示(请使用移动端查看效果) 源码地址: https://github.com/G-lory/yuexue (感觉要被玩坏了…我知道有很多bug…发现bug可以告诉我……谢谢dalao们……) 阅读全文
摘要:
写过 React ,用的是 create-react-app ,写过 Vue ,用的是 vue-cli , 第一次想了解一下 Webpack 。 我的环境 Mac OS, node: v8.11.1, npm: 5.6.0, Webpack: 3.12.0 0. 什么是Webpack 我就不说乱七八 阅读全文
摘要:
找了好多博客实现效果都……emmm…… 应用Vue自带的过渡 《 进入/离开 & 列表过渡 》和 嵌套路由 和 fixed定位实现 其实还是挺简单的。 在子页面把整个页面做绝对定位,覆盖整个屏幕,子父页面将 router-view 用 transition 套起来,并加上过渡动画就可以啦。 代码: 阅读全文
摘要:
之前在慕课网看了几集Canvas的视频,一直想着写点东西练练手。感觉贪吃蛇算是比较简单的了,当年大学的时候还写过C语言字符版的,没想到还是遇到了很多问题。 最终效果如下(图太大的话 时间太长 录制gif的软件有时限…) 首先定义游戏区域。贪吃蛇的屏幕上只有蛇身和苹果两种元素,而这两个都可以用正方形格 阅读全文
摘要:
参考 https://www.jianshu.com/p/0a3aebd63a14 一个需要判断的地方就是加载中再次触发滚动的时候,不要获取数据。 阅读全文
摘要:
效果 基本是用CSS实现的,没有用图片,加一丢丢JS。完全没有考虑兼容性。 首先画一个转盘, 效果如下,配色什么的不要在意,可能比较丑。。。 然后写抽奖指针的小箭头,用CSS画三角形是一个比较常见的问题,通过设置width和height为0,然后用border实现。 如图,矩形是由四个三角形边框组成 阅读全文
摘要:
https://github.com/reduxjs/redux 版本 4.0.0 先了解一下redux是怎么用的,此处摘抄自阮一峰老师的《Redux 入门教程》 // Web 应用是一个状态机,视图与状态是一一对应的 // 所有的状态,保存在一个对象里面 // store 是保存数据的地方 // 阅读全文
摘要:
纯属无聊写的,可能有很多问题,欢迎批评指教。 效果图:图一是预设的一些弹幕,图二是自己发射的弹幕,效果是一样的。demo地址 首先是弹幕的位置,是要从最右滑到最左,为了防止随机高度弹幕会覆盖的问题,设置了通道。 每一个通道是从左到右的一条,高度固定,这样不同通道的弹幕不会相互覆盖。 弹幕滑动就是简单 阅读全文