- 博客(49)
- 收藏
- 关注
RSS订阅原创 181206 vscode
显示tab和空格：setting.json{ "editor.renderControlCharacters": true, "editor.renderWhitespace": "all"}可视区域折行显示：setting.json{ "editor.wordWrap": "on"}更改字体：setting.json{ "editor.font.
2018-12-06 21:56:40
153
原创 18/10/30 | baidu 06 | css居中、布局
常见问题积累1.误加分号样式块之间添加分号，导致样式失效。水平垂直居中汇总1.水平居中内联元素：父元素，设置text-align: center定宽块级元素：自身，设置margin: 0 auto定宽浮动元素：设置定位后，可以重新布局元素框，进而定位到中点，是从中点开始排布，因此需要会拉自身宽度一半，达到居中的效果。自身，设置position: relativ...
2018-10-30 22:06:06
111
原创 18/09/29 macOS使用入门
shift + command + 5 = 截图command + space = 搜索command + q = 关闭应用command + delete = 删除control + command + f = 应用全屏三指水平滑动 = 全屏应用切换
2018-10-25 13:46:31
170
原创 18/10/09 | Sina 25 | Linux 命令速查
1- pwd print working directory 查看当前所在位置2- ls List 列出当前目录下的全部文件3- cd <url> change directory 切换目录4- cp <file> <url> Copy 复制文件5- mv <file> <url&g
2018-10-09 13:25:33
94
转载 CSDN-markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2018-09-18 19:31:00
92
原创 180731 知识点复习
1、计时器window对象的方法：JS中重要的全局函数。setTimeout (code执行代码, millisec延迟毫秒数) — 函数在指定的毫秒数后执行。clearTimeout (timeoutID)setInterval() 函数在指定的毫秒数间隔里重复调用。clearInterval()tips:即使setTImeout()传入0毫秒，函数也不会立刻执行，会进...
2018-08-01 01:55:31
199
原创 180731 浏览器底层原理 虚拟DOM
页面展示的步骤：生成DOM树生成CSS树关联DOM树和CSS树，形成渲染树浏览器布局最后绘制如果有10个需要更新的DOM节点，浏览器会依次执行10次以上流程。操作DOM的代价是昂贵的，频繁操作还是会出现页面卡顿，影响用户的体验。虚拟DOM就是为了解决这个浏览器性能问题而被设计出来的。假如一次操作中有10次更新DOM的动作，虚拟DOM不会立即操作DOM，而是将这10次更新...
2018-07-31 18:11:55
690
原创 180728 Vue基础
第一步 node环境安装第二步 node环境检测 node -v npm -v第三步 vue-cli脚手架安装 安装vue-cli npm install vue-cli -g初始化项目 vue init webpack vue-demo进入 cd vue-demo执行 npm install接下来执行 npm run dev手把手教你搭建 vue 环境常...
2018-07-31 01:49:40
170
原创 180725 计算机网络基础
网络体系结构计算机网络是一个非常复杂的系统。设想一个最简单的情况：连接在网络上的两台计算机要互相传送文件：两台计算机之间必须有一条传送数据的通路发起通信的计算机必须将数据通信的通路激活。所谓激活是指发出一些信令，保证要传送的计算机数据能在这条通路上正确发送和接收；要告诉网络如何识别接收数据的计算机；发起通信的计算机必须查明对方计算机是否工作，网络链接是否正常；发起通信的计算机中的...
2018-07-25 19:16:24
238
原创 180718 客户端存储
概述什么是客户端存储？使用一些方法、工具（浏览器提供的API），将网页（web应用）中的数据存储到用户的电脑上。web应用可以选择存储数据的有效期。客户端存储的几种形式：Web存储：最初是H5 API的一部分，后来作为独立标准。Web存储API包含local storage和session storage对象。这两个对象实际上是持久化关联数组，是名值对的映射表，其中“名”，“值...
2018-07-19 01:03:52
161
原创 180716 布局
一、静态布局（Static Layout）1、布局特点：传统Web设计，对于PC设计一个Layout。网页上的所有元素的尺寸一律使用px作为单位。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景。2、设计方法： PC：居中布局，所有样式使用绝对宽度/高度(px)，设计一个...
2018-07-17 01:27:38
167
原创 180707 CSS
概述什么是CSS？层叠样式表 (Cascading Style Sheets)把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率层叠次序浏览器缺省设置外部样式表内部样式表（位于 标签内部）内联样式（在 HTML 元素内部）CSS语法大小写不敏感（选择器除外）选择器：{声名}声名：属性/值selec...
2018-07-07 21:14:04
336
1
原创 180706 HTML5
语义化什么是HTML语义化？HTML 标签语义化是让机器可以读懂内容。便于开发者阅读和写出更优雅的代码的同时对搜索引擎友好，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取。为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；有利于SEO...
2018-07-06 20:49:29
169
原创 180630 HTML
概述什么是HTML？– 超文本标记语言 (Hyper Text Markup Language) – 不是一种编程语言，而是一种标记语言 (markup language) – 标记语言是一套标记标签 (markup tag) – HTML 使用标记标签来描述网页 什么是超文本？HTML 文档 = 网页 – HTML 文档描述网页 – HTML 文档包含 HTML 标签和纯...
2018-06-30 20:56:43
428
3
原创 180630 Git
概述什么是git? – git 是分布式版本管理系统git的优点 – Git跟踪并管理的是修改，而非文件。 – 版本回滚 – 远程仓库版本控制系统的用途 – 1备份（记录多个版本文件的功能）， 2记录操作时间线（查看历史操作，进行版本回滚、前进的功能），3多端共享代码（代替各种云盘的功能），4‘自动’合并（解决多人开发冲突问题）分布式与集中式的区别？ – CVS 和 S...
2018-06-30 16:00:57
161
原创 积累
重定向：重定向(Redirect)就是通过各种方法将各种网络请求重新定个方向转到其它位置。CDN（缓存服务器）：Content Delivery Network 内容分发网络。基本思路：尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各...
2018-04-27 20:24:50
110
原创 180427 同源策略，跨域问题
u1.什么是源?源（origin）就是协议、域名和端口号。 以上url中的源就是：http://www.company.com:80 若地址里面的协议、域名和端口号均相同则属于同源。2.什么是同源策略？同源策略是 浏览器 的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。 服务...
2018-04-27 15:13:21
170
原创 180426 AJAX
什么是AJAX?（Asynchronous javascript and xml） 用JavaScript以异步的形式操作XML（现在是操作JSON）在Ajax模型中，客户端向服务器请求额外的数据而无须重新加载整个页面。AJAX的技术核心是 XMLHttpRequest 对象（XHR），XHR为向服务器发送请求和解析服务器响应提供了接口。也就是说，可以使用XHR获取数据，再通过DOM...
2018-04-26 19:03:13
426
原创 180425 BOM
BOM（Browser Object Model）即浏览器对象模型。浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 Window 对象所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window...
2018-04-25 16:37:09
83
转载 [EX]180421 浏览器渲染机制，异步处理
部分转自大神 ：天方夜_【浏览器的渲染：过程与原理】 原文地址关键渲染路径（Critical Rendering Path）是指与当前用户操作有关的内容。例如用户刚刚打开一个页面，首屏的显示就是当前用户操作相关的内容，具体就是浏览器收到 HTML、CSS 和 JavaScript 等资源并对其进行处理从而渲染出 Web 页面。浏览器渲染页面的过程 从耗时的角度，浏览器请求、加载、渲...
2018-04-21 17:57:40
458
原创 180420 异步加载JavaScript
部分转自韩子迟，原文地址js时间线1、创建Document对象，开始解析web页面。解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段document.readyState = ‘loading’。2、遇到link外部css，创建线程加载，并继续解析文档。3、遇到script外部js，并且没有设置async、defer，浏览器加载，并阻塞，...
2018-04-20 21:38:51
161
转载 [EX]事件捕获，事件冒泡，事件委托
转自大神 chenxj ，原文地址受益匪浅，十分感谢。1事件流 JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预订事件，以便事件发生时执行相应的代码。 事件流的起源：就是在浏览器发展到第四代的时候，浏览器开发团队遇到一个问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么...
2018-04-20 20:45:26
156
原创 180418 JSON
JSONXML是传输结构化数据的事实标准。JSON [ JavaScript Object Notation ] JavaScript对象表示法。是JavaScript的一个严格子集，利用了JavaScript中的一些模式来表示结构化数据。JSON 是一种数据格式，而不是一种 编程语言。 JSON 不从属于JavaScript ，很多语言都有针对JSON的解析器和序列化器。1.语法...
2018-04-19 21:35:56
117
原创 《JavaScript DOM 编程艺术（第二版）》笔记
第3章 DOM即使在整个文档里这个标签只有一个元素，getElementsByTagName也返回一个数组。此时的数组长度是1。HTML5 DOM 新增 getElementsByClassName在使用类名获取标签匹配时，如果有多个类名，类名顺序和带有更多类名都可以匹配。检查某项数据是否是null时，我们其实是在检查它是否存在。通过setAttribute对文档做出修改后，在通过...
2018-04-14 16:56:50
226
原创 180406 客户端JS WebAPI
Date对象var oDate = new Date();oDate.getDate() —— 几号oDate.getDay() —— 星期几 [0-6]oDate.getFullYear() —— 年oDate.getMonth() —— 月 [0-11]oDate.getHours() —— 时[24时]oDate.getMinutes() —— 分 ...
2018-04-06 20:37:04
182
原创 知识总结
call()-apply()-bind()能干什么：动态改变某个函数运行时的上下文（context）可以改变函数体内部的this指向举个例子：cat.call(dog,a,b) = cat.apply(dog,[a,b]) = (cat.func.bind(dog,a,b))() = dog.cat.func(a,b)function Cat(name) { ...
2018-04-05 16:55:58
120
原创 180405 demo
选项卡<div class="wrapper"> <div class="search"> <input type="text"> Male: <input type="radio" class="btn mBtn" name="sex"&
2018-04-05 12:18:46
138
原创 180331 原型
原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。原型就像是批处理添加水印：预设好的统一处理，有颜色主题不合适的单独设计。访问对象的属性，如果本身没有，会向原型上面找。由构造函数创建的对象，有隠式属性this对象。this对象有一个属性 _ proto_ [指针，指向对象的原型]...
2018-03-31 21:48:13
152
原创 180330 预编译
JS编译过程语法分析：JS引擎通篇扫描，有低级错误直接报错不执行。预编译解释执行执行期上下文当函数执行时，会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境，函数每次执行时对应的执行上下文都是独一无二的，所以多次调用一个函数会导致创建多个执行上下文，当函数执行完毕，执行上下文被销毁。预编译window是全局对象，在全局范围声明一个变...
2018-03-30 21:31:40
238
1
原创 实例练习
//1做一个循环，计算累加到300需要的次数---------------------------------------------------------// var num = 1;// var times = 0;//1 // var realdo = true;// for (var i = 1; realdo; i++) {// num += i;// ...
2018-03-29 21:06:45
208
原创 180328 正则表达式
什么是正则表达式检索文本时，可以对字符串内容进行模式匹配。RegExp 就是这种模式。用RegExp对象表示正则表达式。创建正则表达式直接量定义/pattern/attributesvar regExp = /abc/;//可以添加修饰符，可以同时使用/abc/g 全局匹配，查找所有匹配/abc/i 大小写不敏感/abc/m 执行多行匹配...
2018-03-28 13:37:08
239
原创 180327 函数
概述函数是这样一段代码，它只定义一次，但可能被执行或调用多次。函数定义会包括一个形参的标识符列表，这些参数在函数体中像局部变量一样工作。函数调用会为形参提供实参的值。函数使用它们实参的值来计算返回值，成为该函数调用表达式的值。除了实参之外，每次调用还会拥有另一个值，本次调用的上下文，这就是this关键字的值。如果函数挂载在一个对象上，作为对象的一个属性，就称它为对象的方法。当通过这...
2018-03-26 17:28:10
99
原创 180325 对象
概述对象可以看做是属性的无序集合，每个属性都是一个名值对。 属性名是字符串，可以把对象看成是从字符 串到值的映射。 除了可以保持自己的属性，JS对象还可以从一个称为原型的对象继承属性。这种‘’原型式继承‘’是JS的核心 特征。对象是可变的，我们通过引用而非值来操作对象。如果变量x指向一个对象的引用，那么执行代码var y = x ;变量y也是指向同一个对象的引用，而非这个对象的副本。...
2018-03-25 19:46:03
154
原创 180326 数组
概述数组是值的有序集合，其中值称作‘元素’，对应位置称作‘索引’数组继承Array.prototype中的属性数组是对象的特殊形式，数组索引实际上和碰巧是整数的属性名差不多创建数组数组直接量var arr = [1,2,'a'];var arr1 = [[1,{x:1,y:2}],[2,{x:3,y:4}]];// 可以包含对象直接量或其他数组直接量。...
2018-03-25 16:56:53
374
原创 180309 语句
表达式在JS中是短语，语句是JS整句或命令。 JS程序就是一系列可执行语句的集合。表达式计算一个值，语句用来执行以使某件事情发生。 “使某件事情发生”的一个方法是计算带有副作用的表达式。 另一种“使某件事情发生”的方法是改变语句的默认执行顺序。 （条件语句，循环语句，跳转语句。）表达式语句一些有副作用的表达式，是可以作为单独的语句的，这种把表达式当作语句的用法也称作...
2018-03-09 14:46:06
214
原创 180306 表达式
表达式是js中的一个短语，js解释器会将其计算出一个结果。原始（原始值）表达式常量直接量 1.23 ／／数字直接量'hello' ／／字符串直接量／pattern／ ／／正则表达式直接量 关键字true ／／返回一个布尔值：真false ／／返回一个布尔值：假null ／／返回一个值：空this...
2018-03-06 15:10:25
183
原创 180203 类型、值和变量
数据类型JavaScript 数据类型分为：原始类型 和 对象类型。 原始类型 对象类型 数字 （6.02e23 ; Infinity）：均用浮点数值表示 普通对象 字符串 （‘ name = ” myform ” ’） 数组 布尔值 函数 null （空值） undefined（未定义的值，表示更深层次的空值） ...
2018-02-03 19:20:05
275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人