会员
周边
新闻
博问
AI培训
云市场
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
Riptide
all the little lights
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
···
14
下一页
2018年8月14日
【设计模式】策略模式
摘要: 1,意图: 定义一系列的算法/或者行为,把他们一个个封装起来,并且使得他们可以相互替换。使得算法和行为的变化可以独立于他们的客户而变化。 例子: 实例化一个Person,我们吃意大利面可以用叉子,但是不习惯的人可以用筷子,这种吃面的行为或者说不同的算法可以独立的切...
阅读全文
posted @ 2018-08-14 22:15 狂奔的冬瓜
阅读(178)
评论(0)
推荐(0)
编辑
2018年7月31日
【svg】svg动画
摘要: 如果你之前没有接触过svg,可以看下这个简略图: https://www.processon.com/view/link/5ae205a2e4b0411f64d1f65a最近在看svg,发现svg和css animation结合起来,能够做一些很好玩儿的动画效果。比如...
阅读全文
posted @ 2018-07-31 23:16 狂奔的冬瓜
阅读(425)
评论(0)
推荐(0)
编辑
2018年7月23日
【javascript】私有化变量
摘要: 之前的文章 瓜皮csdn把之前正确的排版,给全部打乱了。。。----js中如何像java一样,将实例变量设置为私有呢? 因为没有类似的关键字private方法一: 在ES6之前,我们是通过闭包来完成封装的,看例子:// 结构赋值和函数默认参数的使用function i...
阅读全文
posted @ 2018-07-23 22:25 狂奔的冬瓜
阅读(629)
评论(0)
推荐(0)
编辑
2018年6月22日
洗牌算法 -javascript实现
摘要: 比如我们有52张牌,现在的需求就是洗牌(俗名打乱顺序 - -!)先构造一个数组: const nums = ['A', 1,2,3,4,5,6,7,8,9,'J','Q','K'] const signs = ['♥️', '♦️', '♣️', '♠️'] c...
阅读全文
posted @ 2018-06-22 12:08 狂奔的冬瓜
阅读(1394)
评论(1)
推荐(0)
编辑
2018年6月11日
【CSS】使用css绘制一个沙漏
摘要: 现在有一个需求,绘制一个沙漏,像下面这样:其实如果单纯绘制这样一个 “静态”的沙漏,很简单,因为我们都知道怎么画三角形,使用border即可做到,黑边我们在外面增加一个div即可。或者给一个上下边框为黑色2px的div增加一个::after or ::before伪元...
阅读全文
posted @ 2018-06-11 11:56 狂奔的冬瓜
阅读(458)
评论(0)
推荐(0)
编辑
2018年5月21日
【javascript】DOM模拟事件 和 自定义事件
摘要: 事件,就是网页中某一个特别值得关注的瞬间。事件经常由用户操作或通过其他浏览器功能来触发。但是也可以使用Javascript在任意时刻触发特定的事件,这个时候的事件和浏览器创建的事件一样。 也就是说这些事件还是有冒泡等属性,而且浏览器也会响应该事件去执行相应的事件处理程...
阅读全文
posted @ 2018-05-21 20:57 狂奔的冬瓜
阅读(742)
评论(0)
推荐(0)
编辑
2018年5月15日
【CSS】css grid 布局
摘要: css grid布局出来很久了,可以翻译成栅栏布局,或者网格布局,看到了一个很好的应用,所以写下此篇基础教程。比如我们要达到下面这样一个效果要怎么做?图中有16个元素,我们要其自适应宽度,按照我们以前的想法肯定是直接通过media,媒体查询来完成这个,但是代码肯定不会...
阅读全文
posted @ 2018-05-15 00:00 狂奔的冬瓜
阅读(218)
评论(0)
推荐(0)
编辑
2018年5月2日
【设计模式】单例模式---对象创建型模式
摘要: 1,意图 保证一个类仅有一个实例,并提供一个访问它的全局访问点。2,动机 对一些类来说,只有一个实例是很重要的。比如操作系统里面只应该有一个文件系统,一个资源管理器。一个会计系统只能专注于一个公司,一个班级只能有一个正班长。 我们要如何保证一个类只有一...
阅读全文
posted @ 2018-05-02 19:31 狂奔的冬瓜
阅读(171)
评论(0)
推荐(0)
编辑
2018年4月27日
【CSS】绘制一个任意角度的扇形
摘要: 现在有这样一个需求,我们要用html 和 css绘制这样一个图形(sry,这水印不知道咋去掉,o(╯□╰)o):我们首先可能想到的就是先画三角形,然后使用border-radius,是的我也是这样想的,比如div元素是这样: 结果如下,其他的情况可以通过旋转 可...
阅读全文
posted @ 2018-04-27 01:12 狂奔的冬瓜
阅读(2211)
评论(0)
推荐(0)
编辑
2018年4月17日
【javascript】webpack code split && tree shaking
摘要: webpack打包vue项目之后的文件太大,本身我们项目的体量也比较大,首次加载太慢。所以尝试代码分割,对打包之后的app.js进行拆分。1,动态加载 -(路由懒加载) -(按需加载) 现在vue项目里面,有很多路由,一个路由对应着或者多个路由对应着一个组件,如...
阅读全文
posted @ 2018-04-17 20:49 狂奔的冬瓜
阅读(474)
评论(0)
推荐(0)
编辑
上一页
1
2
3
4
5
6
···
14
下一页