自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 在html中,相对于嵌入代码,使用js外部文件的优点

可维护性 遍及在不同的HTML页面的js会造成维护问题。 但是把所有js文件放在一个文件夹中,就可以很轻松的找到对应的js文件进行维护。 可缓存 浏览器可以根据链接,缓存所有外部js文件。 如果有两个网页都共同使用一个文件,那么这个文件只需要下载一次,以加快页面加载速度 适应未来 无需适用XHTML或者注释hack *XHTML(可扩展超文本标记语言),是将HTML作为XML的应用...

2019-07-13 23:38:34 489

原创 ES6语法使用、箭头函数、模板字符串、Promise、类的继承、ES6模块化(学习笔记)

欢迎大家指出错误,共同进步。(●'◡'●)。 ECMA Script的第6个版本,由于再2015年发布,又称为ES2015。它是JavaScript的语言标准。 这个版本主要是提升js编写大型的复杂的应用的能力。比如这次升级加入了模块化的概念,同时再一些语法上进行了细化和优化,丰富了一些对象的方法。 现在有些浏览器还不支持ES6。所以我们需要借助工具Bable,将ES6转化...

2019-07-05 17:28:51 286

原创 页面资源加载过程/浏览器输入一个地址时发生了什么

1.加载资源的第一步就是进行url解析,提取出里面的信息。 2.然后,拿到上一步解析出来的域名,去DNS服务器上查找该域名对应的ip。 3.带着所有的请求信息去这个IP地址请求资源,再服务器上把请求的资源下载回来, 4.最后根据不同的资源进行不同的解析。 url包括:协议,域名,端口,路径,参数,哈希(前端页面的锚点,标记页面位置) dns缓存 dns优化: dns_prefetch:...

2019-07-01 15:22:57 430

原创 移动端页面开发(学习笔记)

适配(兼容),适用不同设备。 浏览器、微信、QQ(内置浏览器)、uc。 不需要考虑兼容pc、pad 而pc版本和手机版本分开来做,主要原因是数据交互量大(pc上展示的内容不能完全放到移动端) 方式: 百分比(不推荐用) rem(推荐) viewport(推荐) 无宽布局 viewport:可视区域 target-densitydpi:屏幕像素密度 Andriod-Browse...

2019-03-22 23:07:14 192

原创 Fiddler使用方法

1.我们先在浏览器输入想要劫持的网址, 2.打开下载好的fiddler 选中左侧画圈部分原地址-->点击autoresponder-->勾选enable...-->点击addrule (详细看下图) 3.在界面右下角rule editor 中填入我们想要截取到的地址,点击save。 4.在浏览器中重新输入www.meilishuo.com,这个网址就被劫持到...

2018-08-06 11:30:43 2847

原创 HTTP代理原理

当我们访问一个网站时,如果没有代理: 非代理:输入xx.com-->xx.com 但是用了代理服务器时,我们输入xx.com会先请求代理服务器,代理服务器可以把请求原封不动发给xx.com的服务器,也可以把请求劫持到另一个yy.com的服务器 代理: 那么我们得到的结果就是,我们输入了xx.com的域名,得到的确实yy.com的内容. 作用:解决开发时的跨域问题 代理软件: ...

2018-08-04 14:47:23 355

原创 git简介

Git   是一款免费 ,开源的分布式版本控制系统。用于敏捷高效的处理任何小或大的项目 官网地址:https://git-scm.com/ git--管理方式: 1.命令行 2.第三方可视化软件 git--常用命令 1.git init     初始化项目 2.git commit -am"注释"     提交代码 3.git checkout branch     切换分支...

2018-08-01 18:17:14 147

原创 nodejs简介

nodejs https://nodejs.org/ (偶数的为稳定版本,奇数为测试版本) 定义:js的服务端运行环境 特点:单线程,异步编程 应用场景:低运算、高I/O nodejs的包管理工具 npm  ...

2018-08-01 17:58:47 260

转载 数据接口定义

接口文档规范--格式 1.接口名称 2.接口地址 3.请求信息 4.响应信息 *(接口说明) 示例:  

2018-08-01 17:45:19 1282

原创 前后端配合方式

职责范围 后端:(接口制作) 1.数据存储 2.文件服务 3.数据接口 前端:(接口调用) 1.数据请求 2.数据处理 3.页面展示 实际开发中,一般是拿到需求后,一起确定各功能点的接口,在逐个细化各接口的输入输出字段,最后由后端生成一个接口文档(由写接口的人维护)。...

2018-08-01 17:38:34 1086

原创 前后端分离购物网站—技术选型

软件过程选择--敏捷开发 敏捷开发: 1.定义:以用户的需求进化为核心,采用迭代、循序渐进的方法进行软件开发 2.是一种迭代的意识和方法,而不是概念工具 3.优点:能够应对满足不断变化的需求 4.不足:对团队成员的能力要求比较高 前后端分离方式 不分离: 1.前后共用同一项目目录,甚至页面内嵌js,css 2.本地开发环境搭建成本高 3.共同维护成本高 4.发布风险高 部分...

2018-07-31 21:39:53 2011

原创 架构设计

架构设计--分层架构 1.定义:对功能相似,抽象级别相近的实现进行分层隔离。 2.优点:松散耦合(易维护,易复用,易扩展) 常见分层方式:MVC,MVVM *   MVC(Model 模型-- view 视图-- controller 控制器):在前端架构中,最常见,最经典。但在前端范畴里,MVC并不完全适用。*   MVVM(Model-View-ViewModel):实际为MVC的改进...

2018-07-31 20:35:15 219

原创 Chrome 浏览器不支持本地 AJAX 请求问题

当我们学习AJAX,写一些简单的demo ,在浏览器演示时,可能会遇到这样的问题错误提示中表示:跨域请求只支持协议:http,data,Chrome,chrome-extenson,https.部分浏览器(Firefox),支持file下的ajax请求,解决方法:鼠标右键点击Chrome快捷方式--点击最下面的属性--选择快捷方式--在“目标”路径最后面加上” --allow-file-acces...

2018-07-06 14:48:51 3068

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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