一个没有灵魂的女程序媛-CSDN博客

原创 vue自定义指令封装（el-input框只能输入正整数）

main.js中的name 以-连接并且前面加上v-

2024-04-11 16:24:39 356 2

原创 vue 项目前端导出pdf(纯前端操作)

【代码】vue 项目前端导出pdf(纯前端操作)

2024-01-10 18:10:31 1167

原创 hbuilder创建基于vue2的uniapp小程序项目

这个没坑

2023-07-18 16:20:44 1029 3

原创爷组件跳过父组件给孙组件传值（vue，父组件中也必须要搭建桥梁）

1.第一种attrs和listens传值(各页面引入和注册组件不要忘记了)1.1这是爷页面组件<template><div> // 引入父组件，dialog-mutile是父组件，traderNameInfo是给孙组件传的值 <dialog-mutile v-if="dialogMulti" :tradernameinfoobj="traderNameInfo @change="changeHandle" />

2022-05-27 18:09:27 346

原创 vue前端生成二维码并导出PDF

前端借助工具生成二维码，并下载含有二维码的pdf文件

2022-03-31 17:29:47 2195

原创 vue中echarts3d 使用（3d地图上有柱状图数据，吉林省）

1.下载 echarts 和echarts-gl echarts-gl是3d插件2.去阿里云上下载吉林省的地图信息（看实际需求下载各省地图数据）· https://datav.aliyun.com/portal/school/atlas/area_selector3.组件代码如下<template> <div class="map-info">  <div id="mapTu" c

2022-02-14 15:37:57 3578 3

原创 vue 项目dialog弹框弹性拖拽功能实现

1.src/utils/dialog.js新建此文件2.将如下代码放进去import Vue from 'vue'// v-dialogDrag: 弹窗拖拽属性Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelecto

2022-01-18 15:54:08 450

原创 vue项目适配不同的屏幕

