Front-End - 随笔分类 - qize

Promise原理与实现探究的一种思路

摘要：写在前面这个文章，展现的是一个实现Promise的思路，以及如何发现和处理问题的情境。从现有的Promise分析如果我们想要自己实现一个简单的，那现有规范规定的肯定是我们最好的参照。我们先看下怎么使用：来看下返回的是什么，以及它的结构是怎么样的：再进行一些具体操作从Promis 阅读全文

posted @ 2017-12-10 17:40 qize 阅读(718) 评论(0) 推荐(2) 编辑

Open Graph Protocol(开放内容协议)

摘要：最近在整理公司hexo博客的时候突然发现在页面里面有一个这个奇怪的 Open Graph Protocol(开放内容协议) 开放内容协议一种新的HTTP头部标记，即这种协议可以让网页成为一个“富媒体对象”。用了标签，就是你同意了网页内容可以被其他社会化网站引用等。说白了，这个属性的加入能阅读全文

posted @ 2017-12-05 19:58 qize 阅读(3512) 评论(0) 推荐(0) 编辑

gulp-prompt入个了门

摘要：gulp prompt版本：0.4.1 源码: "gulp prompt演示代码" 一、gulp prompt的简介 "gulp prompt" 是一个基于gulp的命令行提示。我们可以用它来完成命令行中互动功能。二、gulp prompt的使用 1.confirm([options]) 第一种阅读全文

posted @ 2017-11-01 20:20 qize 阅读(598) 评论(0) 推荐(0) 编辑

Charles从入门到放弃

摘要：Charles版本:4.0.2 一、开始连接方式方法一：电脑和手机连接同一个wifi 方法二：电脑使用网线连接网络，手机通过USB连接电脑二、过滤网络请求 1.简单过滤在Sequence模式下，就可以看到Filter，输入要过滤的关键字即可。 2.长期特定的网络封包路径：Proxy Rec 阅读全文

posted @ 2017-10-31 21:45 qize 阅读(2761) 评论(0) 推荐(0) 编辑

为什么可以通过URL来调起APP - URL Scheme和Intent

摘要：在手机浏览器中可以通过URL调起APP是不是很神奇？这篇文章就告诉你为什么。 URL Scheme 先从前端能接触到的URL Scheme分析一下丢wiki:https://en.wikipedia.org/wiki/Uniform_Resource_Identifier URL Scheme就是阅读全文

posted @ 2017-09-15 09:57 qize 阅读(7261) 评论(0) 推荐(1) 编辑

H5页面中尝试调起APP

摘要：安卓版本5.0以上 IOS版本10.0以上采用事件触发的方式处理唤醒APP 市面上常见的功能这种功能现如今应该非常普遍了，淘宝H5，知乎H5等等。。。点击后会调起APP或者打开下载页面或者直接进行下载。但是我这里发现知乎的这个功能有点不一样他的逻辑是先提示我是否打开手机中的知乎APP（浏览阅读全文

posted @ 2017-09-11 18:25 qize 阅读(2912) 评论(2) 推荐(0) 编辑

Web Components

摘要：Web Components是什么 Web Components是一个聚集html,css,js的一个可复用组件。这样开发者就可以在网络上通过插件或组件的形式分享自己的代码片段(具有独立的功能)，也可以理解成web组件或插件。 Web Components的组成要素自定义元素 html模版 sh 阅读全文

posted @ 2017-08-14 22:56 qize 阅读(729) 评论(0) 推荐(0) 编辑

二维码扫码登陆原理

摘要：原文链接：http://www.jianshu.com/p/7f072ac61763 网页版微信刚推出时，无数人被它的登录方式惊艳了一下，不需要输入用户名密码，打开手机微信扫一扫，便自动登录。从原理上讲，二维码只能是一段文本的编码，如何用它实现快捷登录的呢？打开网页版微信，可以看到如下的页面：如阅读全文

posted @ 2017-04-21 11:24 qize 阅读(13929) 评论(0) 推荐(0) 编辑

HTML5中的History对象

摘要：HTML5标准之前基本操作 1.forward(number) 加载histroy列表中的下一个URL 2.back(number) 加载histroy列表中的上一个URL 3.go(number) 根据当前所处的页面，加载 history 列表中的某个具体的页面。例子: HTML5标准后 hi 阅读全文

posted @ 2017-02-21 12:57 qize 阅读(857) 评论(0) 推荐(0) 编辑

谷歌YSlow准则

