<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[jayccx的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/jayccx</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; jayccx]]></copyright><item><title><![CDATA[vue2中使用JSX语法报错，如何解决？]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/132474320</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/132474320</guid><author>jayccx</author><pubDate>Thu, 24 Aug 2023 14:52:48 +0800</pubDate><description><![CDATA[vue2中使用JSX语法报错，如何解决？
1、安装必要的依赖和插件：
2、在babel配置文件中添加插件：
3、在组件中使用JSX语法：]]></description><category></category></item><item><title><![CDATA[纯前端解析.docx文件]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/132337277</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/132337277</guid><author>jayccx</author><pubDate>Thu, 17 Aug 2023 11:24:23 +0800</pubDate><description><![CDATA[前段时间做过一个纯前端解析.docx文件的需求，只需要解析文件的内容展示在页面上即可，需求听上去还挺简单的，然而我还是踩了到了巨坑]]></description><category></category></item><item><title><![CDATA[Vue动态组件的实践与原理探究]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/131943216</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/131943216</guid><author>jayccx</author><pubDate>Wed, 26 Jul 2023 17:00:31 +0800</pubDate><description><![CDATA[我司有一个工作台搭建产品，允许通过拖拽小部件的方式来搭建一个工作台页面，平台内置了一些常用小部件，另外也允许自行开发小部件上传使用，本文会从实践的角度来介绍其实现原理。ps.本文项目使用Vue CLI创建，所用的Vue版本为2.6.11webpack版本为4.46.0。]]></description><category></category></item><item><title><![CDATA[npm install 报错: cb() never called!]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/131591636</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/131591636</guid><author>jayccx</author><pubDate>Fri, 07 Jul 2023 10:35:10 +0800</pubDate><description><![CDATA[npm install 报错: cb() never called!]]></description><category></category></item><item><title><![CDATA[使用amfe-flexible以及px2rem-loader解决VUE移动端适配]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/130866488</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/130866488</guid><author>jayccx</author><pubDate>Thu, 25 May 2023 14:26:20 +0800</pubDate><description><![CDATA[由于 layout viewport的宽度是远大于浏览器宽度的，因此我们需要一个新的viewport来代表浏览器的可视区域宽度，这个视图则被成为visual viewport我们可以使用window.innerWidth来获取。由于viewport单位得到众多浏览器的兼容，lib-flexible这个过渡方案已经可以放弃使用，不管是现在的版本还是以前的版本，都存有一定的问题。vant组件库的设计稿是按照375px来开发的。至此，我们的viewport的适配就做好了，只需要按照设计稿的比例进行开发就可以了。]]></description><category></category></item><item><title><![CDATA[跨域 iframe 内嵌页面 JavaScript 写 cookie 失败解决方法]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/130845840</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/130845840</guid><author>jayccx</author><pubDate>Wed, 24 May 2023 14:11:19 +0800</pubDate><description><![CDATA[在 iframe 跨域的场景下，无论是服务器，还是内嵌的页面，如果要写入 Cookie，都需要增加Secure;转载请注明出处。本文地址:跨域 iframe 内嵌页面 JavaScript 写 cookie 失败解决方法 - 前端路迹。]]></description><category></category></item><item><title><![CDATA[Vue 使用 ＜keep-alive include＞ 实现多级 ＜router-view＞ 缓存，无限层次缓存]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/130637363</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/130637363</guid><author>jayccx</author><pubDate>Fri, 12 May 2023 10:44:53 +0800</pubDate><description><![CDATA[，来判断这个路由中的组件是否需要缓存。然鹅，我有强迫症，不能接受没有动效 (￣(00)￣)的路由记录下来，并将该路由的name属性为维护在使用。或者嵌套路由（这是很常见的操作），这个时候后面几层。属性，它的值可以是：字符串，正则表达式，数组。这种方法是比较早版本时使用的方法，当时。接下来就可以愉快的缓存多层次的组件了。中的值来匹配当前路由对应组件的。属性，来实现动态的组件缓存。这个组件，而这个组件只是一个。组件，这明显不是我们想要的。、缓存了不必要的，用来实现。里保存的需要缓存的路由组件。]]></description><category></category></item><item><title><![CDATA[基于jsplumb的流程图展示]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/129837035</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/129837035</guid><author>jayccx</author><pubDate>Wed, 29 Mar 2023 14:57:36 +0800</pubDate><description><![CDATA[基于jsplumb的流程图展示]]></description><category></category></item><item><title><![CDATA[vue 动态加载并注册组件且通过 render动态创建该组件]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/129332292</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/129332292</guid><author>jayccx</author><pubDate>Sat, 04 Mar 2023 11:27:35 +0800</pubDate><description><![CDATA[动态创建不同的、特定的组件内容，而不需要大量的 import 组件并进行 component 注册]]></description><category></category></item><item><title><![CDATA[全面搞懂ESLint与Prettier]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/128851057</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/128851057</guid><author>jayccx</author><pubDate>Thu, 02 Feb 2023 15:19:10 +0800</pubDate><description><![CDATA[全面搞懂ESLint与Prettier]]></description><category></category></item><item><title><![CDATA[vscode团队代码风格统一]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/128827525</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/128827525</guid><author>jayccx</author><pubDate>Wed, 01 Feb 2023 10:00:34 +0800</pubDate><description><![CDATA[使用vscode + vetur + eslint + prettier 实现团队代码风格统一]]></description><category></category></item><item><title><![CDATA[解决使用 @vue/cli-plugin-babel 导致动态 import 代码拆分失败问题]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/128200440</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/128200440</guid><author>jayccx</author><pubDate>Tue, 06 Dec 2022 11:52:33 +0800</pubDate><description><![CDATA[解决使用 @vue/cli-plugin-babel 导致动态 import 代码拆分失败问题]]></description><category></category></item><item><title><![CDATA[Vue双向数据绑定流程]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/126533971</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/126533971</guid><author>jayccx</author><pubDate>Thu, 25 Aug 2022 22:39:24 +0800</pubDate><description><![CDATA[Vue双向数据绑定流程]]></description><category></category></item><item><title><![CDATA[大数据可视化屏幕适配]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/126376426</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/126376426</guid><author>jayccx</author><pubDate>Tue, 16 Aug 2022 23:24:45 +0800</pubDate><description><![CDATA[大数据可视化屏幕适配]]></description><category></category></item><item><title><![CDATA[Ts类型声明]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/126136191</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/126136191</guid><author>jayccx</author><pubDate>Wed, 03 Aug 2022 15:13:17 +0800</pubDate><description><![CDATA[typescript类型声明]]></description><category></category></item><item><title><![CDATA[H5手机页面调起浏览器自带分享功能实例（QQ、UC浏览器微博、微信分享）]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/125290200</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/125290200</guid><author>jayccx</author><pubDate>Wed, 15 Jun 2022 09:02:45 +0800</pubDate><description><![CDATA[H5手机页面调起浏览器自带分享功能实例（QQ、UC浏览器微博、微信分享）]]></description><category></category></item><item><title><![CDATA[浏览器类型判断]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/125271777</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/125271777</guid><author>jayccx</author><pubDate>Tue, 14 Jun 2022 09:20:15 +0800</pubDate><description><![CDATA[获取浏览器类型]]></description><category></category></item><item><title><![CDATA[IndexedDB 的api]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/124696522</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/124696522</guid><author>jayccx</author><pubDate>Tue, 10 May 2022 20:21:36 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
    &lt;title&gt;...]]></description><category></category></item><item><title><![CDATA[z-index 和 fixed 在苹果手机ios不生效]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/124442618</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/124442618</guid><author>jayccx</author><pubDate>Wed, 27 Apr 2022 09:01:58 +0800</pubDate><description><![CDATA[z-index 和 fixed 在苹果手机ios不生效
问题描述
今天开发遇到一个问题：

当一个元素固定定位时（fixed），同层级节点如果不想被固定定位的元素覆盖，那么需要设置 z-index，这样就不会被覆盖了。

举个例子：A是固定定位的元素，B不能被A覆盖，所以需要设置 B z-index（同时需要设置 position: relative，因为Z-index 必须在定位的元素上才能生效）。

.a {
 position: fixed;
 top: 100px;
 left: 100px;...]]></description><category></category></item><item><title><![CDATA[限制HTML的input只能输入数字、英文、汉字...]]></title><link>https://blog.youkuaiyun.com/jayccx/article/details/123828456</link><guid>https://blog.youkuaiyun.com/jayccx/article/details/123828456</guid><author>jayccx</author><pubDate>Tue, 29 Mar 2022 18:20:46 +0800</pubDate><description><![CDATA[限制HTML的input只能输入数字、英文、汉字...




关键词：正则表达式, JavaScript, HTML, input

常用HTML正则表达式
1.只能输入数字和英文的：
&lt;input onkeyup="value=value.replace(/[/W]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
ID="Text1" .]]></description><category></category></item></channel></rss>