- 博客(13)
- 收藏
- 关注
原创 在html中,相对于嵌入代码,使用js外部文件的优点
可维护性遍及在不同的HTML页面的js会造成维护问题。但是把所有js文件放在一个文件夹中,就可以很轻松的找到对应的js文件进行维护。可缓存浏览器可以根据链接,缓存所有外部js文件。如果有两个网页都共同使用一个文件,那么这个文件只需要下载一次,以加快页面加载速度适应未来无需适用XHTML或者注释hack*XHTML(可扩展超文本标记语言),是将HTML作为XML的应用...
2019-07-13 23:38:34
436
原创 ES6语法使用、箭头函数、模板字符串、Promise、类的继承、ES6模块化(学习笔记)
欢迎大家指出错误,共同进步。(●'◡'●)。ECMA Script的第6个版本,由于再2015年发布,又称为ES2015。它是JavaScript的语言标准。这个版本主要是提升js编写大型的复杂的应用的能力。比如这次升级加入了模块化的概念,同时再一些语法上进行了细化和优化,丰富了一些对象的方法。现在有些浏览器还不支持ES6。所以我们需要借助工具Bable,将ES6转化...
2019-07-05 17:28:51
230
原创 页面资源加载过程/浏览器输入一个地址时发生了什么
1.加载资源的第一步就是进行url解析,提取出里面的信息。2.然后,拿到上一步解析出来的域名,去DNS服务器上查找该域名对应的ip。3.带着所有的请求信息去这个IP地址请求资源,再服务器上把请求的资源下载回来,4.最后根据不同的资源进行不同的解析。url包括:协议,域名,端口,路径,参数,哈希(前端页面的锚点,标记页面位置)dns缓存dns优化:dns_prefetch:...
2019-07-01 15:22:57
324
原创 移动端页面开发(学习笔记)
适配(兼容),适用不同设备。浏览器、微信、QQ(内置浏览器)、uc。不需要考虑兼容pc、pad而pc版本和手机版本分开来做,主要原因是数据交互量大(pc上展示的内容不能完全放到移动端)方式:百分比(不推荐用)rem(推荐)viewport(推荐)无宽布局viewport:可视区域target-densitydpi:屏幕像素密度Andriod-Browse...
2019-03-22 23:07:14
143
原创 Fiddler使用方法
1.我们先在浏览器输入想要劫持的网址,2.打开下载好的fiddler选中左侧画圈部分原地址-->点击autoresponder-->勾选enable...-->点击addrule(详细看下图)3.在界面右下角rule editor 中填入我们想要截取到的地址,点击save。4.在浏览器中重新输入www.meilishuo.com,这个网址就被劫持到...
2018-08-06 11:30:43
2723
原创 HTTP代理原理
当我们访问一个网站时,如果没有代理:非代理:输入xx.com-->xx.com但是用了代理服务器时,我们输入xx.com会先请求代理服务器,代理服务器可以把请求原封不动发给xx.com的服务器,也可以把请求劫持到另一个yy.com的服务器代理:那么我们得到的结果就是,我们输入了xx.com的域名,得到的确实yy.com的内容.作用:解决开发时的跨域问题代理软件:...
2018-08-04 14:47:23
248
原创 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
108
原创 nodejs简介
nodejshttps://nodejs.org/(偶数的为稳定版本,奇数为测试版本)定义:js的服务端运行环境特点:单线程,异步编程应用场景:低运算、高I/Onodejs的包管理工具npm ...
2018-08-01 17:58:47
171
原创 前后端配合方式
职责范围后端:(接口制作)1.数据存储2.文件服务3.数据接口前端:(接口调用)1.数据请求2.数据处理3.页面展示实际开发中,一般是拿到需求后,一起确定各功能点的接口,在逐个细化各接口的输入输出字段,最后由后端生成一个接口文档(由写接口的人维护)。...
2018-08-01 17:38:34
1029
原创 前后端分离购物网站—技术选型
软件过程选择--敏捷开发敏捷开发:1.定义:以用户的需求进化为核心,采用迭代、循序渐进的方法进行软件开发2.是一种迭代的意识和方法,而不是概念工具3.优点:能够应对满足不断变化的需求4.不足:对团队成员的能力要求比较高前后端分离方式不分离:1.前后共用同一项目目录,甚至页面内嵌js,css2.本地开发环境搭建成本高3.共同维护成本高4.发布风险高部分...
2018-07-31 21:39:53
1910
原创 架构设计
架构设计--分层架构1.定义:对功能相似,抽象级别相近的实现进行分层隔离。2.优点:松散耦合(易维护,易复用,易扩展)常见分层方式:MVC,MVVM* MVC(Model 模型-- view 视图-- controller 控制器):在前端架构中,最常见,最经典。但在前端范畴里,MVC并不完全适用。* MVVM(Model-View-ViewModel):实际为MVC的改进...
2018-07-31 20:35:15
149
原创 Chrome 浏览器不支持本地 AJAX 请求问题
当我们学习AJAX,写一些简单的demo ,在浏览器演示时,可能会遇到这样的问题错误提示中表示:跨域请求只支持协议:http,data,Chrome,chrome-extenson,https.部分浏览器(Firefox),支持file下的ajax请求,解决方法:鼠标右键点击Chrome快捷方式--点击最下面的属性--选择快捷方式--在“目标”路径最后面加上” --allow-file-acces...
2018-07-06 14:48:51
2990
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人