- 博客(23)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 macOS/Linux 环境变量设置
我们安装一个软件后，之所以能够使用一些与该软件相关的命令，是因为该命令被添加到了系统的环境变量里面。比如安装完 Atom 之后，就可以使用 atom 命令打开文件。有时候我们需要自己设置环境变量，MacOS 设置环境变量有很多种方法，最常用的是编辑当前 SHELL 对应的用户级环境变量配置文件，如 bash 对应的 .bash_profile。MacOS 和 Linux 都是类 Unix 系统，...
2020-02-29 12:08:40
322
原创 Vim快捷命令
Vim氛围命令模式和编辑模式1、vim 某个文件进入到文件中，默认是命令模式。如若命令模式切换至编辑模式，单击键盘上i键即可，命令行底部显示INSERT，即可编辑该文件。编辑该文件后，单击键盘esc键，退出编辑模式至命令模式输入:wq,保存并退出输入:q!,退出并且此时修改不保存2、若想使vim命令打开的文件显示高亮等功能------修改vim配置根目录下，命...
2020-02-01 21:13:56
288
原创 JS 函数节流和去抖应用场景
函数节流和去抖的出现场景，一般都伴随着客户端 DOM 的事件监听。举个例子，实现一个原生的拖拽功能（不能用 H5 Drag&Drop API），需要一路监听 mousemove 事件，在回调中获取元素当前位置，然后重置 dom 的位置（样式改变）。如果我们不加以控制，每移动一定像素而触发的回调数量是会非常惊人的，回调中又伴随着 DOM 操作，继而引发浏览器的重排与重绘，性能差的浏览器可能...
2019-09-14 17:22:17
472
原创 ES6系列——Set和Map数据结构
ღ( ´･ᴗ･` )每天告诉自己编程是世界上最简单的事情,是不是很开心ღ每当需要ES6语法的时候，都要去查阅阮一峰老师写的【ES6入门】，强烈推荐，传送门：http://es6.ruanyifeng.com/。对于Set的用法仅仅停留在数组去重这个层面上，例如仅仅知道通过Array.from(new Set([1,2,4,5,6,4]) )可以实现数组去重，对Map的了解更是知之甚少。而且并...
2019-04-04 12:02:20
182
原创 对象的扩展
ღ( ´･ᴗ･` )每天告诉自己编程是世界上最简单的事情,是不是很开心ღ承接上一节的数组扩展，接下来我们来看看对象扩展方面的知识 1. 属性的简洁表示法 ES6 允许直接写入变量和函数，作为对象的属性和方法。这时，属性名为变量名, 属性值为变量的值。属性简写const foo = 'bar';const baz = {foo};baz // {foo: "bar"}...
2018-09-09 01:11:57
265
原创 数组的扩展
一、扩展运算符1. 基本含义： 扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列该运算符主要用于函数调用function add(x, y) { return x + y;}const numbers = [4, 38];add(...numbers) // 42add(...numbers)使...
2018-08-26 13:51:54
175
原创 ES6系列之—let、const命令
今天讲解比较简单，主要学习ES6的let和const。让大家牢固一下基础知识。 在讲解之前让我们先来了解一个知识点：什么叫做块级作用域？ **1. 块级作用域** 名称 含义 块级作用域 任何一对花括号中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的在ES6之前，是没有块级作用域这一说的，例如：for(var ...
2018-08-20 01:56:26
135
原创 解构赋值
以前，为变量赋值，只能直接指定值。而ES6提出了解构赋值，其在实际开发中可以大量减少我们的代码量，并且让我们的程序结构更清楚。那大家一定就很好奇解构赋值的魅力到底有多大？接下来我们就对解构赋值进行详细的介绍。这里也没什么特别难的地方。只要足够细心，基本都能理解。 概念 本质 ES6允许按照一定模式，从数组和对象（以及字符串、数值、布尔值、函数参数等）中提取值，按照对应位...
2018-08-11 21:24:30
1490
原创 知识点总结
VUEX原理 一个应用可以看作是由上面三部分组成: View, Actions,State,数据的流动也是从View => Actions => State =>View 以此达到数据的单向流动.但是项目较大的, 组件嵌套过多的时候, 多组件共享同一个State会在数据传递时出现很多问题.Vuex就是为了解决这些问题而产生的.Vuex可以被看作项目中所有组件的数据中心,我们...
2018-03-06 08:49:55
159
原创 JS遗漏点
1.offsetTop、offsetLeft:只是值，没有单位，所以设置的时候一定加上px 2.getComputedStyle(obj).属性值:是一个可以获取当前元素所有最终使用的CSS属性值 IE8以下：使用对象.currentStyle.属性 举例 function getStyle(obj,attr){ return obj.currentStyle?obj.currentSty
2017-11-09 22:55:56
333
原创 JS正则表达式
1.前瞻正则表达式从文本头部向尾部开始解析，文本尾部方向，称为“前” 前瞻就是在正则表达式匹配到规则的时候，向前检查是否符合断言，后顾、后瞻方向相反 js不支持后顾 符合和不符合特定断言称为肯定/正向匹配和否定/负向匹配
2017-09-27 09:08:47
152
原创 CSS动画
来达到动画的效果：transition和animation。 CSS Transition(过渡)被应用于元素指定的属性变化时，该属性经过一段时间逐渐的过渡到最终需要的值；而CSS Animation(动画)只是在应用时执行之前定义好的操作，它提供更细粒度的控制。 1.transition transition属性是一个复合属性，可以同时定义transition-property、transi
2017-07-04 19:28:17
284
原创 JSON
理解JSON语法解析JSON序列化JSON语法JSON的语法可以表示一下三种类型的值简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和null。但不支持undefined对象：对象作为一种复杂数据类型，表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值，也可以是复杂类型的值数组：数组也是一种复杂数据类型，表示一组有序的值得列表，可以通过数值
2017-06-30 20:38:10
234
原创 前端面试题
阿里 xhr对象有哪几种状态 跨域几种方式，jsonp为什么不安全 let var 不同的深层原因 假如百度不想让腾讯访问其某些网址，怎么办？（阻止爬虫） 网易有道（重复的题就不写了） 收获的一道题是：vue的子组件是怎么样通信的？ 有一个拖拽的框，怎么设计减少重绘重排 朋友阿里 vue中的ref，vuex，双向数据绑定原理，vue中怎么获取dom，flex实现三列等高布局，安全...
2017-06-28 10:01:54
589
原创 JavaScript面试
1.介绍js的基本数据类型 Undifined、Null、Boolean、Number、String ECMAScript 2015 新增：Symbol（创建后独一无二不可变的数据类型） 2.介绍js有哪些内置对象 Object是javascript中所有对象的父对象 其他对象：Function、Arguments、Math、Date、RegExp、Error 3
2017-06-26 16:06:34
426
原创 html&&CSS面试
HTMLHTML5的离线储存怎么使用，工作原理是什么？ 在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件工作原理：HTML5的离线存储是基于一个新建的.appcache文件缓存机制（不是存储技术），通过这个文件上的解析清单离线存储，这些资源如何使用：1、页面头部像下面一样加入一个manifest的属性；2、在cache.manifest文件的编写离
2017-06-23 19:13:05
417
原创 HTML布局
页眉和页脚< header >、< footer >：< header >元素和< footer >元素可以用作 ：网站中出现在每个页面顶部的主页眉或者底部的主页脚；页面中单独的< article >或< section >中的页眉或页脚导航栏< nav >： < nav >元素专门用于包含网站的主要导航快，比如网站的主导航文章< article >：该元素就像是页面中任意部分（可能是单独存在的
2017-06-22 20:39:20
264
2
原创 CSS特性选择器
选择器 含义 示例 简单选择器 [ ]匹配一种特定的特性（与特性值无关） p[class]应用于所有包含class特性的元素 精确选择器 [=]匹配一种特定的特性，该特性具有特定的值 p[class=”dog”]应用于所有包含class特性值为dog的元素 部分选择器 [~=]匹配一种特定的特性，该特性值出现在以空格隔开的单词列表中 p[class~=”do
2017-06-14 11:04:15
684
2
原创 CSS简介：属性值
颜色属性color:color属性允许你指定元素中文本的颜色可以采用以下三种方法之一来指定任何颜色：RGB值、十六进制编码、颜色名称background-color: CSS在处理每个HTML元素时都假设它们位于一个无形的盒子中，而background-color属性设置的正是这个盒子的背景色-
2017-06-12 21:23:23
705
3
原创 CSS简介：初识CSS
CSS在处理HTML元素时都假设它们各自位于一个无形的盒子中，并通过规则来指定元素的外观CSS规则是由选择器（用于表明规则应用的对象）和声明（用于指定元素的外观）组成的\不同类型的选择器允许你将CSS规则应用于各种不同的元素声明由两部分组成：所要改变的元素属性，以及这些属性的值。尽管CSS规则可以置于HTML页面中，但它们通常出现在单独的文档中
2017-06-12 20:47:39
373
原创 CSS选择器
选择器 含义 示例 通用选择器 应用于文档中的所有元素 * { }应用于页面的所有元素 类型选择器 匹配元素名称与选择器相同的元素 h1,h2,h3应用于< h1 >元素、< h2 >元素和< h3 >元素 类选择器 匹配这样的元素：元素的class特性的值与此选择器点符号后面的部分相同 .note { }应用于所有class特性值为note的元素p.not
2017-06-12 19:52:42
382
原创 html5基础知识
DOCTYPES告诉浏览器你正在使用哪个版本的HTML可以在页面中添加注释，注释应该位于标记之间id特性和class特性可以让你找到特定的元素元素可以将块级元素聚合起来，元素可将内联元素聚合起来用来在网页上分隔窗口，其他页面可以通过这些窗口显示标签可以用来提供有关网页的各种信息转义字符用来向页面中加入特殊字符，例如<、>
2017-06-11 16:01:37
195
js中，到底什么时候用window.onload????
2017-06-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人