- 博客(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.数据接口 前端:(接口调用) 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关注的人
RSS订阅