周家大小姐.-CSDN博客

原创 vue element 时间选择开始时间不能大于结束时间

html:el-date-picker选择器:picker-options="startTime":picker-options="endTime"为禁止选择逻辑 <div class="control-item"> <div class="left"> <span class="sale-require-star-text">起保日期</span> </div> ..

2020-11-04 12:15:12 2453

原创 vue 根据每个用户的自定义表格设置进行本地存储,当本地没有存储过请求接口

因为多个页面使用,所以写一个mixin文件JSON.parse(localStorage.getItem(`${userInfo.userCode}_theme_config`))userInfo.userCode可以对每个用户进行动态存储/** * 用户个性化配置 */export const personalThemeConfigMixin = { methods: { // 获取 getThemeConfigOfKey(key) { retu

2020-11-02 10:09:28 460

原创 vue 定义axios默认路径前缀或动态修改前缀

如:每个请求url前都要加一个前缀,但会根据开发环境不同而变化,那么我们可以写一个方法去引用,方便后面维护.env.development开发文件中写入要用的服务编码# 微服务编码VUE_APP_SERVICE_PREFIX = '/0201040201'src/settings.js新建的settings文件中引入module.exports = { /** * 主站标题 * @type {string} */ title: '开发项目名称', /..

2020-11-02 09:58:26 3423

原创 vue directive全局自定义指定控制元素的显示和隐藏

创建src\directive\auth\index.js文件import store from '@/store'const auth= { inserted(el,binding,vnode,oldVnode){ let user = window.sessionStorage.getItem('user') user = user ? JSON.parse(user) : {} // 如果角色为管理员就不验证 if(!user.super){ let rules =

2020-10-23 10:51:14 2093

原创 vue pdf下载

<el-table-column label="保单号" show-overflow-tooltip min-width="220"> <template slot-scope="scope"> <span>{{ scope.row.policyNoCI }}</span> <span v-if="scope.row.policyNoCI" :key="sco..

2020-10-14 12:19:22 511

原创 vue 封装路由(二次封装)

当开发中路由越来越多的情况下;我们如果每个name和path都需要自己手动去写的话就会浪费不少时间;下面封装一个自动生成的name和path的方法;并且对components中共有的内容也进行提取这样会方便很多router.jsimport Vue from 'vue'import Router from 'vue-router'//引入封装好的路由路径import routes ...

2019-12-05 20:03:07 1247 2

原创 vue 菜单路由重复点击报错NavigationDuplicated

NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/produce/delivery-order") is not allowed", stack: "Error↵ at new Navi...

2019-10-16 16:40:16 2990 8

原创 vue2.0 结合elementui封装的一个请求

confing/dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { NODE_ENV: '"development"', //BASE_API: '"http:/...

2019-10-16 11:48:44 603

原创 vue 2.0 封装axios

新建一个utitls文件在文件中新建一个http.jsimport axios from 'axios'var HttpRequest = { getRequest({ url, data = {}, method = "GET" }) { return new Promise((resolve, reject) => { thi...

2019-08-16 15:39:55 528

原创 vue3+ts+vite axios封装请求并扩展入参

解决办法就是扩展 AxiosResponse接口参数在request.ts页面中加入。会发现handleResponse参并不在axios提供的类型中。api.ts文件进行接口请求。最后发现api也不报红了。

2024-03-21 08:55:22 305

原创 vue3+ts+vite使用mock数据

接口使用(我这里是写的axios封装,你们根据自己当前需求)vite.config.ts文件配置。在根路径下创建mock文件夹。

2024-02-29 16:02:58 456

原创 vue3+vite+ts配置多个代理并解决报404问题

之前配置接口代理总是报404,明明接口地址是对的但还是报是因数写法不对;用了vue2中的写法。其中的settings.ts文件可以不用封装直接写你的env就行;在vite.config.ts中配置poxy代理。.env.development文件内容。根路径下创建env文件根据自己需要名命。创建proxy.ts文件。api.ts接口使用。

2024-02-28 16:46:38 639

原创 typescript中的Omit排除类型及Pick取想要的属性

【代码】typescript中的Omit排除类型及Pick取想要的属性。

2024-02-14 12:33:57 429

原创 vue3+vite+ts 配置commit强制码提交规范配置 commitlint

文件配置根路径创建文件.husky文件创建 commit-msgpackage.json添加代码。

2024-02-08 21:35:53 1046

原创 vue3+ts+vite配置commit提交代码时语法检测

在 package.json 中配置lint-staged注：这里 lint-staged 的配置是：在 git 的待提交的文件中，在 src 目录下的所有都要执行的命令。

2024-02-08 21:04:41 521

原创 json-server 模拟接口数据

在文件根路径创建文件夹 data/db.json。定义你想要的json内容。终端查看监听的json。

2024-01-20 15:35:41 539

原创 axure RP9.0安装字体图标库fontawesome

复制后粘贴到axure面板,就可以了;你可看你选中的字体是否是font Awesom字体,之后可以对字体进行改变色及字体大小。在字体库中找看有没有font Awesome。这后进入图标官网点顶总菜单中的icons。进入后下载想要的版本如我是6.3。下载后得到压缩包,解压之后效果。双击开点你想要的进行安装。安装后重启axure。

2024-01-03 15:11:46 882

原创 vuecli3 批量打印二维码

【代码】vuecli3 批量打印二维码。

2023-11-07 15:14:49 385

原创 qiankun 乾坤主应用访问微应用css静态图片资源报404

settings文件是封了一下src\settings.js。.env.development文件中。发现static前没有加我指定的前缀。.env.production文件中。

2023-09-15 20:53:16 547

原创 git 给分支添加描述

需求:分支多了不知道当前分支的用处可以使用git br用来描述。给f-230825-4-zhou分支备注。再次git br查看效果。

2023-09-06 10:23:43 929

原创 vue筛选框封装

点击对默认查询条件之外的条件进行增加或删除在使用的组件或标签加入:filtrateList="filtrateList"传入条件查询数组当前demo写在xk-page中,就以xk-page组件为例

2023-07-07 10:51:35 1479

原创 vue el-table自动无限滚动

原先方案是用el-table-column插件来实现但发现在el-table-column的原理是copy原数据做为第二份数据中show-overflow-tooltip会失效,所以换了个JS写法。

2023-05-23 14:47:52 2263

原创 echarts 多个series时自定义tooltip切换图例legend报错

bug:当series有两条数据,legend取消一条后hover到echarts中会报错。tooltip:下的错误代码。

2023-05-16 16:41:04 420

原创 Commitizen -- 自动生成合格的 commit message

Commitizen -- 能够根据提示自动生成符合规范的 commit message。是一个撰写合格 Commit message 的工具。安装所需——commitizen。现在可对commit规范进行配置。完成配置后，我们现在就可以使用。在项目的根目录创建文件。

2023-03-17 09:58:06 334

原创 vue commit提交代码husky+lint-staged进行校验

需求:项目中用到了eslint+prettier对格式及语法校验但是commit的时候还是可以正常提交,所以需要用到一些插件来解决这个问题需要的效果如下:首先在搭建项目的时候选择了使用eslint;如果没有请先自行安装新建.eslintrc.js配置文件新建.eslintignore指定eslint忽略文件和目录安装prettier开发环境新建.prettierrc配置文件（仅做参考，自行补充）安装husky及lint-staged开发环境启动hooks添加prepare指令通过npm设置。

2023-03-16 14:47:53 806

原创 npm 创建一个自己的npm仓库包

在vscode中创建一个文件用来放置方法(我以lib为例,我是在vue里边开发开写包,你们可以单独写不一定要写在vue中根据各自情况)如果npm link没有生成package-lock.json 就可以查看下node版本,我的是16生成不了;有时候nrm ls 并不会有*来表示当前的镜像可以试下nrm test 这样就可以知道当的是什么镜像。具体npm命令属性可参考。

2023-03-13 10:47:53 1443

原创 iframe 嵌套外部地址导致外部页面中的echart样式失效

注:echart在iframe中使用不可以作百分号为单位不然样式会失效。我这里是跨域的还是两个项目。

2023-02-23 10:22:40 654

原创 vue 自适应布局postcss-px-to-viewport

在根目录下建js文件。

2023-02-15 16:10:23 235

原创 js判断字符超长度中间用...替换

需求如果字符大于14个就中间用....

2023-01-09 17:33:26 454

原创 md文件转html

会在文件中生成一个Preview文件里存放的就是转换的Html。调用i5ting_toc实现md 转html功能。将i5ting_toc安装为全局包。

2022-12-13 15:38:39 294

原创切换npm 的下包镜像

2.将下包的镜像切换为淘宝镜像源。2.1.1查看可使用的镜像列表。3.查看镜像源是否下载成功。1.查看当前的下包镜像源。2.1.2 切换淘宝源。2.1.3测试下载速度。

2022-12-13 11:38:37 282

原创 vue+antdesign 实现九宫格加弓字形左右下箭头

图片是九宫格布局,第一排图片之间的箭头为右箭头,第二排箭头为左箭头,以此类推,下箭头需求是以弓字形显示,卡片右侧内容Hover的时候要出现tip。注意最后一排不足三个的时候要隐藏横向箭头,并隐藏下箭头。

2022-12-09 16:25:35 1171

原创 vue+Ant Design进度条滑块与input联动

需求:滑块进度与输入框为一致,默认值为80,最小不能小于30,最大为100 子组件:父组件使用

2022-12-07 15:04:35 716

原创 webpack5 使用node调试

有时候在开发的时候查看代码走势很不方便我们可以用Node进行调试webapck.json//inspect为调试 -brk为在道行打个断点的意思运行webpack指令加载cli文件运行npm run debug

2022-11-25 11:01:38 385

原创 webpack5 PWA解决Web App 项目网络离线情况没法访问情况

渐进式网络应用程序 | webpack 中文文档 webpack.config.js(生产环境)注册 Service Workermian.jsnpm run build直接打开index.html提示因为我们打开的访问路径是：。此时页面会去请求文件，请求路径是：，这样找不到会 404。实际文件路径是：。解决方案运行命令要部署的目录再次运行来构建包含注册代码版本的应用程序。访问并查看 console 控制台。在那里你应该看到：总结:core-js兼

2022-11-25 10:48:48 665

原创 webpack5 Core-js解决async 函数、promise 对象等兼容问题

它能将 ES6 的一些语法进行编译转换，比如箭头函数、点点点运算符等。但是如果是 async 函数、promise 对象、数组的一些方法（includes）等，它没办法处理。过去我们使用 babel 对 js 代码进行了兼容性处理，其中使用@babel/preset-env 智能预设来处理兼容性问题。所以此时我们 js 代码仍然存在兼容性问题，一旦遇到低版本浏览器会直接报错。就是用社区上提供的一段代码，让我们在不兼容某些新特性的浏览器上，使用该新特性。main.js中的core-js注释。

2022-11-17 15:31:54 1207

原创 webpack5 Preload / Prefetch解决按需求加载速度

代码分离 | webpack 中文文档webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换（transform）、打包（bundle）或包裹（package）任何资源(resource or asset)。

2022-11-17 11:31:20 703 1

原创 webpack5 import动态导入实现按需加载并给文件统一命名

chunkFilename 加入chunk字段是为了与主文件区分。想要实现按需加载，动态导入模块。如果没有配置命名规则打包后就是这样的随机。

2022-11-17 11:10:51 1106

原创 webpack5 optimization.splitChunks多入口提取重复代码为公共模块

注意是前面的xxx，和文件名无关。如果还是之前写法main.js，那么打包生成两个js文件都会叫做main.js会发生覆盖。如果多入口文件中都引用了同一份代码，我们不希望这份代码被打包到两个文件中，导致代码重复，体积更大。[name]是webpack命名规则，使用chunk的name作为输出的文件名。我们需要提取多入口的重复代码，只打包生成一个 js 文件，其他文件引用它就好。打包的资源就是chunk，输出出去叫bundle。此时我们会发现生成 3 个 js 文件，其中有一个就是提取的公共模块。

2022-11-17 09:31:46 1101

原创 webpack5 Include/Exclude提升打包构建速度

Module | webpack 中文文档webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换（transform）、打包（bundle）或包裹（package）任何资源(resource or asset)。

2022-11-17 08:41:38 516

vue2.0 结合iview-ui组件分页功能

结合iview组件封装的一个分页功能组件,点击下一页上一页,每页显示条数,切换对应的数据

2019-08-08

common.zip

创建一个coomon.js用来写公共的js文件,在页面的js中引入,根据id来动态修改路径

2019-07-25

net_car.zip

对不同的store中的文件进行抽离方便管理,这个vue是用的vue3.0

2019-07-09

orderList.zip

内容模块用的是Vant WeappUI组件库,这里没有压缩进去,主要是功能进去了; 对用户选择的时间进行筛选

2019-06-25

小程序授权登录页面开发.zip

小程序开发的登录页面和微信授权功能,以及授权功能的封装

2019-06-19

test-map.rar

通过vue-amap实现定位,插件的实现,main.js中注册等.

2019-06-04

miaomiao-movie.zip

对项目的初始化,和router.js的抽离.对每个页面都生成一个router在大项目上方便管理

2019-05-08

小程序搜索功能并对搜索出的数据存储到历史记录

用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面

2019-05-03

小程序实现搜索功能

2019-05-03

小程序对请求进行封装,对http进行抽离

需求:在一个页面有三个及多个请求,请求的数据很多都是重复的,让整个页面看起来很臃肿,那个这个时候我们可以对其相似的代码进行抽离;

2019-05-01

小程序评分,含有半星,整星

由豆瓣电影为案例星星样式,字体大小,颜色都由动态传入,动态传入分数,计算出几颗亮星和半星及灰星星

2019-04-30

getCurrentPages()使用

使用场景：可以在某个页面修改另一个页面的data或者调用另一个页面的方法。

2019-04-29

vue 通讯录向上滑动事件

第一个是在通讯录右边的索引条上进行滑动，滑动到相应字母就跳转到相应字母的锚点上。

2018-10-30

router-view复用路由的抽离

路由的注意事项,二级三级路由的引用和路由的抽离,以及router-view的复用

2018-06-25

vue中的ref使用

父组件通过 ref引用子组件中的属性,然后在父组件中通过ref去改变子组件的属性值

2018-06-25

vue三级路由

vue如何使用二级路由和三级路由,以及路由的引用,路由的抽离

2018-06-25

jpegtran.exe

需要复制到 node_modules\jpegtran-bin\vendor 下面 image-minimizer-webpack-plugin: 用来压缩图片的插件

2022-11-16

node-modules\optipng-bin\vendor\optipng.exe

webpack5压缩images依赖下的包

2022-11-16

JS Code Run_v1.2.2_apkpure.com.apk

安卓手机js code run 的apk 为您的桌面Scratchpad。它在编写代码时运行，并在右侧的输出面板中显示格式化的结果。

2022-01-08

RunJS-Setup-2.2.2.exe

RunJS是你桌面的JavaScript和TypeScript游乐场/草稿板。它在编写代码时运行，并在右侧的输出面板中显示格式化的结果。

2022-01-08

add-activity-transfer-msg.vue

根据不同ID一次性请求所有对应ID详情的内容,请求回来是一个数组,要把每个数组插入对应的ID数组中统一在页面显示

2020-04-10

vue+es6+element对图片进行选中与取消

vue+es6+element对图片进行选中与取消,取消选中的时候,对当前所点击之后的序号进行重新计算

2020-04-08

README.md编写教程（基本语法）

README.md编写教程（基本语法） Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

2020-02-12

SetRole.js promise all 对axios返回做统一处理

一个增加一个删除,两个都是在提示的时候进行aixos,我们可以分别在then之后使用message但是如果用到promise的方法可以做到优化,看代码

2020-01-04

reduxexample.zip

react安装,action,reducer及store的使用,dispatch触发store,action.js store会返回给到reducer会根据传过来的type返回一个状态,reducer判断postAction.js传过来的有没有FETCH_POSTS这个属性如果有就返回一个新的state

2019-12-08