- 博客(250)
- 资源 (7)
- 收藏
- 关注
原创 flutter实现上拉加载下拉刷新
下面主要是介绍如何使用easy_refresh实现上拉加载数据,详细学习其它例子请查看。main.dart全部代码如下。接口用的是提供的接口。
2023-11-07 14:10:07 967 4
原创 关于Vue+webpack使用unocss编写CSS,打包后CSS没加前缀
关于Vue+webpack使用unocss编写CSS,打包后CSS没加前缀
2023-10-13 12:11:26 1390
原创 前端工程化初体验
5、 git commit的提交规范,git commit -m 'xxx',’xxx'为这次提交的内容,所以要规范提交的信息,因为一个可读性的提交信息,可让人清楚的知道这次主要的修改了什么内容,修复了什么bug,更新了什么内容等等 编写了一个自动化检测。3、代码检测,代码检测可以来说在前端工程化是至关重要的一部分,修复一些可读性差的代码,代码规范检测的工具主要有eslint、stylelint,这里我就使用自己整理的规范,6、CICD构建,开发完代码后,git push上仓库里面,然后触发构建。
2023-06-07 16:35:24 721 1
原创 git 版本自动工具 standard-version
standard-version可以进行版本自动化,以及生成CHANGELOG.md,使用git tag 也会自动更新package.json的version版本。PS:也可以配合GITHUBS ACTIONS 去使用。也可以执行npm run pubilsh发布到npm。CHANGELOG.md配置。PR到master时会执行。新建.versionrc。gitlab.yml如下。
2023-05-22 22:22:26 999
原创 mobx的使用
在react中,使用store来管理公共的数据,之前是使用react-redux,发现使用react-redux来操作管理数据会特别麻烦,mobx的出现以及使用,使用步骤也简单,下面来使用mobx来操作一个变量,实现变量加减操作。在src目录下创建store目录,store目录下创建index.ts和count.store.ts,因为这里的例子是操作一个变量count,所以文件名起成count.store.ts,比较语义化。
2023-03-07 12:33:07 229
原创 css实现渐变边框
效果如下:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
2021-11-11 11:17:22 320
原创 JS手机号分割
对11位的手机号进行3-3-4分割。const splitMobile = (mobile, format = '-') => { return String(mobile).replace(/(?=(\d{4})+$)/g, format)}
2021-10-14 10:04:31 1212
原创 JS数组对象根据对象中的字段去重
deWeight(arr, name) { for (let i = 0; i < arr.length - 1; i++) { for (let j = i + 1; j < arr.length; j++) { if (arr[i][name] === arr[j][name]) { arr.splice(j, 1); ..
2021-10-13 10:56:15 256
原创 JS数组数据划分为两条数据为一组
/** * * array Array * subGroupLength Number ---定义为多少条为一组 */handleList(array,subGroupLength){letindex=0;constnewArray=[];while(index<array.length){newArray.push(array.slice(index,...
2021-09-01 14:32:15 1007
原创 vue实现标签的双向选择
实现的效果如下:未选择时:选择一个或者多选时取消选择时具体代码如下<template> <div class="tagBox"> <div class="tagBox_tabBoxL"> <span :class="[{ active: checkedGroup.indexOf(index) > -1 }]" :key="item.id || index" ...
2021-08-25 11:05:13 406
原创 vue中重写路由push
当页面出现这样的保持时。Navigating to current location ("/sign") is not allowed就是路由的push方法出错了。重写方法如下。import VueRouter from 'vue-router';Vue.use(VueRouter);/** * 重写路由的push方法 */const routerPush = VueRouter.prototype.push;VueRouter.prototype.push = functi
2021-08-16 11:19:49 615
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人