- 博客(87)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 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
3390
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
2013
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
4728
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
361
原创 动态更改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
4666
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
5891
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
1604
原创 express和vue框架做的项目结构简介
1、本项目采用的开发技术包括以下这些：语言采用比较熟悉的html、css、javascript等基础脚本语言来开发的。2、前端框架使用的是Vue，而后端框架使用的是express来搭建的。数据库则使用的mysql作为系统的数据库。3、接口token验证使用了jwt，设置有效过期时间为2小时。...
2020-05-28 14:27:13
1733
原创 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
1036
原创 魅族开发者应用认领说明
jarsigner的命令格式 jarsigner -verbose -keystore [您的私钥存放路径] -signedjar [签名后文件存放路径] [未签名的文件路径] [您的证书名称]现在您的密钥就是您的身份证明，您所要做的就是使用您的密钥，将我们提供给您的一款未经过签名的apk包签名后，发送给我们。./sign-new-apk/meizuAnNeng-release-signed.apk 输出签名结果。./MeizuEmpty-release-unsigned.apk 签名前的apk。
2023-12-21 15:18:51
357
原创 ts核心语法
ts的优势：编译时静态检测，避免传参和变量赋值不匹配出现编译错误，然后使用代码提示更清晰，使用泛型和一些ts特有的类型，ts中的声明文件目录清晰直观展示依赖的接口、type等，即使ts文件有错误大多说情况也可以编译成js，灵活性高虽然是强类型检查语言也提供了any和阿是any断言。这两天出去面试发现他们都不怎么问ts，可能ts还没有广泛的使用。下面准备开一个专题也是对自己ts这块的使用和总结。
2023-03-22 16:02:38
70
原创 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
2753
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
626
原创 遍历所有树形数据的路径,并查找某个节点出现路径
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
997
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
3185
原创 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
341
原创 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
197
原创 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
627
原创 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
172
原创 解决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
389
原创 防抖节流test
使用场景：onresize，scroll，mousemove,mousehover等，会被频繁触发（短时间内多次触发），需要防抖处理防抖函数如下：function debounce(fn, waitTime){ let timer = null return function(){ if(timer !== null){ cle...
2020-05-08 15:35:19
241
原创 vue指令复制
cnpm install clipboard --save-devimport clipboard from 'clipboard';Vue.prototype.clipboard = clipboard; <el-button @click="copy(categoryCode)" id="getCategoryCode">复制</el-b...
2020-04-08 15:19:52
251
原创 elementUi中checkbox的属性indeterminate 状态和v-model的关系
<el-checkbox :indeterminate="hdIsIndeterminate" v-model="hdCheckAll" @change="handleCheckAllChange($event, 'hd')">华东</el-checkbox>对于indeterminate和v-model绑定的hdIsIndeterminate和hdCheckAll的...
2020-03-20 17:11:27
3467
2
原创 call、apply的使用和bind的区别
call 的使用var person = { printStr: function(a, b) { return this.name + " " + this.age + "," + a + "," + b; }}var person1 = { name:"小王", age: "18"}person.printStr.call(person1, "身体", "...
2020-03-06 16:27:32
198
原创 vue blob excel导出数据
downloadFile (res, fileName) { let data = res.data let url = window.URL.createObjectURL(new Blob([data], { type: "application/vnd.ms-excel" })) if ("do...
2020-01-09 10:56:08
775
express+vue小项目
2020-10-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人