小鱼干儿

原创 vue3.x 语法糖 defineEmits defineExpose父子组件传参 以及 调用方法

defineExposedefineExpose可以将方法主动暴露出来父组件//通过ref <tree :show="show" ref="treeRef"> </tree>// ref const treeRef = ref()const handleClick = () => {//获取ref中的子组件方法handleNodeClick() treeRef.value.handleNodeClick()}

原创 React生态

原创 React

Create React App 是使用webpack作为打包工具，和vite是竞品。官网：https://create-react-app.bootcss.com/每一段jsx只能有一个根节点，或者使用 （Fragment）eslint （编码规范，如变量未定义（语法语义））CRA或webpack使用者更多，时间更久，插件更丰富。官网：https://cn.vitejs.dev/和HTML属性基本一样，但有些和JS关键字冲突了。要写成js对象（string），key采用。

原创 nuxt i18n相关问题

nuxt i18n 返回问题

原创 nuxt 打包到服务器上

【代码】nuxt 打包到服务器上。

原创 React(未完待续)

https://img-blog.csdnimg.cn/direct/e5b42688321e40d0971c7a9f80239fb3.png

原创 nuxt项目 多语言方案

在进行打包，通过谷歌工具 https://search.google.com/search-console/about 就可以被检索到，会被谷歌收录。1.如果开启了seo，他会在meta中带有 hreflang = ‘/’ 指定不到你想要的域名/IP上 ，所以我改为false。2.strategy：有三种方式分别是：prefix_except_default、prefix、no_prefix，prefix_except_default：默认情况在地址栏不写语言版本 如果切换其他语言例如：/en。

原创 SSR服务端渲染项目对谷歌SEO-总结

总之，SSR 和 jQuery 不是相互替代的关系，它们可以共存并且服务于不同的目的。在现代Web开发中，即使采用SSR，也可能在客户端继续利用类似jQuery或者其他现代JavaScript库的功能来改善用户体验和处理异步交互。

原创 js 去重方法、选择排序

去重复 根据id去重复let arr = arr.push(...newList); let newobj = {}; this.goodsTable = this.goodsTable.reduce((preVal, curVal) => { newobj[curVal.id] ? "" : (newobj[curVal.id] = preVal.push(curVal)); return preVal; }, []);第二种方法 un

原创 vue之工具篇

moment（日期插件）// 安装方法npm install moment --save// 引入import moment from "moment// 实现方法// 获取今日的开始结束时间 getToday() { let obj = { starttime: '', endtime: '' } obj.starttime = moment(moment().startOf("day").

原创 vue3.x element-plus 实现省市区三级联动

安装 yarn add element-china-area-data版本 5.0.2js部分//引用 element-china-area-dataimport { regionData } from 'element-china-area-data'const handleChange = (value) => { console.log(value)}tempalte部分<el-cascader placeholder="请选择地区" size="defaul

原创 vue3.2 Screenfull全屏方案

vue3.2 Screenfull全屏方案安装: npm i screenfull版本：5.1.0父组件 //使用 <screenfull class="right-menu-item hover-effect"></screenfull> //导入 import Screenfull from '@/components/Screenfull'子组件Template<div class="screenfull" @click="onToggle">