- 博客(92)
- 资源 (1)
- 收藏
- 关注

原创 vue-cropper 裁剪图片
先展示一下效果如何使用:1、安装npm install vue-cropper (如果安装不上,用cnpm)2、直接贴代码爽快人就是这样<template> <el-dialog title="裁剪图片" :visible.sync="visible" @close="onCallback(false)" class="handleDialog" width="1000px" > <div...
2021-01-22 17:33:50
3543
12

原创 如何使用json 动画
1、安装 npm installlottie-web -s2、引入 importlottiefrom"lottie-web"; // 引入插件importanimationDatafrom"@/assets/data.json"; // 引入json 数据3、使用 html<viewclass="lottie"></view>js optAnimation() { lottie.destroy...
2021-01-20 17:05:35
2308
9

原创 动态创建弹框el-dialog
相信大家在页面中写了很多基于el-dialog的弹框,尤其是弹框比较多时,显得很臃肿,不利于后期维护,还有一些相似的弹框功能让你复制粘贴感觉很麻烦还要换个名字,下面我有个还行的方法动态创建,只需要传数据,然后返回数据就可以了,下面直接贴代码哈哈dialog.jsimport Vue from 'vue'function snake2Camel(str, capLower) { let s = str.replace(/[-_](\w)/g, function (x) {
2020-10-16 16:36:21
5275
4

原创 H5与app交互
const emit = (event, json)=> { try { if (isIOS()) { window.webkit.messageHandlers[event].postMessage(json) } else { if (!json) { eval(`window.formuJSInterface.${event}()`) } else { let params = json ..
2020-09-04 16:43:39
513

原创 动态更改svg图片的颜色
因为要做uni-app换肤,所以有一些icon使用svg,然后根据主题色进行着色,所以有这个需求下面我说一下解决方法首先准备一张svg图如下<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//
2020-08-04 14:23:59
4857
1

原创 基于vue-pdf的PDF预览,缩放、旋转、拖拽、下一页
效果图如下:因为上一页下一页没有icon,所以用的旋转的icon1、安装vue-pdfnpm install --save vue-pdf2、具体引用使用<template> <div :class="{ dialog:true, active:show}" @mousewheel="mousewheelFn"> <a v-if="showClose" class="close" @click="closeFn"></a>
2020-07-07 16:35:20
6885
8

原创 列表进入详情返回列表时保存搜索条件
别问,问就是不会1、写几个函数,写好后列表页面中引用sStore就是封装后的sessionStorage,this.params是搜索条件,isFrom配置在列表,isDetail配置在详情列表中这样引入使用如下图import { searchParamsSave } from "js/common.js";function searchParamsSave() { return { created() { let key = 's
2020-06-11 09:43:05
1786

原创 express和vue框架做的项目结构简介
1、本项目采用的开发技术包括以下这些:语言采用比较熟悉的html、css、javascript等基础脚本语言来开发的。2、前端框架使用的是Vue,而后端框架使用的是express来搭建的。数据库则使用的mysql作为系统的数据库。3、接口token验证使用了jwt,设置有效过期时间为2小时。...
2020-05-28 14:27:13
1926

原创 js身份证号校验方法(转载我的请注明哈哈)
const idCardNo = { citys: { 11: '北京', 12: '天津', 13: '河北', 14: '山西', 15: '内蒙古', 21: '辽宁', 22: '吉林', 23: '黑龙江', 31: '上海', 32: '江苏', 33: '浙江', 34: '安徽', 35: '福建', 36: '江西', 37: '山东', 41: '河南', 42: '湖北', 43: '湖南', 44: '广东', 45: '广西', 46: '海南', 50: '重庆', 5.
2020-05-26 15:45:07
1264
原创 uni-app-监控网络请求 插件 - uninetconsoledayer
uninetconsoledayer 主要适用于uni-app 开发的app 监控网络请求 类似 vconsole
2025-04-01 17:45:29
339
原创 魅族开发者应用认领说明
jarsigner的命令格式 jarsigner -verbose -keystore [您的私钥存放路径] -signedjar [签名后文件存放路径] [未签名的文件路径] [您的证书名称]现在您的密钥就是您的身份证明,您所要做的就是使用您的密钥,将我们提供给您的一款未经过签名的apk包签名后,发送给我们。./sign-new-apk/meizuAnNeng-release-signed.apk 输出签名结果。./MeizuEmpty-release-unsigned.apk 签名前的apk。
2023-12-21 15:18:51
518
原创 ts核心语法
ts的优势:编译时静态检测,避免传参和变量赋值不匹配出现编译错误,然后使用代码提示更清晰,使用泛型和一些ts特有的类型,ts中的声明文件目录清晰直观展示依赖的接口、type等,即使ts文件有错误大多说情况也可以编译成js,灵活性高虽然是强类型检查语言也提供了any和阿是any断言。这两天出去面试发现他们都不怎么问ts,可能ts还没有广泛的使用。下面准备开一个专题也是对自己ts这块的使用和总结。
2023-03-22 16:02:38
135
原创 npm 私有仓库的搭建,用户、组件权限分组
该私有库是基于verdaccio搭建的,verdaccio是一个 Node.js创建的轻量的私有npm proxy registry。一、简单介绍一下本地安装的步骤:1、安装 npm install --global verdaccio2、运行 verdaccio3、效果 http://localhost:4874/4、全局安装pm2,用来守护node进程:npm i pm2 -g;5、pm2启动服务,执行pm2 start verdaccio6、更改配置页面并且生效ver
2022-05-18 16:29:26
3349
2
原创 使用express生成配置json文件
项目结构如下app.js 创建node后端服务saveConfig.jsvar fs = require("fs"); // 引入fs模块function saveData(info) { return new Promise(async (resolve, reject) => { try { let ret = { type: -1, msg: "暂无信息", }; var TemplateData
2022-05-09 15:57:59
747
原创 遍历所有树形数据的路径,并查找某个节点出现路径
function recurTree(root) { let result = []; let path = []; path.push(root.posId); function findPath(result, node, path) { if (node.children.length == 0) { result.push(path); return; } for (.
2021-06-30 16:01:15
1121
1
原创 fl_chart 图表的使用
哈哈,我现在去做app了,用的flutter,刚好做了两个图表,这里指写第一个图表,直接贴代码干就完了,如果有缘看到帮点个赞(#^.^#)其他图,你需要更改为曲线,其他差不多效果图:当前代码图片:import 'package:flutter/material.dart';import 'package:fl_chart/fl_chart.dart';import 'package:flutter/gestures.dart';import 'package:wisemedica
2021-06-22 11:02:24
3738
原创 http相关
1、http状态码分类及常见状态码1XX 服务器收到请求2XX 请求成功,如2003XX 重定向如3024XX 客户端错误,如4045XX 服务端错误,如500常见状态码200 成功301 永久重定向(浏览器自动处理,配合loacation)302临时重定向(浏览器自动处理,配合loacation)304 资源未被修改404 资源未找到403 没有权限500 服务器错误504 网关超时2、restful API传统api设计: 把每个URL当.
2021-03-09 16:44:36
426
原创 js异步进阶
1、event loop2、promise进阶3、async/await4、微任务宏任务引入上述问题先看几个题目1、请描述event loop(时间循环/事件轮询)的机制,最好画个图2、什么是宏任务和微任务,两者有什么区别?3、promise由哪三种状态,如何变化?4、promise then 和catch的链接看如下代码 Promise.resolve() .then(() => { console.log(1);
2021-03-07 16:21:42
248
原创 js需要掌握手写的方法
1、手写深拷贝 function deepClone(obj = {}) { if (typeof obj != "object" || obj == null) { return obj; } let result; if (obj instanceof Array) { result = []; } else { result = {}; } for (let .
2021-03-06 23:00:24
752
原创 html、css基础
1、如何理解html语义化? 增加代码可读性、让搜索引擎更容易读懂(seo)2、块级元素和内联元素 display block、table;有div h1 h2 table ul ol p display inline/inline-block 有 span img input button3、盒模型宽度计算 Box-sizing:borde-box (包含padding border)4、Magin纵向重叠问题...
2021-03-06 18:28:30
229
原创 解决margin重叠
第一种,父子级的块之间,子级的上下margin会与父级上下margin重叠,以数值大的为准,而不会相加代码: <div id="par"> <div id="chi">子级</div> </div> #par { margin: 10px; // padding: 1px; // border:1px solid transparent; // overflow: hidden;
2020-06-18 17:11:28
455
express+vue小项目
2020-10-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人