陈荣亮的博客

文章目录前言一、web components是什么？二、使用步骤1.起步2.构建示例3. 实际应用4.踩坑小点总结前言最近有点闲，看到svelte.js，一个挺好玩的框架，搭配rollup开发相当丝滑，api就我而言，比vue、react那些都好用~尤大说的比较中肯，它属于小而美的类型，构建复杂项目可能会有压力；但用来做小项目，活动页，编译可独立分发的 web components等，则很合适，今天我那它做个组件尝尝味道。一、web components是什么？其实这玩意就是自定义html组件

最近在处理 iframe 跨域通讯（也就是PostMessage的应用，有兴趣可以看一下我的文章），发现了个比较头疼的问题：在 iframe 环境中，无法跨域读取内嵌网页的 cookie ，得到的结果都是空值。本来原计划构思，iframe 通过 PostMessage 实现跨域数据共享，但这个问题的出现让我蛋碎不已…(´༎ຶД༎ຶ`)如果不解决，前面的努力就等于全白搭了。于是乎我便开始了各种查文档和解决方案。据文档说明：Chrome 51 开始，浏览器的 Cookie 新增加了一个SameSite

PostMessage和实际应用PostMessage是html5新引进的一个可跨源通信api，你可以通过这个api，让主页面和任意frame类页面或window.open打开的页面进行双向通信。大概流程如下图：简而言之，通过PostMessage，你可以无视不同域名导致的跨域报错等问题。关于它的用法，需要注意的几点：首先，信息传递安全问题。为了你的信息传递能准确传达，无论是作为主页面还是子页面，传递重要信息时都应该填写origin而不是“*”，避免被截获。其次，iframe或者window.

cookie信息提取 // 简单提取键值信息 let obj = {}, reg = new RegExp('([^=]*)=([^;]*);?', 'g') document.cookie.replace(reg , (str, key, val) => { cookieObj[key.trim()] = val.trim() })...

最近忽然心血来潮（嗯，闲的~），想捣鼓一下Vue的插件开发。刚好项目中有i18n的需求，但是不想引用vue-i18n，正好可以自己实现一个，顺便愉快的装个**【哔——】**。首先，分析一下自身的需求。我要实现的i18n需求如下：游戏站点的需求，有不同国家地区的游戏，语言字段是通过ajax请求返回的i18n插件的用法是 ($t("字段名"))，返回值是翻译的内容，这点比较友好，要有由于语...