<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[hello world]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/KingJordon</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; KingJordon]]></copyright><item><title><![CDATA[如何让前端页面可编辑]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/148867305</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/148867305</guid><author>KingJordon</author><pubDate>Tue, 24 Jun 2025 11:48:15 +0800</pubDate><description><![CDATA[3、f12-Settings-Preferences-Debugger-勾选Disable JavaScrip。1、F12打开控制台输入。2、将代码复制粘贴到书签栏。一、一行代码使页面可编辑。二、前端页面显示密码。]]></description><category></category></item><item><title><![CDATA[【无标题】]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/123686792</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/123686792</guid><author>KingJordon</author><pubDate>Thu, 17 Aug 2023 09:28:43 +0800</pubDate><description><![CDATA[【代码】【无标题】]]></description><category></category></item><item><title><![CDATA[VS Code 插件]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/126038309</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/126038309</guid><author>KingJordon</author><pubDate>Thu, 28 Jul 2022 16:39:34 +0800</pubDate><description><![CDATA[vs code好用插件]]></description><category></category></item><item><title><![CDATA[nuxt使用keep-alive]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/122927866</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/122927866</guid><author>KingJordon</author><pubDate>Mon, 14 Feb 2022 16:58:49 +0800</pubDate><description><![CDATA[业务场景：

列表页进入详情页返回，列表页数据缓存还是进入详情页之前的样子

仅有部分页面需要缓存，对需要缓存的页面进行操作

大致实现过程：

1.nuxt设置keep-alive，需要缓存的页面添加name属性

2.通过vuex管理需要缓存的页面/组件

3.需要缓存的页面在进入时判断是否刷新数据，离开进行判断是否需要缓存（滚动位置恢复看情况是否需要）.


...]]></description><category></category></item><item><title><![CDATA[nuxt中使用mailchimp]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/122340730</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/122340730</guid><author>KingJordon</author><pubDate>Thu, 06 Jan 2022 14:27:55 +0800</pubDate><description><![CDATA[mailchimp，免费电子邮件营销工具

我制作的需求仅仅是在我们网站提供一个邮件订阅的功能

官方文档

创建账号，建立一个表单，连接自己的网站，生成代码插入到自己的网站中

在vue或者其他框架中当做一个第三方插件script引入就行，nuxt默认因为没有引用的地方需要自己创建一个app.html,实际上这个代码对于我接下来的操作没有影响，不写的话也可以实现，可能在制作其他需求的地方用得到，我还是按照文档加上了


&lt;!DOCTYPE html&gt;
&lt;html {{ HTML_ATTR]]></description><category></category></item><item><title><![CDATA[nuxt中全局引入样式文件]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/122259061</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/122259061</guid><author>KingJordon</author><pubDate>Fri, 31 Dec 2021 16:38:07 +0800</pubDate><description><![CDATA[使用@nuxtjs/style-resources

配置nuxt.config.js


styleResources: {
    scss: ['~/assets/style/main.scss'],
    hoistUseStatements: true,
},
buildModules: [
    '@nuxtjs/style-resources'
],


]]></description><category></category></item><item><title><![CDATA[nuxtjs-i18n + element 国际化]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/121521740</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/121521740</guid><author>KingJordon</author><pubDate>Wed, 24 Nov 2021 18:20:16 +0800</pubDate><description><![CDATA[nuxtjs-18n新版可以通过在nuxt.config.js设定国际化，并不需要我们自己添加i18n.js文件进行处理

只需要建立lang文件夹，添加语言包即可


lang/en.js
lang/zh.js

通常我们是在这两个文件中添加自己定义的语言包

当我们需要引入第三方插件的语言包时（比如element），我们是通过vue-i18n去进行配置

现在的话直接把语言包合并在lang文件夹下对应的文件中即可


import enLocale from 'element-ui/lib/locale]]></description><category></category></item><item><title><![CDATA[nuxt中引入vue-echarts6]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/121410916</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/121410916</guid><author>KingJordon</author><pubDate>Thu, 18 Nov 2021 21:54:50 +0800</pubDate><description><![CDATA[nuxt是vue2.x版本

根据文档下载引入，文档地址


$ npm install echarts vue-echarts

需要注意几点，也就是让我安装了两个小时的问题

1.在vue2.x版本需要安装@vue/composition-api


npm i -D @vue/composition-api

如果你用的是nuxt，执行那个下面得代码


npm i -D @vue/composition-api

2.node与python版本

本来我node是12.x版本，使用vue-ech..]]></description><category></category></item><item><title><![CDATA[nuxt 路由重定向错误]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/121021781</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/121021781</guid><author>KingJordon</author><pubDate>Thu, 28 Oct 2021 19:59:55 +0800</pubDate><description><![CDATA[Error: Redirected when going from "/xxx" to "/xxx" via a navigation guard.

我在nuxt的middleware中使用redirect重定向导致该错误

我本意是想判断token是否存在，不存在就重定向到登录页面

如果我点击退出页面按钮，清除token，并切换到登录页面，但是这时候meddleware的redirect重定向仍会触发，导致从登录页面重定向到登录页面

把token的验证发到别的地方，比如项目初始化的时候，从缓存获取存]]></description><category></category></item><item><title><![CDATA[数组扁平化处理]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/118579032</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/118579032</guid><author>KingJordon</author><pubDate>Thu, 08 Jul 2021 17:57:13 +0800</pubDate><description><![CDATA[let data=[1,[2,[3,4]]]

将上述数组变成[1,2,3,4]

1.flat


data = data.flat(Infinity);

2.es6扩展运算符

data = [].concat(...data)这样只能去掉一重数组，[1,2,[3,4]]

本来我是用循环递归去做的，后来看到有人使用了some这个方法，简化了很多


while (data.some(Array.isArray)) {
data = [].concat(...data);
}


...]]></description><category></category></item><item><title><![CDATA[nuxt开发遇到的问题]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/118496110</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/118496110</guid><author>KingJordon</author><pubDate>Mon, 05 Jul 2021 18:39:38 +0800</pubDate><description><![CDATA[本地项目运行，初始默认是能在电脑运行的ip上打开，地址为localhost:3000,如果想要在内网其他电脑访问

配置nuxt.config.js


server:{
    port: 8000,//端口
    host: '0.0.0.0' // default: localhost   
}


]]></description><category></category></item><item><title><![CDATA[Cannot read property ‘getBoundingClientRect‘ of undefined]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/118223963</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/118223963</guid><author>KingJordon</author><pubDate>Fri, 25 Jun 2021 16:41:20 +0800</pubDate><description><![CDATA[在vue中使用滚动监听，当切换页面时会报错

解决方法：

在监听滚动页面关闭的时候清除滚动监听


beforeDestroy () {
    window.removeEventListener('scroll', this.handleScrollx,true);
  },



起始我没有在清除函数中添加true参数，在一个帖子中找到了解释（https://segmentfault.com/q/1010000010117564）


...]]></description><category></category></item><item><title><![CDATA[uniapp 开发app问题记录]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/116798781</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/116798781</guid><author>KingJordon</author><pubDate>Fri, 14 May 2021 17:50:14 +0800</pubDate><description><![CDATA[1.iphone全面屏手机底部有横杠（安卓和非全面屏iphone没有）

manifest.json 文件 app-plus 节点下配下 safearea，自适应颜色，也可以设置固定颜色 ，参考https://ask.dcloud.net.cn/article/35564



"safearea": {
    "bottom": {  
		"offset": "none" 
    }   
},



2.“App平台 v3 模式暂不支持在 js 文件中引用‘xxx.css’请改在 style ..]]></description><category></category></item><item><title><![CDATA[svg菜单图标和关闭图标动态切换]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/116522480</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/116522480</guid><author>KingJordon</author><pubDate>Sat, 08 May 2021 12:01:33 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8" /&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"&gt;
		&lt;style type="text/css"&gt;
			bo...]]></description><category></category></item><item><title><![CDATA[js中保留小数]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/116296829</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/116296829</guid><author>KingJordon</author><pubDate>Fri, 30 Apr 2021 11:01:22 +0800</pubDate><description><![CDATA[js保留小数有两种 1.四舍五入  2.直接截取

比如1.255保留两位小数 四舍五入1.26  直接截取1.25

不用的场景用不同的方法,比如涉及到金钱余额这种，如果位数较多保留两位小数显示，用直接截取是比较恰当的

1.四舍五入比较好实现，js有toFixed函数可直接使用，注意要是数字类型


Number(1.255).toFixed(position)

2.直接截取可以自己写一个函数实现，split+slice


fixed(value,position) {
			let v...]]></description><category></category></item><item><title><![CDATA[animate动画懒加载]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/115402120</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/115402120</guid><author>KingJordon</author><pubDate>Fri, 02 Apr 2021 17:28:09 +0800</pubDate><description><![CDATA[制作css动画可以使用animate动画库，也有在animate的基础上改进的动画库，例如aos.js wow.js

动画如果一开始加载页面就全部播放完毕就没有了做动画的意义

懒加载也就是当页面视图滑动到元素的时候才会执行元素的动画，主要很两种情况

一、动画只执行一次，窗口移走再次移回，动画不会再次执行

wow.js以animate为基础的动画，可以实现这种效果


&lt;divclass="card_text comeInLeftwow"data-wow-duration="1.5s"...]]></description><category></category></item><item><title><![CDATA[vue中使用scss全局变量]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/115308405</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/115308405</guid><author>KingJordon</author><pubDate>Mon, 29 Mar 2021 18:57:53 +0800</pubDate><description><![CDATA[插件版本


"node-sass": "^4.14.1",
"sass-loader": "^7.3.1",
"sass-resources-loader": "^2.1.1",

node-sass和sass-loader默认最新版本，使用时会有各种版本报错

上面的版本可用

vue,config,js配置


module.exports = {
    css: {
        loaderOptions: {
            sass: {
                data:]]></description><category></category></item><item><title><![CDATA[git报错 error: invalid path]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/114982412</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/114982412</guid><author>KingJordon</author><pubDate>Thu, 18 Mar 2021 16:04:49 +0800</pubDate><description><![CDATA[今天用git拉取同事代码报错



原因是文件命名错误

mac系统文件可以使用 * 字符命名，windows不行

注意不同系统字符




]]></description><category></category></item><item><title><![CDATA[js中小数取整]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/112221052</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/112221052</guid><author>KingJordon</author><pubDate>Tue, 05 Jan 2021 11:39:01 +0800</pubDate><description><![CDATA[以前我习惯性使用parseInt做取整，后来发现一个问题，对科学计数法不适用

js取整的方法

1.parseInt

parseInt把小数转化成整数是从要取整数据的左边读取，遇到非数字结束，保留前面已读到的数字。

当我们遇到科学计数法，使用parse取值可能是错误的（大部分来说是错误的）

2.Math

向上取整Math.ceil()

四舍五入 Math.round()

向下取整  Math.floor()

这种对于科学计数法也适用，也是最方便的，三种取值方向

3.其他...]]></description><category></category></item><item><title><![CDATA[vue中css使用data中的变量]]></title><link>https://blog.youkuaiyun.com/KingJordon/article/details/110660177</link><guid>https://blog.youkuaiyun.com/KingJordon/article/details/110660177</guid><author>KingJordon</author><pubDate>Fri, 04 Dec 2020 17:02:01 +0800</pubDate><description><![CDATA[封装一个ui组件，组件的样式一般是多种多样的

我们可以通过组件传值的方式将ui属性传递给组件，但是我们属性是在js中可以拿到，vue3之前css是无法直接获取的

(vue3中已经可以直接获取，可以去学习一下) 通过vars

那么在vue2中，我们要借助setProperty函数

写一个简单的例子


&lt;template&gt;
    &lt;div class="home" ref="UI"&gt;
        &lt;div class="header"&gt;hello world.]]></description><category></category></item></channel></rss>