范喆的博客

希望共同学习共同进步~

排序:
默认
按更新时间
按访问量

未知宽度的水平居中全面解析

1.相对浮动 <html> <head> <title>我的第一个 HTML 页面</title> &l...

2018-11-16 12:22:26

阅读数:21

评论数:0

对JS值类型和引用类型的整理

Js变量类型:值类型和引用类型 1.值类型占用空间固定,保存在栈中。 2.保存和复制的都是本身 3.用typeof可以检测数据类型 4.基本数据类型数据是值类型 1.引用类型占用空间不固定,保存在堆中。 2.保存的是指向对象的指针。 3.用instanceof去检测数据类型。 4.用new()方法...

2018-11-14 12:16:25

阅读数:5

评论数:0

js中 call bind apply区别

call、apply、bind都是js中改变this的指向,但是使用起来不太一样。 call(this,agrument1,agrument2) apply(this,[agrument1,agrument2]) bind(this)(agrument1,agrument2) 注意如果cal...

2018-11-14 12:14:44

阅读数:8

评论数:0

Git从原理到解决冲突

浅谈原理 首先说一下git是怎么样保存数据的。 git通过保存快照的方式保存着数据,计算机储存结构类似TCP/IP一样的栈结构,有兴趣的可以更多的去看一下网络的七层协议。应用层、表示层、会话层、传输层、网络层、数据链路层、物理层。快照的储存栈分为四部分,应用层、文件系统层、卷管理层、物理层。...

2018-09-11 18:05:24

阅读数:51

评论数:0

梳理css的position属性

1.absolute(绝对定位) 生成绝对定位的元素,相对于第一个父元素进行定位。通过left,top,right,bottom来定位远。 2.fixed(绝对定位) 也是生成绝对定位的元素,相对于浏览器进行定位。也是通过left,top,right,bott...

2018-09-10 17:44:03

阅读数:16

评论数:0

一步步学会flex布局

从概念说起,flex布局叫弹性布局。 采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。 flex布局的多个属性 1.flex-direction决定flex布局主...

2018-08-27 11:57:52

阅读数:54

评论数:0

git工作中常用操作

1、生成密钥对 a.生成密钥对命令:ssh-keygen -t rsa -C你的邮箱 —–其中C是大写。 b.生成之后用 notepad c:/User/Administrator/.ssh/id_rsa.pub 打开文件,然后将公钥添加的Gitlab中 2、获取远程git库 git...

2018-08-16 17:35:49

阅读数:24

评论数:0

js中map和forEach的相同和不同

相同点: 都是循环遍历数组中的每一项forEach和map方法里每次执行匿名函数都支持3个参数,参数分别是item(当前每一项)index(索引值)、arr(原数组) 匿名函数中的this都是指向window 只能遍历数组 不同点: Map返回的是新数组,forEach没有返回值。 m...

2018-07-10 16:34:47

阅读数:65

评论数:0

vue怎么样实现MVVM数据双向绑定

关键词:vue MVVM MVC是model、view和control, MVVM是model view view model,通过数据驱动视图层。 MVC、MVP和MVVM之间的区别–阮一峰 三大框架中两种实现数据双向绑定 1.angular是通过脏值检测,特定的事件才会触发脏...

2018-06-21 10:43:54

阅读数:143

评论数:0

DOM元素遍历——红皮书上的API

childElement:返回子元素的个数 firstElement:指向第一个子元素 lastElement:指向最后一个子元素 previousElementSibling:指向前一个同辈元素 nextElementSibling:指向后一个同辈元素...

2018-05-23 16:08:15

阅读数:38

评论数:0

深度解析JavaScript事件循环--EventLoop

为什么有事件循环? JavaScript是单线程语言,所以会产生异步。在执行任务的时候,先检查事件队列是否为空,不为空的话将任务放到执行栈执行,执行栈执行过后为空就会又回到事件队列去判断事件队列是否为空,这样就形成了事件循环的简单机制。 **栈:先进后出 队列:先进先出** ...

2018-05-22 18:55:13

阅读数:27

评论数:0

NodeJS Module实现原理

**Node引入模块的时候: 路径分析 -> 文件定位 -> 编译执行** **对应加载module加载顺序 缓存加载 -> 核心模块->自...

2018-05-22 18:04:08

阅读数:54

评论数:0

react+materialUI完成自己的翻页组件

material是不带翻页工具的,这一点相比较antd还是有一些鸡肋。 所以楼主简单封装了一个翻页组件,话不多说。上代码 import React from "react"; import ChevronLeft from 'material-ui/sv...

2018-03-27 17:25:17

阅读数:902

评论数:2

一张图了解react生命周期

网上有很多关于react生命周期的文章,看完过后还是不太能理解。楼主的建议是先把react生命周期的十个方法先背下来:1.getDefaultProps作用于组件类,只调用一次,返回对象用于设置默认的props,对于引用值,会在实例中共享。2.getInitialState作用于组件的实例,在实例...

2018-03-13 10:45:57

阅读数:170

评论数:0

angular路由

自带的路由ngRoute,第三方路由ui-router。 在页面中点击跳转到某一个指定的页面可以用ngRoute,如果有多个不同的点击跳转就要用到ui-router了 ui-router     $urlRouterProvider 负责监听$location,当$l...

2018-03-06 10:11:01

阅读数:43

评论数:0

从基础开始学习angular

angular通过指令扩展HTML,通过表达式绑定数据到HTML指令:(angular相对于HTML扩展的属性,带有前缀ng-)ng-app指定一个angular应用程序(表明div是angular应用程序的所有者)指定了angular的根元素,会在网页加载完成后自动初始化应用程序。ng-mode...

2018-02-12 17:02:48

阅读数:55

评论数:0

对比起来学习前端三大框架(持续更新)

angular: 数据双向绑定,模板功能强大。依赖注入和自定义directive非常灵活。 学习路线长,框架偏重。 优缺点详见:angularJS在实际开发中有哪些优缺点? vue: 轻量级。每一个组件自带shouldComponentUpdate   react: 虚拟DOM操作...

2018-02-10 10:33:29

阅读数:4336

评论数:0

TypeScript学习心得

比较文绉绉的形容typescript的一句话是,“可选静态系统,基于类的编译型语言”(其实我也不太懂这句话的深刻意思) 通俗易懂点描述它就是“js的超集,支持js的所有属性还有其他的优势” npm安装typescript npm i -g typescript 在命令行上,运行Typ...

2018-02-06 11:35:48

阅读数:333

评论数:0

react修改标题

react是单页应用,所以我们可能需要根据不同的路由改变文档的title。 使用原生的js来修改标题 可以在路由index.js中添加一个setTitle的函数 const setTitle = title => () => document.title = ...

2018-01-31 09:57:25

阅读数:2671

评论数:0

学习lodash——这一篇就够用

在ES6盛行,ES78马上就要出来的情况下;我们还是需要懂得一些工具库的使用,比较推荐的是lodash。 在下面就会谈一谈为什么要使用lodash和lodash的基本使用。   首先要明白的是lodash的所有函数都不会在原有的数据上进行操作,而是复制出一个新的数据而不改变原有数据。类似im...

2018-01-17 09:40:42

阅读数:11884

评论数:0

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