- 博客(19)
- 收藏
- 关注
RSS订阅原创 PWA学习笔记
1.什么是Progressive Web App? 渐进式 - 适用于选用任何浏览器的所有用户，因为它是以渐进式增强作为核心宗旨来开发的。 自适应 - 适合任何机型：桌面设备、移动设备、平板电脑或任何未来设备。 连接无关性 - 能够借助于服务工作线程在离线或低质量网络状况下工作。 类似应用 - 由于是在 App Shell 模型基础上开发，因此具有应用风格的交互和导航，给用户以应用般的熟...
2019-01-14 16:34:27
332
原创 算法
冒泡排序var bubbleSort = function (arr) { for (var i = 0; i < arr.length - 1; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i] > arr[j]) { var temp...
2018-05-08 09:45:30
236
转载 前端路由
内容转载至 https://segmentfault.com/a/1190000011967786 感谢作者分享～在实现前端路由之前，页面交互主要是通过发请求到后端，然后读取不同的HTML文档，这样的问题是页面交互刷新很频繁。后来出现了SPA（单页应用），就是页面跳转都是无刷新，那是怎么实现的呢。实质上就是获取url变化，然后解析来匹配路由规则。hash因为url中，#后面hash值的变化，并不会...
2018-05-04 18:35:44
278
原创 Ajax
XMLHttpRequest对象在使用XHR对象的时候，调用的第一个方法是open()，它接受3个参数，要发送的请求类型，请求的url和异步发送请求的布尔值。xhr.open('get','example.json',false);不过调用open()不会真正的发送请求，而是启动一个请求准备发送。要发送请求，需要调用send（）方法。xhr.send(null);send()接受的参数就是我们要作...
2018-05-03 14:37:24
221
原创 通过HTTP请求来控制浏览器缓存
Last-Modified在HTTP/1.0协议中，Last-Modified是控制缓存的一个非常重要的HTTP头。如果需要控制浏览器的缓存，服务器首先必须发送一 个以UTC时间为值的Last-Modifeid头，当第二次访问这个页面时，浏览器会发送一个If-Modified-Since头给服务器，让服务器 判断是否有必要更新内容，这个If-Modified-Since头的值就是上次访问页面时，浏...
2018-05-02 15:57:38
667
原创 作用域和函数表达式
执行环境和作用域每个函数都有自己的执行环境，当代码在一个环境中执行时，会创建变量对象的一个作用域链。作用域链的用途，就是保证对执行环境有权访问的所有变量和函数进行访问。内部环境可以通过作用域链访问所有的外部环境，但是外部环境不能够访问内部环境中的任何变量和函数。延长作用域链有些语句可以在作用域链的前端临时增加一个变量对象，该变量对象会在代码执行后被移除。比如try-catch语句的catch块，还...
2018-05-02 15:32:15
355
原创 常用贝塞尔曲线参数
$easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715);$easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);$easeInOutSine: cubic-bezier(0.445, 0.05, 0.55, 0.95);$easeInQuad: cubic-bezier(0.55, 0.085,...
2018-05-01 13:36:45
3065
2
原创 设计模式
工厂模式工厂模式抽象了创建具体对象的过程。工厂模式解决了创建多个相似对象的问题，但是没有解决的对象识别的问题。function people(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { ...
2018-04-30 16:26:00
314
原创 事件和数组操作
事件冒泡IE的事件流叫做事件冒泡，即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点。事件捕获不太具体的节点会更早的接收到事件，而最具体的节点最后接收到事件。目前IE9以上版本，Safari，Chorome，Opera，Firefox都支持这种事件流模型。事件委托我们不应该在大量的dom上都绑定事件，我们可以使用事件委托来应对大量节点需要绑定事件的场景。这种方式利用了冒泡的原理。如...
2018-04-28 17:11:23
461
原创 前端性能优化
网络加载减少HTTP资源请求次数减少HTTP请求的大小将CSS或JavaScript放到外部文件中，避免使用<style>或<script>标签直接用引入避免页面中空的href和src为HTML指定Cache-Control或Expires合理设置Etag和Last-Modified减少页面重定向使用静态资源分域存放来增加下载并行数使用静态资源CDN来存储文件使用CDN C...
2018-04-28 10:25:43
265
原创 现代前端交互框架
jQueryjQuery帮我们完成了DOM的API封装操作，方便了开发者对DOM API的效用。简化选择器封装了DOM操作方法AJAX：实现了对XMLHttpRequest和ActiveX的统一封装，使AJAX的网络请求调用更加方便。事件绑定封装，$(el).on(type,fn);异步回调嵌套问题：添加了$.Deferred对象来处理这个问题，借鉴了异步处理的Promise/A规范。兼容性问题的...
2018-04-27 17:46:05
627
原创 前端表现层
CSS样式统一化由于浏览器内核实现的差异性，不同浏览器可能对同一元素标签的默认设置是不同的，要处理这一问题，目前主要有三种实现思路：reset，normalize，neatreset：将不同浏览器中标签元素的默认样式全部清楚，消除不同浏览器下默认样式的差异性。normalize：在整站样式基本确定的情况下对标签元素同一使用同一个默认样式规则。neat 二者结合CSS预处理变量声明和计算语法表达式函...
2018-04-23 18:06:08
1445
原创 三层结构和应用
DOCTYPEDOCTYPE声明指示Web浏览器页面使用哪个HTML版本编写的指令进行解析。AMP流动网页提速，是谷歌推行的一个提升页面资源载入效率的HTML提议规范。使用严格受限的高效HTML标签以及使用静态网页缓存技术来提高网络访问静态资源的性能和用户体验。DOM文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上...
2018-04-23 16:43:47
393
原创 协议
HTTP协议是WWW服务器和用户请求代理之间通过应答请求模式传输超文本的一种协议。HTTPS协议HTTPS协议是通过SSL层来加密HTTP数据进行安全传输的HTTP协议，可以防止HTTP劫持。WebSocketWebSocket是浏览器端和服务端进行实时通信的一种协议，可以在服务器端和浏览器端进行Socket方式的消息通信。RESTful数据协议规范RESTful是一种软件架构之间交互调用数据的协...
2018-04-20 17:20:50
204
原创 浏览器应用相关
浏览器组成用户界面：如地址输入框，前进返回，打开历史记录等网络：浏览器开启网络线程发送请求或下载资源文件的模块渲染引擎：解析DOM文档和CSS规则并将内容排版到浏览器中显示出有样式的界面UI后端：用于绘制基本浏览器窗口内控件，按钮，输入框等JavaScript解释器：浏览器解释和执行JavaScript脚本的部分，如V8引擎JavaScript引擎：可以在用户界面和渲染引擎之间传送指令或在客户端本...
2018-04-20 15:27:23
227
原创 css3flex方式水平，垂直居中
垂直居中align-items: center;display: flex;水平居中justify-content: center;
2017-09-19 10:38:17
850
原创 前端笔记一
原型，原型链原型也是一个对象，通过原型可以实现对象的属性继承，JavaScript的对象中都包含了一个”[[Prototype]]”内部属性，这个属性所对应的就是该对象的原型。“[[Prototype]]”作为对象的内部属性，是不能被直接访问的。所以为了方便查看一个对象的原型，Firefox和Chrome中提供了__proto__这个非标准（不是所有浏览器都支持）的访问器（ECMA引入了标准对象原...
2017-09-01 14:27:24
687
原创 Nodejs学习笔记一
Express可以设置中间件来响应 HTTP 请求定义了路由表用于执行不同的 HTTP 请求动作可以通过向模板传递参数来动态渲染 HTML 页面Express 应用使用回调函数的参数： request 和 response 对象来处理请求和响应的数据。Request 对象 - request 对象表示 HTTP 请求，包含了请求查询字符串，参数，内容
2017-09-01 09:44:16
333
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人