【工具】提交代码前的代码检查pre-commit

前景提要:  项目提交之前做代码检查,避免不规范的代码推送到服务器。 前端项目的pre commit check,检查内容:.js .vue .scss (可能是其他的jsx 或者less)   实际上原理是 git hooks, 在commit之前执行某些脚本。这个脚本的定义是放在.g...

2018-12-03 22:56:42

阅读数:101

评论数:0

【javascript】《you dont know javascript 上卷》笔记

【javascript】《you dont know javascript 上卷》读书笔记欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPa...

2018-11-20 14:17:12

阅读数:33

评论数:0

【javascript】[Vue warn]: You may have an infinite update loop in a component render function.

今天遇到一个问题,因为数据来源不是同一个数组,但是想使用连续的index。 简化了一下,代码长下面这样,实际上第一眼看是没有问题的。 <!DOCTYPE html> <html> <...

2018-09-20 00:05:07

阅读数:217

评论数:0

【设计模式】策略模式

1,意图:   定义一系列的算法/或者行为,把他们一个个封装起来,并且使得他们可以相互替换。使得算法和行为的变化可以独立于他们的客户而变化。   例子: 实例化一个Person,我们吃意大利面可以用叉子,但是不习惯的人可以用筷子,这种吃面的行为或者说不同的算法可以独立的切换或者使用。 2,别...

2018-08-14 22:15:21

阅读数:48

评论数:1

【svg】svg动画

如果你之前没有接触过svg,可以看下这个简略图: https://www.processon.com/view/link/5ae205a2e4b0411f64d1f65a 最近在看svg,发现svg和css animation结合起来,能够做一些很好玩儿的动画效果。 比如看这个:   ...

2018-07-31 23:16:13

阅读数:162

评论数:0

【javascript】私有化变量

之前的文章 瓜皮csdn把之前正确的排版,给全部打乱了。。。 ---- js中如何像java一样,将实例变量设置为私有呢? 因为没有类似的关键字private 方法一:  在ES6之前,我们是通过闭包来完成封装的,看例子: // 结构赋值和函数默认参数的使用 function init...

2018-07-23 22:25:17

阅读数:100

评论数:0

洗牌算法 -javascript实现

比如我们有52张牌,现在的需求就是洗牌(俗名打乱顺序 - -!)先构造一个数组: const nums = ['A', 1,2,3,4,5,6,7,8,9,'J','Q','K'] const signs = ['♥️', '♦️', '♣️', '♠️'] const cards = []...

2018-06-22 12:07:34

阅读数:164

评论数:0

【CSS】使用css绘制一个沙漏

现在有一个需求,绘制一个沙漏,像下面这样:其实如果单纯绘制这样一个 “静态”的沙漏,很简单,因为我们都知道怎么画三角形,使用border即可做到,黑边我们在外面增加一个div即可。或者给一个上下边框为黑色2px的div增加一个::after or ::before伪元素即可。但是我们需要这个沙漏是...

2018-06-11 11:55:49

阅读数:355

评论数:0

【javascript】DOM模拟事件 和 自定义事件

事件,就是网页中某一个特别值得关注的瞬间。事件经常由用户操作或通过其他浏览器功能来触发。但是也可以使用Javascript在任意时刻触发特定的事件,这个时候的事件和浏览器创建的事件一样。 也就是说这些事件还是有冒泡等属性,而且浏览器也会响应该事件去执行相应的事件处理程序。我们来跑一个最简单的例子,...

2018-05-21 20:56:49

阅读数:163

评论数:0

【CSS】css grid 布局

css grid布局出来很久了,可以翻译成栅栏布局,或者网格布局,看到了一个很好的应用,所以写下此篇基础教程。比如我们要达到下面这样一个效果要怎么做?图中有16个元素,我们要其自适应宽度,按照我们以前的想法肯定是直接通过media,媒体查询来完成这个,但是代码肯定不会简洁,但是我们通过grid 布...

2018-05-14 23:59:56

阅读数:109

评论数:0

【设计模式】单例模式---对象创建型模式

1,意图     保证一个类仅有一个实例,并提供一个访问它的全局访问点。 2,动机    对一些类来说,只有一个实例是很重要的。比如操作系统里面只应该有一个文件系统,一个资源管理器。一个会计系统只能专注于一个公司,一个班级只能有一个正班长。     我们要如何保证一个类只有一个实例,并且能...

2018-05-02 19:30:59

阅读数:64

评论数:0

【CSS】绘制一个任意角度的扇形

现在有这样一个需求,我们要用html 和 css绘制这样一个图形(sry,这水印不知道咋去掉,o(╯□╰)o):我们首先可能想到的就是先画三角形,然后使用border-radius,是的我也是这样想的,比如div元素是这样: <div style=" ...

2018-04-27 01:11:57

阅读数:2799

评论数:0

【javascript】webpack code split && tree shaking

webpack打包vue项目之后的文件太大,本身我们项目的体量也比较大,首次加载太慢。所以尝试代码分割,对打包之后的app.js进行拆分。1,动态加载 -(路由懒加载) -(按需加载)    现在vue项目里面,有很多路由,一个路由对应着或者多个路由对应着一个组件,如果不进行代码拆分,所有的这些组...

2018-04-17 20:48:37

阅读数:266

评论数:0

【设计模式】Observer(观察者)模式----对象行为模式

1,意图    定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知 并 被自动更新。2,别名    依赖(Dependents),发布-订阅模式(Publish-Subscribe)3,动机    将一个系统分割成一系列相互协作的类有一个常见的副作用,需要维...

2018-04-08 00:26:05

阅读数:124

评论数:0

【javascipt】Generator函数(生成器)

key: Generator函数是ES6提供的一种异步编程解决方案Generator函数和普通函数就有两个区别:         一是  function命令与函数名之间有一个星号 *           二是 函数体内有yield语句 定义不同的内部状态---------------------...

2018-04-01 00:42:41

阅读数:56

评论数:0

【javascript】关于react的Virtual DOM 与数据更新

一,关于Virtual DOM        真实的页面对应一个DOM树,传统的交互就是 DOM树 触发事件 -> 然后业务处理 ->操纵dom树。操作DOM性能消耗大,且繁琐,维护成本高。        于是 React把真实的DOM树转换成Javas...

2018-02-13 01:28:32

阅读数:210

评论数:0

【计算机网络】验证两个ip是否在同一网段

ip/mask sub network

2018-02-05 16:21:37

阅读数:118

评论数:0

【javascript】值传递 pass by value

最近有一个需求,我们先看一个小的例子 var student = { name: 'Catherine', age: 19, address: { province: '江苏', city: '南昌' }, landL...

2018-01-20 00:46:55

阅读数:151

评论数:0

【javascript】关于Function.prototype.bind

我们知道 this 一般根据所处位置区分为两种情况:   函数外面在全局上下文下 指的是全局对象 函数里面的是函数上下文 (这个函数上下文有多种情况这里不做描述)   也知道call 和 apply是可以改变函数内部的this对象。 最简单的例子是这样。 name = &q...

2018-01-09 10:46:58

阅读数:129

评论数:0

【CSS】绝对定位元素的水平居中 和 垂直居中

居谁的中呢,相对于谁绝对定位,就是居谁的中了。 若是水平居中的话,将该绝对定位的元素添加这个样式: left: 0; right: 0; margin-left: auto; margin-right: auto; demo: <!DOCTYPE html&...

2017-10-19 22:00:04

阅读数:848

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