摘要：谷歌YSlow准则 YSlow可以对网站的页面进行分析，并告诉你为了提高网站性能，如何基于某些规则而进行优化。测试个人站点通过测试个人站点可以获得下面的数据 23条准则 Make fewer HTTP requests 译为：减少HTTP请求次数 Use a Content Delivery N 阅读全文

posted @ 2017-02-15 17:48 qize 阅读(534) 评论(0) 推荐(0) 编辑

页面图片懒加载原理

摘要：图片懒加载演示代码： "lazyload" 在这方面大名鼎鼎的jQuery插件: "jquery.lazyload.js" ,是我们做页面懒加载优化的首选。当然大神的源码也很简洁。原理实现本人不才，请忽略本人的粗鄙代码(兼容性，完备性，健壮性可自行实现)，重在思路。判断图片是否在可视区域内阅读全文

posted @ 2017-01-19 16:50 qize 阅读(1826) 评论(2) 推荐(0) 编辑

JavaScript原生的节点操作

摘要：前言：原生是Javascript的基础，还是需要多多重视，时间长都忘记了，现在整理一下。获取子节点 1. children 不是标准的dom属性，但是几乎被所有浏览器支持。不包含文本节点. 注意：在IE中，children包含注释节点。 2. childNodes 是标准属性。返回所有子节点。包括阅读全文

posted @ 2017-01-17 17:11 qize 阅读(3983) 评论(0) 推荐(0) 编辑

前端开发中SEO的十二条总结

摘要：一. 合理使用title, description, keywords二. 合理使用h1 - h6, h1标签的权重很高, 注意使用频率三. 列表代码使用ul, 重要文字使用strong标签四. 图片添加alt属性, title可选。 img最好加上宽, 高利于加载五. 重要代码在前面，通过css 阅读全文

posted @ 2016-10-28 14:55 qize 阅读(655) 评论(0) 推荐(0) 编辑

页面嵌入dom与被嵌入iframe的攻防

摘要：1.情景一:自己的页面被引入(嵌入)至别人的页面iframe中通过顶层框架的判断,得知自己所在的框架是否是顶层框架。来判断自己页面所在的情况。知识点:不同域中的iframe不能相互访问。比如我们的页面在别人的页面iframe中，我们的页面跟别人的页面就在不同的域中。这时候我们通过window 阅读全文

posted @ 2016-09-26 11:37 qize 阅读(1251) 评论(0) 推荐(0) 编辑

实例操作JSONP原理

摘要：絮语:按这个步骤走，你就会明白JSONP是什么鬼。 1.工程目录: 2.nginx的server配置配置了两个域名不同，端口不同的域。不会配置？请看:nginx+php的使用 nginx的使用 3.get的xhr的异步请求谷歌下请求没问题，因为我设置对浏览器设置了跨域参数。但是火狐确是不行阅读全文

posted @ 2016-09-22 22:40 qize 阅读(801) 评论(0) 推荐(0) 编辑

Content Security Policy 入门教程

摘要：阮一峰文章:Content Security Policy 入门教程阅读全文

posted @ 2016-09-18 10:18 qize 阅读(245) 评论(0) 推荐(0) 编辑

video.js

摘要：1.github地址 2.常用API: class : video-js: video-js应用视频所需的风格。js功能,比如全屏和字幕。 vjs-default-skin: vjs-default-skin默认皮肤适用于HTML控件,并且可以删除或覆盖创建自己的控制设计 data-setup 设置阅读全文

posted @ 2016-09-12 13:21 qize 阅读(6630) 评论(2) 推荐(0) 编辑

Javascript面向对象类文章目录

摘要：1.javaScript的原型继承与多态性 2.JavaScript的继承实现方式 3.JS中 call() 与apply 方法阅读全文

posted @ 2016-09-09 10:37 qize 阅读(234) 评论(0) 推荐(0) 编辑

javaScript的原型继承与多态性

摘要：1.prototype 我们可以简单的把prototype看做是一个模版，新创建的自定义对象都是这个模版（prototype）的一个拷贝（实际上不是拷贝而是链接，只不过这种链接是不可见，给人们的感觉好像是拷贝）。 //'构造函数'a function a(name){ this.name = na 阅读全文

posted @ 2016-09-09 10:30 qize 阅读(970) 评论(0) 推荐(0) 编辑

JavaScript的继承实现方式

摘要：1.使用call或apply方法，将父对象的构造函数绑定在子对象上 function A(){ this.name = 'json'; } function B(){ A.call(this); } //测试 var testB = new B(); alert(testB.name) //->js 阅读全文

posted @ 2016-05-18 17:35 qize 阅读(334) 评论(0) 推荐(0) 编辑

随笔分类 - Front-End