小鱼儿尚游

使用介绍 首先新建一个项目目录 （这里我个人叫 mockjs_project） 新建index.ts 文件 初始化 npm init -y 打开终端 npm i mockjs 因为是ts文件，所以 npm i @types/mockjs 在index.ts 文件中写入 在终端中运行ts-node index.ts image.png 提示 ts-node 需要安装插件 npm i -g ts-node（个人使用的是8.5.4，注意ts-node版本需要node适配版本）文章中随机方法 在Random中 点击Random可以跳转到 index.d.ts文件，如下

rem适配 安装插件安装插件12npm install amfe-flexible -- savenpm install postcss-pxtorem -- save 在main.js文件中引入1import 'amfe-flexible' 在根目录中创建postcss.config.js配置文件12345678module.exports = { plugins:{ autoprefixer:{} 'postcss-pxtorem':75, //设计稿宽度1/10 'propList':['*'] //需要做转化处理的属性，例如height,width,margin等 '*'表示全部 }}

reduce介绍 reduce 是数组的方法，可以对数组中的每个元素依次执行一个回调函数，从左到右依次累积计算出一个最终的值。其语法为： 123456789arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])其中，callback 是每个元素执行的回调函数，其包含 4 个参数： accumulator：累积器，即上一次回调函数执行的返回值。 currentValue：当前元素的值。 index：当前元素的下标。 array：原始数组。initialValue 是可选的，表示累积器的初始值。 计算数组中每个元素出现的次数123456const fruits = ['apple', 'banana', 'apple', 'orange', 'banana', 'apple'];const count = fruits.reduce((accumulat ...

前端加载超大图片时，一般可以采取以下措施实现加速：123456789 1.图片压缩：将图片进行压缩可以大幅减小图片的大小，从而缩短加载时间。压缩图片时需要注意保持图片质量，以免影响图片显示效果。 2.图片分割：将超大图片分割成多个小图块进行加载，可以避免一次性加载整个图片，从而加快加载速度。这种方式需要在前端实现图片拼接，需要确保拼接后的图片无缝衔接。 3.CDN加速：使用 CDN（内容分发网络）可以将图片缓存在离用户更近的节点上，从而加速图片加载速度。如果需要加载的图片是静态资源，可以将其存储在 CDN 上，以便快速访问。 4.懒加载：懒加载是一种图片延迟加载的方式，即当用户浏览到需要加载的图片时才进行加载，可以有效避免一次性加载大量图片而导致页面加载速度缓慢。 5.预加载：预加载是在页面加载完毕后，提前加载下一步所需要的资源。在图片加载方面，可以在页面加载完毕后提前加载下一个需要显示的图片，以便用户快速浏览。而对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而上面介绍的第二条“图像分割切片”是最佳解决方案。下 ...

友情提示1注意：淘宝镜像源切换地址，旧地址提供服务到2022 年 05 月 31 日,官方不再进行维护,但仍然可以使用 NPM查询当前镜像1npm get registry 设置为淘宝镜像123npm config set registry https://registry.npm.taobao.org/ (旧地址)npm config set registry https://registry.npmmirror.com/ (最新地址) 设置为官方镜像1npm config set registry https://registry.npmjs.org/ YARN查询当前镜像1yarn config get registry 设置为淘宝镜像12yarn config set registry https://registry.npm.taobao.org/ (旧地址)yarn config set registry https://registry.npmmirror.com/ (最新地址) 设置为官方镜像1yar ...

123456789101112131415161718192021222324252627282930313233// 主要是用i18n插件，具体实现可看下文介绍：import Vue from "vue";import VueI18n from "vue-i18n";import enLocale from "./en";import zhLocale from "./zh";import elementEn from "element-ui/lib/locale/lang/en";import elementZh from "element-ui/lib/locale/lang/zh-CN";import { i18nKey } from "@/settings";console.log(i18nKey);Vue.use(VueI18n);const messages = { zh: { .. ...