上一页 1 2 3 4 5 6 7 8 9 ··· 21 下一页
摘要: 首先 导航链接应该使用 NavLink 而不再是 Link NavLink 使用方法见 https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/api/NavLink.md Na 阅读全文
posted @ 2019-01-25 20:15 我不吃饼干呀 阅读(13646) 评论(0) 推荐(1) 编辑
摘要: 实现效果:(可戳 https://codepen.io/wenr/pen/EGEQxp 查看) 因为工作中会用到 JIRA 所以想实现一下相似的功能,顺便学习一下 H5 的拖拽。不支持拖拽改变顺序,感觉有点麻烦,而且没必要。感觉相关的博文好少的,大部分都是直接上代码,没有解释。 图片默认可以拖动,其 阅读全文
posted @ 2019-01-05 18:06 我不吃饼干呀 阅读(37138) 评论(4) 推荐(5) 编辑
摘要: 上接 Underscore.js 源码学习笔记(上) 756 行开始 函数部分。 var executeBound = function(sourceFunc, boundFunc, context, callingContext, args) { if (!(callingContext inst 阅读全文
posted @ 2018-12-22 15:33 我不吃饼干呀 阅读(391) 评论(0) 推荐(0) 编辑
摘要: 版本 Underscore.js 1.9.1 一共 1693 行。注释我就删了,太长了… 整体是一个 (function() {...}()); 这样的东西,我们应该知道这是一个 IIFE(立即执行函数)。 var root = typeof self == 'object' && self.sel 阅读全文
posted @ 2018-12-06 20:45 我不吃饼干呀 阅读(582) 评论(2) 推荐(0) 编辑
摘要: 约学 - 可以寻找一起自习的小伙伴的Web APP 一个基于 Vue & Node 的移动端全栈小项目 在线演示(请使用移动端查看效果) 源码地址: https://github.com/G-lory/yuexue (感觉要被玩坏了…我知道有很多bug…发现bug可以告诉我……谢谢dalao们……) 阅读全文
posted @ 2018-12-04 17:51 我不吃饼干呀 阅读(5314) 评论(12) 推荐(3) 编辑
摘要: 写过 React ,用的是 create-react-app ,写过 Vue ,用的是 vue-cli , 第一次想了解一下 Webpack 。 我的环境 Mac OS, node: v8.11.1, npm: 5.6.0, Webpack: 3.12.0 0. 什么是Webpack 我就不说乱七八 阅读全文
posted @ 2018-11-28 09:58 我不吃饼干呀 阅读(656) 评论(1) 推荐(0) 编辑
摘要: 找了好多博客实现效果都……emmm…… 应用Vue自带的过渡 《 进入/离开 & 列表过渡 》和 嵌套路由 和 fixed定位实现 其实还是挺简单的。 在子页面把整个页面做绝对定位,覆盖整个屏幕,子父页面将 router-view 用 transition 套起来,并加上过渡动画就可以啦。 代码: 阅读全文
posted @ 2018-11-12 20:44 我不吃饼干呀 阅读(17313) 评论(0) 推荐(4) 编辑
摘要: 之前在慕课网看了几集Canvas的视频,一直想着写点东西练练手。感觉贪吃蛇算是比较简单的了,当年大学的时候还写过C语言字符版的,没想到还是遇到了很多问题。 最终效果如下(图太大的话 时间太长 录制gif的软件有时限…) 首先定义游戏区域。贪吃蛇的屏幕上只有蛇身和苹果两种元素,而这两个都可以用正方形格 阅读全文
posted @ 2018-10-20 09:24 我不吃饼干呀 阅读(1244) 评论(2) 推荐(1) 编辑
摘要: 参考 https://www.jianshu.com/p/0a3aebd63a14 一个需要判断的地方就是加载中再次触发滚动的时候,不要获取数据。 阅读全文
posted @ 2018-10-15 19:27 我不吃饼干呀 阅读(3425) 评论(0) 推荐(0) 编辑
摘要: 效果 基本是用CSS实现的,没有用图片,加一丢丢JS。完全没有考虑兼容性。 首先画一个转盘, 效果如下,配色什么的不要在意,可能比较丑。。。 然后写抽奖指针的小箭头,用CSS画三角形是一个比较常见的问题,通过设置width和height为0,然后用border实现。 如图,矩形是由四个三角形边框组成 阅读全文
posted @ 2018-10-04 10:31 我不吃饼干呀 阅读(13714) 评论(21) 推荐(17) 编辑
摘要: https://github.com/reduxjs/redux 版本 4.0.0 先了解一下redux是怎么用的,此处摘抄自阮一峰老师的《Redux 入门教程》 // Web 应用是一个状态机,视图与状态是一一对应的 // 所有的状态,保存在一个对象里面 // store 是保存数据的地方 // 阅读全文
posted @ 2018-09-21 00:18 我不吃饼干呀 阅读(488) 评论(0) 推荐(0) 编辑
摘要: 纯属无聊写的,可能有很多问题,欢迎批评指教。 效果图:图一是预设的一些弹幕,图二是自己发射的弹幕,效果是一样的。demo地址 首先是弹幕的位置,是要从最右滑到最左,为了防止随机高度弹幕会覆盖的问题,设置了通道。 每一个通道是从左到右的一条,高度固定,这样不同通道的弹幕不会相互覆盖。 弹幕滑动就是简单 阅读全文
posted @ 2018-08-31 16:38 我不吃饼干呀 阅读(21230) 评论(5) 推荐(7) 编辑
摘要: 最终效果 其实主要难点在于最左边的小时钟 指针的实现方式很简单,就是通过绝对定位将指针移到中间,然后以下边中间的位置为圆心旋转即可。代码如下: 效果 秒针转起来的效果也很简单,通过定时器setInterval每隔一秒更新秒针的角度。 现在就可以看到指针一跳一跳的了。但是呢,我希望指针平缓的走,那么可 阅读全文
posted @ 2018-08-30 18:07 我不吃饼干呀 阅读(2525) 评论(1) 推荐(1) 编辑
摘要: 参考教程:https://github.com/alsotang/node-lessons 1~5节 1. 通过superagent抓取页面内容 OK 这样就获得了一份HTML代码。 因为获取HTML是异步的,所以我们封装一个函数,返回一个Promise。 2. 通过cheerio筛选页面数据 总不 阅读全文
posted @ 2018-08-19 09:31 我不吃饼干呀 阅读(525) 评论(1) 推荐(0) 编辑
摘要: 没用过裸的Ajax 也没听过jsonp,也不了解跨域问题,emmm… 参考: http://www.runoob.com/ajax/ajax-tutorial.html https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a 阅读全文
posted @ 2018-08-08 19:27 我不吃饼干呀 阅读(314) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 21 下一页