- 博客(18)
- 收藏
- 关注
RSS订阅原创 CCSS 解决方案
1. 伪元素：清除浮动给需要清除浮动的元素添加类名 clearfix 即可.clearfix::after { content: ''; display: block; height: 0; line-height: 0; clear: both; visibility: hidden;}.clearfix { zoom...
2018-06-19 07:55:28
1167
原创 JavaScript 基础语法
1. JavaScript 简介2. JavaScript 构成3. 标识符4. 区分大小写5. 注释6. 常见的操作符7. 三元表达式8. 逻辑中断9. 常用语句10. 严格模式11. 在 HTML 中使用 JavaScript1. JavaScript 简介JavaScript 历史演变始于1995年，前身为LiveScript，由网...
2018-05-15 00:54:56
269
原创 基于 GitHub 建立远程仓库，关联本地 Git 仓库
远程仓库1. 介绍 远程仓库远程仓库作为Git的杀手级功能之一远程仓库存储着一个代码的原始版本库；开发人员通过 Git远程仓库 与 Git本地仓库 之间的通信，来多人协同办公，更新代码找一台电脑充当服务器的角色，每天24小时开机，其他每个人都从这个“服务器”仓库克隆一份到自己的电脑上，并且各自把各自的提交推送到服务器仓库里，也从服务器仓库中拉取别人的提交；这里说的“服务器仓库”，...
2018-04-19 17:21:54
314
原创 Git 基础知识、常用指令、分支管理策略
一、 Git 简介1. Git 诞生Linus在1991年创建了开源的Linux，此后Linux系统不断发展，已经成为最大的服务器系统软件了很长一段时间内，Linux的代码管理：由世界各地的志愿者把源代码文件通过diff的方式发给Linus，然后由Linus本人通过手工方式合并代码（虽然一些商用的版本控制系统比 CVS、SVN 等好用，但Linux没有使用，这与Linux的开源精神...
2018-04-19 17:20:24
279
原创 webpack 实战总结
一、相关配置1. 调试配置：项目中调试场景： webpack 打包代码后，不利于代码调试；通过相关配置，webpack 打包项目后，可以生成 sourcemap文件、或者将 sourcemap 文件融入到项目代码中sourcemap 文件的作用： 独立的 sourcemap 文件是以 .map 为后缀的文件；便于 webpack 打包的代码，进行错误调试devtool 选项：...
2018-03-27 08:57:51
440
原创 webpack 相关 loader、插件详解，带你完成一个进阶 demo
一、CSS 相关配置1. 模块（必须配置）：CSS打包 —> style-loader、 css-loader场景： 将CSS文件，通过 import 引入到JS中，webapck 运行会报错，为解决问题需安装并配置 css 方面的loader目的： 将CSS代码，打包到JS中，减少文件个数 减少HTTP请求style-loader： 处理css文件中的 url() 等，n...
2018-03-23 14:25:14
1392
原创 学习 webpack，并构建一个超简单的 demo
一、什么是 webpackwebpack 可以粗暴的理解为：模块打包机打包：将多个文件 打包成 一个文件，减少服务器压力和下载带宽转换：预编译语言优化：性能优化安装：全局安装 webpack： npm i webpack -g局部安装 webpack： npm i webpack --save-dev注意：全局安装是可以的，但是webpack官方是不推荐的。这会将...
2018-03-20 18:18:42
967
原创 npm 介绍 、常用指令
一、什么是 npm全称：Node Package Managernpm 是一个 随 node 一起安装的 node包管理 和 分发工具通过npm命令可以实现nodejs模块的安装与卸载npm 官网二、npm 使用场景（1）允许用户从npm服务器：下载 第三方包 到本地（2）允许用户从npm服务器：下载 并 安装 别人编写的 命令行程序 到本地（3）允许用户：将自...
2018-03-12 17:44:59
527
原创 浅析 跨域解决方案
一、同源策略同源策略（SOP 全称 Same origin policy）：是浏览器的一种安全策略所谓的同源策略，指 浏览器不允许非同源网址的访问域名 完全相同协议 完全相同端口号 完全相同( URL 中文件路径、锚点、查询字符串 等部分不同，不会影响访问 )同源策略限制以下几种行为：Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 Js对象...
2018-02-26 21:05:32
226
原创 HTTP 深入解析
一、HTTP 无状态特性的 解决方案场景： HTTP协议无状态是 HTTP最初的特点之一；但随着技术和实际需求的发展，前后端交互需要承前启后，HTTP无状态的特性严重阻碍了一些应用程序的实现状态保持技术： Cookie 、Session应用： 用户登录保持、用户行为跟踪 等1. Cookie —> 存储在客户端概述：Cookie 实际上是存于用户硬盘的一个文件 ...
2018-02-10 15:39:18
325
原创 HTTP 基础详解
一、HTTP 概述概述HTTP协议：是Hyper Text Transfer Protocol的缩写HTTP协议：是超文本传输协议，广义的讲是资源传输协议特点：支持 B/S、C/S 架构模式简单快速： 客户向服务器请求服务时，只需传送 请求方法、url、请求参数 等灵活： HTTP允许传输任意类型的数据对象（正在传输的类型由Content-Type加以标记）短连接： 每次请...
2018-02-09 18:28:10
249
原创 前后端通信中的 XML、JSON（浅谈）
一、XML简介：XML 是一种数据交互格式，特定格式的字符串； 虽然可以传输、存储 复杂数据，但是其解析过于复杂并且体积较大： 使用 XML进行数据交互，需要先将 XML 解析成 DOM文档，再从中提取数据；相对而言，JSON更简单，应用更广泛XML 是一种可扩展的标记语言，需要申明当前文档是xml格式；很类似 HTML设计初衷：XML 的设计初衷是 传输、存储数据；有别于 HT...
2018-02-08 11:35:44
4300
原创 前后端通信中的 表单序列化：原生JS实现、jQuery实现
一、FormData 概述FormData 是在 XMLHttpRequest 2级定义的作用： 创建 后台需要的 表单格式的数据，便于 XHR传输适用于： post请求表单序列化（支持上传文件的表单）兼容： IE9-浏览器不支持二、创建 FormData 实例语法： var formData = new FormData()构造函数 FormData 可接受一个参数：f
2018-01-26 17:26:20
661
原创 理解ajax技术，封装原生 ajax请求
一、Ajax 概述Ajax 是 Asynchronous Javascript And XML 的简写Ajax是一门技术，并不是一门语言使用XHTML+CSS来标准化呈现使用XML和XSLT进行数据交换及相关操作使用XMLHttpRequest对象与Web服务器进行异步数据通信使用Javascript操作Document Object Model进行动态显示及交互使用JavaS
2018-01-26 11:32:55
2417
原创 详解 vertical-align 中的属性值
CSS中的 vertical-align 的确是个令人头疼的属性！博主通过学习理解，将在本文 对 vertical-align 中的属性值做出详细解释
2018-01-19 15:25:54
1061
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人