ambit-tsai / es6-proxy-polyfill Goto Github PK

View Code? Open in Web Editor NEW

56.0 56.0 23.0 131 KB

ES6 Proxy polyfill, supports IE8+, Node.js, etc.

License: Apache License 2.0

JavaScript 95.18% HTML 4.82%

ie8 polyfill proxy

es6-proxy-polyfill's People

Contributors

Stargazers

Watchers

es6-proxy-polyfill's Issues

直接 import 'es6-proxy-polyfill'; 不能全局 Polyfill 其他使用 Proxy 的三方库

import 'es6-proxy-polyfill';
同时使用 pixi.js7.4.2版本，pixi7.4.2版本中有 new Proxy 代码，但并没有被polyfill，chrome39报错 Uncaught ReferenceError: Proxy is not defined

数组出现TypeError

IE 11
"TypeError: Trap 'set' returned false for property 'length'

Can it work with vue3 which used in lower version chrome <49

Hi, I build your product and try work with vue3 in lower version chrome <49

but, because vue3 has his own context , sometimes the webpack throw error like this.xxxx is not a function (this is undefined)
or vue3 can't trig deps to update dom

so, do we have some methods to work with with vue3

eg:
i used vue.global.js to test proxy-polyfill ,and use the demo

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vue 3 UMD Demo</title>
  <script src="./es6_proxy_polyfill_raw.js"></script>
</head>
<body>
<div id="app">

  <div>msg {{ message }}</div>
  <div>ldr {{ ldr }}</div>
  <div>num {{ mm }}</div>
  <div>
    <button @click="ppp">+1</button>
  </div>
</div>

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>

<script>
  const { createApp } = Vue;

  const App = {
    data() {
      return {
        message: "Hello, Vue 3 UMD!",
        ldr: this.langx(),
        mm: 10
      };
    },
    methods: {
      langx: function() {
        console.log("langx");
        return "langx111";
      },
      ppp: function() {
        console.log("mmd click this-", this, this.mm);
        this.mm = this.mm + 1;
      }
    }
  };

  createApp(App).mount("#app");
</script>
</body>
</html>

This polyfill does not test Browser Support

My expectation was that the polyfill would only be used if there is no proxy support in the browser.
Unfortunately this is not the case and a simple test in a Vue.js application, which unfortunately also has to support IE 11, immediately led to a bug in Firefox 76.
By the way, it does not work in IE 11 either...

import 'es6-proxy-polyfill'

export default {
	name: 'App',
	components: {},
	data: function() {
		return {
			myprop: ''
		};
	},
	created() {
		const test = new Proxy({}, {
			set: (target, prop, value) => {
				console.log(target, prop, value)
				target[prop] = value
				return true
			}
		})
		test.name = 'Hans'
		console.log(test.name)
	}
}

proxy 下面属性支持吗

你好，下面属性支持吗

get
set
deleteProperty
has
ownKeys

ambit-tsai / es6-proxy-polyfill Goto Github PK

es6-proxy-polyfill's People

Contributors

Stargazers

Watchers

Forkers

es6-proxy-polyfill's Issues

直接 import 'es6-proxy-polyfill'; 不能全局 Polyfill 其他使用 Proxy 的三方库

ie11 _isVbObject未定义

数组出现TypeError

Can it work with vue3 which used in lower version chrome <49

This polyfill does not test Browser Support

proxy 下面属性支持吗

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent