- 博客(20)
- 收藏
- 关注
RSS订阅原创 面向对象之静态属性，静态方法，公有属性，公有方法详解
公有属性，公有方法function Person(name, age){ this.name = name; //公有属性 this.age = age; }Person.prototype.sayName = function(){ //公有方法 return this.name;}私有属性和私有方法，私有属性和方法不能够通过this来掉用,外部也无法调...
2019-01-09 14:52:53
483
原创 call, apply, bind的模拟实现
call,apply,bind都是用于改变this的指向的，call和apply的区别在于，他们传递的参数不一样，后者是用数组传参，bind和call, apply两者的区别是，bind返回的是一个函数。在模拟他们实现之前，我们需要先做些兼容处理，如下Function.prototype.bind = Function.prototype.bind || function(context){...
2019-01-09 14:50:03
622
原创 this指向的深入解析
在面试题中，老是喜欢给一段代码，然后问这里的this的到底指向谁，切记这里有一个坑，有些出题人出的题目原本就是错的，然后故意问你这里的this指向的是谁。这里要明确指出，在函数定义的时候用到了this,这时是确定不了this的指向的，只有在函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，也可以说是函数运行时所在的环境对象。5种this的常用方法1. 纯...
2018-12-27 18:37:00
175
原创 [007]-css实现变形虫
效果预览https://codepen.io/strugglingBoy/pen/EdLReY代码下载https://github.com/enstrongbill/daily-frontend-exercise/tree/master/029-amoeba代码解读主要利用border-radius来实现变形虫外观的变化，背景的变化就使用background-position来实现1...
2018-10-19 20:24:28
315
原创 [006]-svg实现花朵
效果预览https://codepen.io/strugglingBoy/pen/jeGJxZ代码下载https://github.com/enstrongbill/daily-frontend-exercise/tree/master/028-abstract-flower代码解读每个花朵由6个6边形组成，每个6边形由6个折角形成每一圈的结构，use相当于是复制元素的意思(用x...
2018-10-18 19:08:51
434
原创 [005]-css实现热气球
效果预览https://codepen.io/strugglingBoy/pen/VEzEqJ代码下载https://github.com/enstrongbill/daily-frontend-exercise/tree/master/025-hot-air-balloon代码解读热气球由热气袋和篮子所组成，.envelope里面的第一个span标签是热气袋的制作，热气袋是由一个圆...
2018-10-17 18:12:26
809
原创 [004]-css实现蝙蝠侠
效果预览https://codepen.io/strugglingBoy/pen/jeGJxZ代码下载https://github.com/enstrongbill/daily-frontend-exercise/tree/master/027-batman代码解读蝙蝠侠是通过一个圆形和四个三角形所形成的1.html代码定义了一个.batman的容器(用于画出蝙蝠侠的脸)，两个...
2018-10-17 17:31:47
201
原创 [003]-css实现啊飘
效果预览https://codepen.io/strugglingBoy/pen/ReRjqr代码下载https://github.com/enstrongbill/daily-frontend-exercise/tree/master/022-ghost代码解读啊飘是通过两个上半园和下半园合在一起形成的，眼睛和嘴巴是通过伪元素所形成的1.html代码定义了一个.ghost的容...
2018-10-05 20:01:49
206
原创 [坑004]webpack4.x安装问题
0x00错误描述The CLI moved into a separate package: webapck-cli0x01产生原因这个是webpack4.x版本把原本的CLI给分离出去了，变成了webpack-cli，所以需要安装多一个webpack-cli0x02解决方法npm install -D webpack-cli0x00总结发现最近遇到的问题大多是版本号的问题...
2018-10-04 18:32:21
965
原创 [坑003]babel-loader和babel-core安装问题
0x00错误描述Error: Cannot find module '@babel/core’0x01产生的原因babel-loader和babel-core版本不对应所产生的，babel-loader 8.x对应babel-core 7.xbabel-loader 7.x对应babel-core 6.x刚一开始我一看到cannot find module,第一条件反射就认为我自...
2018-10-04 18:12:36
12280
1
原创 [坑002]extract-text-webpack-plugin安装问题
0x00错误描述Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead0x01产生的原因产生这个的原因大多是因为使用的webpack的版本是4.x以上的，extract-text-webpack-plugin这个4.0一下的版本是不支持webpack4....
2018-10-04 17:32:34
2065
原创 [002]-css实现颜文字动画
效果预览https://codepen.io/strugglingBoy/pen/BqKWBY代码下载https://github.com/enstrongbill/daily-frontend-exercise/tree/master/020-shrug代码解读1.html代码:定义一个.shrug容器<div class="shrug"> <...
2018-10-04 13:56:54
705
原创 [001]-css实现抽象眼睛
效果预览https://codepen.io/strugglingBoy/pen/rqejqR代码下载https://github.com/enstrongbill/daily-frontend-exercise/tree/master/021-abstract-eyes代码解读定义一个.eye的容器，里面包含9个.cirque(圆环)<div class="eye">...
2018-10-04 12:39:49
322
原创 [003]filter:drop-shadow属性
filter:drop-shadowdrop-shadow(h-shadow v-shadow blur spread color)跟box-shadow的参数差不多，至不够没有了inset(内阴影的参数)常用写法filter: drop-shadow(20px 20px 0px red);drop-shadow相比box-shadow的最大的优势就是，它才是真正意义上的投影 d...
2018-09-27 19:24:24
1615
原创 [002]box-shadow属性
box-shadowbox-shadow: h-shadow v-shadow blur spread color inset;h-shadow水平阴影的位置v-shadow必需。垂直阴影的位置blur模糊距离spread阴影的尺寸color阴影的颜色inset将外部阴影 (outset) 改为内部阴影我们平时大多使用的box-s...
2018-09-27 18:43:53
249
原创 [001]linear-gradient属性
linear-gradientbackground: linear-gradient(direction, color-stop1, color-stop2, …)direction可以是[ angle | to side-or-corner ]linear-gradient(30deg, #3f87a6, #ebf8e1);linear-gradient(to left, #333, ...
2018-09-27 17:55:24
816
原创 [坑001]pip install xadmin安装问题
0x00 错误描述UnicodeDecodeError: ‘gbk’ codec can’t decode byte 0xa4 in position 34440x01 产生的原因我的django版本为2.0，python版本为3.0，直接在命令行里使用pip install xadmin，就会产生这个问题。xadmin版本的问题所导致的。0x02 解决方法选择对应的django版...
2018-09-21 19:35:01
1998
原创 详解python装饰器
开放封闭原则的定义开放封闭原则(OCP, Open CLosed Principle)是所有面向对象原则的核心。”需求总是变化的”，所以诞生出了这种原则，它主要体现在两方面对扩展开放，意味着有心得需求的时候，可以对现有的代码进行拓展，以适应新的情况对修改封闭，意味着类一但设计完成，就可以独立完成其工作，就不要对类进行任何的修改装饰器使用的场景多用于插入日志，性能测试，事务处理，缓存，...
2018-09-19 10:15:33
192
原创 python的class中常用的'魔术方法'
魔术方法的定义在python中所有以”__”双下划线开头和结尾的方法都统称为魔术方法(Magic Method)常用的魔术方法内置方法说明init(self,…)初始化对象，在创建新对象的时候使用del(self)释放对象，在对象被删除的时候使用new(cls,*args,**kwargs)实例化的方法call(self, *args, **kwa...
2018-09-19 10:03:21
715
原创 HTML5总结及原理剖析
html5中新增的特性1.语义化标签，比如： 等，可以使我们创建更友好的页面结构，便于搜索引擎抓取； div是division的缩写，你在网页中写了大量的div,就算你写了class或是id,要一下子理解里面到底是什么还是很困难的。2.多媒体标签，比如： 。可以让我们定义多媒体文件的类型和行为；3.2D绘图，矢量图应用， 标签可以让我们在网页上绘制复杂的图形和显示
2018-01-07 15:41:51
918
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人