<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[refined_x的博客]]></title><description><![CDATA[http://refined-x.com]]></description><link>https://blog.youkuaiyun.com/refined_x</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; refined_x]]></copyright><item><title><![CDATA[年底了，分享下自己一年的 Github contribution 吧]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/144880655</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/144880655</guid><author>refined_x</author><pubDate>Thu, 02 Jan 2025 10:53:31 +0800</pubDate><description><![CDATA[做了个生成 GitHub contribute 卡片的小玩具给大家玩！Github Card: https://github-card.refined-x.com/]]></description><category></category></item><item><title><![CDATA[前端周刊：2023-2 期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/129356049</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/129356049</guid><author>refined_x</author><pubDate>Mon, 06 Mar 2023 10:15:40 +0800</pubDate><description><![CDATA[用自己给自己转 0ETH 的新交易替换，可以实现取消一笔未完成的以太坊交易，但技术上并不百分百可靠，更好的做法是自己在合约上实现取消功能。获取剪切板的图片 -> File -> Base64 -> Blob -> url -> Image，以及它们之间的各种相互转换。JSON 字符串格式化。腾讯的设计系统 TDesign 适配微信小程序的组件库。【腾讯云】云服务器等爆品抢先购，低至 4.2 元/月。这个库的网站风格十年前就这样，现在也没变。腾讯推出的网页小工具的集合网站。稍微复杂点的场景用得到。]]></description><category></category></item><item><title><![CDATA[前端周刊：2022-12 期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/125842820</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/125842820</guid><author>refined_x</author><pubDate>Mon, 18 Jul 2022 10:18:37 +0800</pubDate><description><![CDATA[Vue3的官方跳板Vue3的响应式变量API设计的挺难用个人感觉Vue3是个失败的版本“当今最流行的框架非React莫属。React以其岀色的性能，颠覆了互联网的理念，简单的开发方式受到许多开发者的青睐。”高频react面试题20道（附详解）可供Echarts使用的世界地图JeoJSON文件，包括普通版本(worldEN.json)和中国居中版本(worldZH.json)。会提问是合格工程师的最最最基本要求边角但实用的CSS排版知识。...]]></description><category></category></item><item><title><![CDATA[前端周刊：2022-11 期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/125409553</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/125409553</guid><author>refined_x</author><pubDate>Wed, 22 Jun 2022 15:01:59 +0800</pubDate><description><![CDATA[添加好友，备注“加群”更新内容请访问《前端周刊》]]></description><category></category></item><item><title><![CDATA[前端周刊：2022-10 期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/125159908</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/125159908</guid><author>refined_x</author><pubDate>Tue, 07 Jun 2022 10:02:40 +0800</pubDate><description><![CDATA[前端周刊：2022-10 期]]></description><category></category></item><item><title><![CDATA[前端周刊：2022-8 期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/124942037</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/124942037</guid><author>refined_x</author><pubDate>Tue, 24 May 2022 10:22:42 +0800</pubDate><description><![CDATA[前端周刊：2022-8 期
前端开发

为什么视频网站的视频链接地址是 blob？


很详细的讲解了如何实现视频流式传输，还能防盗链


实时 html5 的 mp3 播放。再次体验数据格式 arraybuffer。


音频防盗链


前端工具箱-css 动画缓动函数预览及生成


css 动画缓动函数预览及生成


前端工具箱-CSS3 渐变背景代码生成工具


CSS3 渐变背景代码生成工具


leetcode 中文版


leetcode 中文版


基于 howler.js 写了个音频播放器组]]></description><category></category></item><item><title><![CDATA[前端周刊：2022-7 期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/124814061</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/124814061</guid><author>refined_x</author><pubDate>Tue, 17 May 2022 09:18:15 +0800</pubDate><description><![CDATA[前端周刊：2022-7 期
前端开发

videojs-plugin-source-switcher


videojs 视频源切换插件


前端工具箱-免费的 SVG 图像和图标


所有内容均在 Creative Commons CC0 下发布


es6-模块与-commonjs-模块的差异


CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。


打包工具 rollup.js 入门教程


简明易懂的 rollup.js 入门教程


pandoc 的使用方法总结


pa]]></description><category></category></item><item><title><![CDATA[前端周刊：2022-6 期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/124664443</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/124664443</guid><author>refined_x</author><pubDate>Mon, 09 May 2022 13:38:14 +0800</pubDate><description><![CDATA[前端周刊：2022-6 期
前端开发

videojs-plugin-marker–videojs 进度条打点插件


基于 videojs-marker-plugin 项目二次开发，支持 marker 点更新和 marker 点击事件；更换构建工具为 Vite。


@cutting-mat/director 前端自动化脚本执行


前端自动化脚本执行，灵活实现各种自动播放、演示场景


JavaScript 实现禁止打开控制台


如题


浅谈前端水印


如题


前端工具箱-粒子效果生成器


可]]></description><category></category></item><item><title><![CDATA[前端周刊：2022-5 期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/124399133</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/124399133</guid><author>refined_x</author><pubDate>Mon, 25 Apr 2022 10:29:06 +0800</pubDate><description><![CDATA[前端周刊：2022-5 期
前端开发

videojs-plugin-source-switcher–videojs 视频源切换插件


.基于 videojs-resolution-switcher 项目二次开发, 支持 videojs^7.0.0; 更换构建工具为 Vite.


写给自己的代码整洁之道


写给自己的代码整洁之道


2022 Vite vue3 EsLint 超简单配置 按步骤完成即可


总算看到了这一天，不用兼职 Webpack 配置工程师了


plyr-优秀的开源 WEB 播]]></description><category></category></item><item><title><![CDATA[前端周刊：2022-4期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/124117144</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/124117144</guid><author>refined_x</author><pubDate>Tue, 12 Apr 2022 10:09:37 +0800</pubDate><description><![CDATA[前端开发

npm audit的理想与现实


本文介绍了npm audit的工作原理以及现实中有什么缺陷。在npm如此流行的今天属于必读科普文。


fingerprintjs-浏览器指纹生成库


很方便，但拿不到绝对有效的指纹，只能作为辅助验证手段，比如两台同样型号手机用同样浏览器得到的指纹就是相同的。


driver.js–用于实现页面引导功能的库


A light-weight, no-dependency, vanilla JavaScript engine to drive the use]]></description><category></category></item><item><title><![CDATA[前端周刊：2022-3期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/123344875</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/123344875</guid><author>refined_x</author><pubDate>Tue, 08 Mar 2022 09:08:59 +0800</pubDate><description><![CDATA[前端周刊：2022-3期
前端开发

Animater: 基于Vue的动画场景编排组件


轻松实现元素进场、退场动画


FLUTTER添加水印、添加自定义水印、禁止截屏


“现实生活中，我们想要对应用的开发程序内容进行管控，避免暴露出敏感信息”


FinClip - 通用小程序容器方案


完全兼容微信小程序的私有化小程序方案


学习Web开发


“Web 入门是一门介绍 Web 开发实用性的简洁系列课程。在这里你将学会如何设置构建简单网页所需的工具并发布你自己的简易代码。”


7个API安全]]></description><category></category></item><item><title><![CDATA[前端周刊：2022-2期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/122835023</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/122835023</guid><author>refined_x</author><pubDate>Wed, 09 Feb 2022 09:08:14 +0800</pubDate><description><![CDATA[前端周刊：2022-2期
前端开发

利用 Promise 的 cache 特性实现前端缓存


这应该是最简单的前端请求缓存实现思路


项目推荐：@tower1229/axios


Axios的升级替代品，与Axios完全相同的API，仅仅为Instance.get()方法扩展缓存功能


项目推荐：@tower1229/vue-store


更简单的vue状态管理插件，如果你也觉得vuex有点复杂，那么你需要这个


密码强度检测算法


相对严谨的密码强度检测算法，对应的js实现


QGIS添]]></description><category></category></item><item><title><![CDATA[前端周刊：2021-15期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/122104212</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/122104212</guid><author>refined_x</author><pubDate>Thu, 23 Dec 2021 12:24:48 +0800</pubDate><description><![CDATA[前端周刊：2021-15期
前端开发

Gitbook install出现TypeError: cb.apply is not a function解决办法


这个远古项目还是有点坑


小程序开放平台架构指南(上)


介绍了小程序开放平台的核心价值点与开发路线图；


小程序开放平台架构指南(下)


对小程序开放平台中两个关键问题: 跨端通信与跨端构建响应式 Dom 界面的解决思路进行了介绍。


关于搜索引擎的优化方法


比较完整的SEO入门知识


时间轴在线制作工具


在线制作时间轴，可下]]></description><category></category></item><item><title><![CDATA[前端周刊：2021-14期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/121516506</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/121516506</guid><author>refined_x</author><pubDate>Wed, 24 Nov 2021 15:19:38 +0800</pubDate><description><![CDATA[前端开发

用require.context批量引入vue组件


最近知道的webpack api，需要批量引入组件的时候非常好用


使用Jenkins+Gitlab集成Flutter自动化打包(Android)，并发布到蒲公英


开发/测试环境Flutter APP 自动打包


在 Linux 操作系统上安装和配置 Flutter 开发环境


上一篇的附属，因为开发服务器一般是Linux 操作系统


CSS属性：accent-color


CSS原生支持定义控件颜色了


agora 开源在]]></description><category></category></item><item><title><![CDATA[前端周刊：2021-13期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/121096498</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/121096498</guid><author>refined_x</author><pubDate>Tue, 02 Nov 2021 11:10:18 +0800</pubDate><description><![CDATA[前端开发

百度上线开发者版搜索


终于，还在用百度搜索的人就剩下新手程序员了


微信公众号文章markdown编辑器


免费在线微信编辑器，可以很方便的自定义样式，默认样式也不错


HTML与JSON格式互转


一个使用场景是：把这个库做为富文本编辑器与数据库之间的转换层，可以在富文本编辑场景彻底摆脱对特定富文本编辑器的依赖。


一个Windows7风格的CSS库


可能用electron给特定用户群体做客户端用得着


阿里发布的最新前端技术图谱


核心变化不大，可以看看有哪些时髦的上层]]></description><category></category></item><item><title><![CDATA[前端周刊：2021-12期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/120352385</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/120352385</guid><author>refined_x</author><pubDate>Fri, 17 Sep 2021 16:49:37 +0800</pubDate><description><![CDATA[前端周刊：2021-12期
前端开发

CSS中content属性的妙用


本文讲解CSS中使用频率并不高的content属性，通过多个实用的案例，带你由浅入深的掌握content的用法，让代码变得更加简洁、高效。


各支付场景下前后端交互流程


这篇文章主要理清常见场景下各个支付的流程和api，后续一旦有新业务接入支付，能起到一个引导作用，少走弯路。


Dart const常量构造函数详解


Dart-常量构造函数一节讲的太草率了根本看不懂，这一篇以及这里的例子讲的就很清楚了。


理解Dart]]></description><category></category></item><item><title><![CDATA[前端周刊：2021-11期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/120010408</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/120010408</guid><author>refined_x</author><pubDate>Tue, 31 Aug 2021 09:32:53 +0800</pubDate><description><![CDATA[前端周刊：2021-11期
前端开发

25个你不得不知道的数组reduce高级用法


原以为reduce只能做累加，看完25个例子深入理解了reduce方法的实质


计算机时间到底是怎么来的？


我以为网络对时有更好的方式，没想到这么朴素


如何编写有用的错误消息？


行文很水，全文能提炼出五句有用的


Object.keys() 的顺序是如何定义的？


有数字按数字升序排，非数字按出现顺序排


渲染性能优化的全局视角，教你做的比别人好


性能优化这个话题说烂了，才有人舍得分享出核心的东]]></description><category></category></item><item><title><![CDATA[前端周刊：2021-10期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/119748816</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/119748816</guid><author>refined_x</author><pubDate>Tue, 17 Aug 2021 09:33:44 +0800</pubDate><description><![CDATA[前端周刊：2021-10期
前端开发

为什么模仿设备变得几乎不可能【英文】


介绍了前端如何识别设备的真实性


vue-cli如何正确关闭prefetch


因为依赖版本不同，直接抄代码可能不好使，需要自己观察一下console信息再决定


IconPark资源站


字节跳动开放图标库


nutui发布3.x


京东的面向移动端的UI库，感觉比Vant的“私货”少点


业务前端的出路


据我观察，能做到的人早就行动了，做不到的人读再多文章也不会有改变


你不可能知道的骨架屏玩法


今]]></description><category></category></item><item><title><![CDATA[前端周刊：2020-16期]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/108821119</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/108821119</guid><author>refined_x</author><pubDate>Sun, 27 Sep 2020 09:20:53 +0800</pubDate><description><![CDATA[前端周刊：2020-16期
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-m5TQvbiA-1601169573650)(/img/bing/20200903.png?imageMogr2/thumbnail/960x)]
前端开发

谈谈验证能力


调研是了解诉求，以及寻找可能的方案，而验证就是检验诉求及方案的可行性。


Chrome 85 稳定版发布，页面加载速度提升 10%


Chrome发展太迅猛了。


g2plot - 一套简单、易用、并具备一定扩展能力和组]]></description><category></category></item><item><title><![CDATA[巨树：基于ztree封装的Vue树形组件，轻松实现海量数据的高性能渲染。]]></title><link>https://blog.youkuaiyun.com/refined_x/article/details/98939542</link><guid>https://blog.youkuaiyun.com/refined_x/article/details/98939542</guid><author>refined_x</author><pubDate>Fri, 09 Aug 2019 09:47:40 +0800</pubDate><description><![CDATA[vue-giant-tree

]]></description><category></category></item></channel></rss>