自定义博客皮肤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 384

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

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

2019-07-05 17:28:51 191

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

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

2019-07-01 15:22:57 255

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

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

2019-03-22 23:07:14 112

原创 Fiddler使用方法

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

2018-08-06 11:30:43 2631

原创 HTTP代理原理

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

2018-08-04 14:47:23 179

原创 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 86

原创 nodejs简介

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

2018-08-01 17:58:47 109

转载 数据接口定义

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

2018-08-01 17:45:19 1169

原创 前后端配合方式

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

2018-08-01 17:38:34 958

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

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

2018-07-31 21:39:53 1824

原创 架构设计

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

2018-07-31 20:35:15 104

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

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

2018-07-06 14:48:51 2848

空空如也

空空如也

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

TA关注的人

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