Skip to content

Instantly share code, notes, and snippets.

View zhuping's full-sized avatar
🎯
Focusing

贾克斯 zhuping

🎯
Focusing
View GitHub Profile
@zhuping
zhuping / interceptClick.md
Last active July 6, 2020 07:28
vue 劫持所有 click 事件
let captureContexts = [];
const eventTypes = [ 'click' ];

function delegateBehavior(context) {
    if (context.$el) {
        context.$el.setAttribute('vue-uid', context._uid);
    }

    if (context.$root.$el && !context.$root.$el._isBindDelegate) {
@zhuping
zhuping / vanke.js
Created December 11, 2018 06:29
万科 积分商城签到
const axios = require('axios');
const Base64 = require('js-base64').Base64;
const md5 = require('js-md5');
const name = Base64.encode('Your Account');
const password = Base64.encode('Your Password');
const URL = 'https://union.vanke.com/api/Member/Login';
@zhuping
zhuping / frontend.md
Last active October 13, 2016 06:33
前端学习笔记

记录1

<input type="checkbox" name="province" />,所有浏览器都会给没有valueinput[type="checkbox"]一个默认的value值on。 如果给这个input加上一个value="" 就能解决这个问题,但是在原生的ie8(可能<ie8)下会忽略掉这个空value,导致我在用S.IO.serialize('.form')的时候,取出来的值带有on。

记录2

上传组件的整理
目前流行的上传组件都是大同小异,高级浏览器中都是基于HTML5提供File API开发的,不支持File API的浏览采用flash去兼容。File API 提供了FileFileListBlobFileReader四个对象。 类型 FileList 包含一组 File 对象。通常 FileList 对象可以从表单中的文件域(<input type="file" multiple />)中拿取。Blob 对象代表浏览器所能读取的一组原始二进制流。Blob 对象中,属性 size 表示流的大小。函数 slice() 可以将一个长的 Blob 对象分割成小块。File 对象继承自 Blob 对象,在 Blob 对象基础上增加了和 File 相关的属性。其中,属性 name 表示文件的名字,这个名字去掉了文件的路径信息,而只保留了文件名。属性 type 表示文件的 MIME 类型。属性 urn 则代表这个文件的 URN 信息。为完成文件读取的操作,一个 FileReader 对象实例会关联 File 或 Blob 对象,并提供三种不同的文件读取函数以及 6 种事件。

@zhuping
zhuping / requireJs-source.md
Last active August 29, 2015 14:25
requireJs源码学习
//If no name, and callback is a function, then figure out if it a
//CommonJS thing with dependencies.
if (!deps && isFunction(callback)) {
    deps = [];
    if (callback.length) {
        callback
            .toString()
            .replace(commentRegExp, '')
 .replace(cjsRequireRegExp, function (match, dep) {
@zhuping
zhuping / polyfills.md
Last active March 24, 2016 07:10
Javascript 奇技淫巧
//indexOf实现
// http://webreflection.blogspot.fr/2011/06/partial-polyfills.html
function indexOf(value) {
  for (var i = this.length; i-- && this[i] !== value;) {}
  return i;
}
var arr = [0, 1, 2, 3, 4];
indexOf.call(arr, 4);
@zhuping
zhuping / css
Created April 2, 2015 08:05
css日常记录
IE6下图片透明:_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='');
var EventUtil = {
	addHandler: function(element, type, handler) {
		if (element.addEventListener) {
			element.addEventListener(type, handler, false);
		} else if (element.attactEvent) {
			element.attactEvent('on' + type, handler);
		} else {
			element['on' + type] = handler;
 }
@zhuping
zhuping / 我所不知道的git用法.md
Last active August 29, 2015 13:58
《版本控制之道--使用Git》学习笔记

提交修改

  1. 提交暂存后的修改

git add some-file
git commit -m 'changes to some-file'

  1. 提交工作目录树中的所有修改
@zhuping
zhuping / jsonp跨域原理.md
Last active August 29, 2015 13:57
学习笔记

###同源策略

同源策略,它是由Netscape提出的一个著名的安全策略。 现在所有支持JavaScript 的浏览器都会使用这个策略。 所谓同源是指,域名,协议,端口相同。 当一个浏览器的两个tab页中分别打开来 百度和谷歌的页面 当浏览器的百度tab页执行一个脚本的时候会检查这个脚本是属于哪个页面的, 即检查是否同源,只有和百度同源的脚本才会被执行。

###原理 平时在html中写入一个img标签,src路径可以是任意域名下的图片,所以这个src属性并不被同源策略所约束,所以可以获取任何服务器上脚本并执行。