1.npm install px2rem-loader2.此方法创建一个js放进去(function(win, lib) { var doc = win.document var docEl = doc.documentElement var metaEl = doc.querySelector('meta[name="viewport"]') var flexibleEl = doc.querySelector('meta[name="flexible"]') var dpr =

2022-01-18 15:49:18 797 1

原创 vue项目axios封装

1，项目创建成功后，安装axios npm i axios -g2.src文件夹下创建一个名为api的文件，并创建一个index.JS文件用来封装不同的请求3.index.js 文件如下 import axios from 'axios';import { Loading} from 'element-ui'import router from '../router'const loading = { loadingStatus = null, open() { i

2021-09-03 11:35:53 119

原创 SM4加密(uniapp)

参考博文：添加链接描述1.需要两个js文件分别是base64.js和sm4.js2.文件如下base64.js文件如下(function(a){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var b;b="undefined"==typ

2021-07-09 10:59:54 4141 8

原创 ios企业证书申请以及发布

1.申请：参考网址添加链接描述2.发布添加链接描述

2021-07-06 09:18:08 361

原创数组中有很多对象，中间也有null，中间有null的两个数据单独拉出来放到一个数组中，以便渲染轨迹

const dataList=[null, null, null, null, null, null, null, null, null, {“latitude”: “30.554078”,“longitude”: “114.500026”}, null, null, null, {“latitude”: “30.553902”,“longitude”: “114.499998”}, null, null, null, {“latitude”: “30.554048”,“longitude

2021-07-03 17:38:44 165

原创 uniapp ios打包配置

1.有开发者账号2.登录开发者账号，申请对应项目的appid,去开发者网站（https://developer.apple.com/）(我是windows电脑，ios手机)3.参考此博文 https://blog.csdn.net/unhejing/article/details/103768603/4.都弄好之后拿着生成的打包文件路径去，香蕉云编，上传apa到appstore(需要开发者账号专用密码)...

2021-06-16 09:32:18 889 1

原创正则校验规则总结

1.中英文名字校验，英文允许有空格，中文不行，且第一位不能输入空格/^([\u4e00-\u9fa5]{2,20}|[a-zA-Z.\s]{2,20})$/.test(value) //中英文都可以校验bindinput方法verificateName(e) { let pattern = new RegExp("[\u4E00-\u9FA5]+") //中文 if (pattern.test(e.detail.value)||e.detail.value[0]=='

2021-04-07 15:02:27 823

原创前端项目常见浏览器兼容问题

1.drop-shadow盒子阴影问题-webkit-filter: drop-shadow(#fff 42px 0); -moz-filter: drop-shadow(#fff 42px 0); -ms-filter: drop-shadow(#fff 42px 0); -o-filter: drop-shadow(#fff 42px 0); filter: drop-sha

2021-04-07 10:04:32 362

原创 vscode常用插件

vue----vutur日常常用插件：eslint,chinese,color highlight,debugger for chrome,beautify

2021-03-24 09:17:30 117

原创 vuex持久化存储（点击一次count加1的操作）

1.npm install vuex --save2.npm install vuex-persist -D3.src文件下创建store文件，管理数据及操作，如下4.main.js中配置5.操作步骤如下操作步骤：当组件中的状态发生改变，通过dispatch函数提交到Action，Actions再通过Commit函数提交到Mutations, 此时，状态发生改变都会实时的去渲染组件。6.store中六个文件如下actions.js文件// Action提交的是mutation，而不是

2020-12-17 18:33:55 661

原创 vue 中使用富文本编辑器（wangeditor）

1.安装wangeditor npm install wangeditor --save2.components中创建wangeditor组件

2020-12-11 11:05:01 708 1

原创 md5加密使用（小程序和vue）

1.小程序1.1工具文件夹中创建一个加密文件MD5.js/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 1.1 Copyright (C) Paul Johnston 1999 - 2002. * Code also contributed by Greg Holt * Se

2020-12-10 15:24:22 760

原创 vue 中使用 @antv/g2图表库

1.安装npm install @antv/g2 --save2.使用2.1引入文件和基础配置import { Chart } from '@antv/g2';2.2 创建 div 图表容器<div id="container"></div>2.3 编写图表绘制代码2.3.1new Chart() 创建 Chart 图表对象，指定图表所在的容器 id、图表的宽高、边距等信息；2.3.2chart.data() 载入图表数据源；2.3.3使用图形语法进行图表的绘制

2020-12-09 16:11:50 1811 2

原创 vue 中使用微信扫码功能

1.npm i weixin-jsapi2.页面使用 import wx from ‘weixin-jsapi’ -S3.页面一加载就配置一下const res = await get(’/v2/oper/wechat/scan_sign’, { handleError: true })前提是要从后台接口中拿相应的数据wx.config({debug: true,appId: res.data.app_id, //appidtimestamp: res.data.timestamp, //时

2020-12-08 14:25:42 723

原创将本地写了一半的项目推送到码云上

1.将写好的项目git add .git commit -m ‘自己起个名’2.进到项目中，比如项目名叫asd2.1进到asd文件下，右键git bash here2.2 git init2.3 git status(可能会报错)，，如下2.4 git rebase --continue2.5 git status2.6 git push -u origin master...

2020-11-21 19:20:40 184

原创小程序扫码会走onShow方法，页面数据已经拿到但是没更新页面

1.项目中数据已经更改但是页面就是不刷新，原因是加载页面数据的方法写在了onShow中，扫码会导致重新请求页面数据，把之前拿到的正确数据给覆盖掉。解决方案请求数据暂且放在onReady中

2020-10-29 19:44:05 1974

原创 vue 判断pc端还是移动端

export default { name: "App", mounted() { console.log("1111", Boolean(this._isMobile())); if (this._isMobile()) { // 为true是移动端,跳至移动端页面 console.log("yi移动端"); // this.$router.replace('/m_index') } else { // 为false是pc端，

2020-10-14 09:33:40 926 1

原创浅拷贝，深拷贝 js

1.理解深拷贝或者浅拷贝通常针对于数组或对象浅拷贝复制地址，复制后数据变化会影响复制前数据变化，，浅拷贝是从内存栈中拷贝深拷贝复制数据，复制后数据变化不会影响复制前数据变化，，深拷贝是拷贝储存在内存堆中的对象2.分情况考虑2.1深拷贝方法：2.1.1 es6方法，展开运算符（数组）一层数据var a=[1,2,3]var [...b]=a;//或b=[...a]b.push(4);console.log(b);//1,2,3,4console.log(a)//1,2,3多层数据

2020-09-27 17:44:50 152

原创基础动画使用

场景一：一张图片先移动至某个地方，等到触发某个开关后每两秒执行一帧上下动画1.某一盒子样式.popup {transform: translateY(100px); // 页面初次加载只执行一次的动画，纵向移动100pxtransition: transform .5s ease-in; //只执行一次的动画时长和速度animation: tarminalMove 2s infinite; // 分别对应动画名，总时长，运动状态}2.添加动画@keyframes tarminalMove

2020-09-24 10:17:59 156

原创 element ui vue el-select组件滚动加载下一页数据

本身经历，input组件使用类似，但是最后渲染数据的时候总是不成功，因为下拉框中每次数据的刷新都要被触发，我实现不了，所以放弃了，选用的select组件，望已经实现的大佬指教啊，，，1.给该组件添加一个滚动触底的事件（export default中，data上面）directives: { 'el-select-loadmore': { bind(el, binding) { // 获取element-ui定义好的scroll盒子 const SELE

2020-09-08 09:54:38 2606

原创 js常用方法

1.将要转化的数值转化为字符串2.以下代码if (number_string.indexOf('.') != -1) {//有小数部分 let number_list = number_string.split('.') //整数部分万位分隔 let prefix = number_list[0] prefix = prefix.split("").reverse().join("") let strArr = [];

2020-09-07 18:19:00 362

原创 vue学习笔记，从基础到项目

一.基础部分1.MVVM思想MVVM是Model-View-ViewModel的缩写，Model由js对象表示，View负责显示，做到模型和视图最大限度的分离，而ViewModel充当模型和视图的中间人，把模型的数据同步到视图，把视图的修改同步回模型，这样做的好处是什么呢？js不用再频繁的操作dom节点，而是把注意力都放在Model这个js对象上2.常用指令2.1：属性值绑定 v-bind:id=‘domId’ (缩写:id=‘domId’)；2.2：事件绑定 v-on:click=‘add’ (

2020-07-24 11:59:45 3464 1

原创微信小程序原生组件封装

1.和pages文件同级的文件components文件夹下创建一个想要的组件popup,popup组件有popup.html, popup.css, popup.json, popup.js 四个文件2.组件中写入传入的参数，在properies中声明传入参数类型3.父组件给子组件传递时间逻辑3.1子组件bindtap=‘事件名’ ；如bindtap=’_blue’3.2 子组件js中_blue(){this.triggerEvent(‘blue’)}3.3父组件中直接事件名称改为铂略，bind:

2020-07-13 16:03:33 1032

原创 angular快速创建类似于amtDesign的组件（样式照搬那种）

ng generate component shared/component/com-finance，创建文件名字为com-finance的组件，默认会import 组件（组件的地址），export 要手动暴露出去（shared.module.ts）2.打开antDesign，找到自己想要的样式，html和css都粘过来，分别放入相应的文件内，组件中用到的标签全部换成div标签3.组件的js或者ts文件内，需要从父元素传值过来的属性需要@import引入(固定写法），如 @Input() financ.

2020-07-11 14:34:21 216

空空如也

空空如也