- 博客(32)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 uniapp自定义证书及平台空包签名
首先安装sdkhttps://www.oracle.com/java/technologies/downloads/正常下一步即可~安装完毕后，进入在sdk根目录执行cmd生成keystore例：tianan：证书别名36000:证书有效期（一般默认就好100年）d:\tianan.keystore：证书存放地址这里，证书就生成成功了~记住 证书别名！密码！然后，打包uniapp时选择自定义证书打包时填写对应信息~完成后~上传至平台如果平台需要空包签名请继续往下看：1.准备
2022-06-16 17:40:29
1667
原创 纯 vue 导出word文档，亲测记录
**亲测成功在此记录**安装插件：cnpm install docxtemplater pizzip --save-devcnpm install jszip-utils --savecnpm install jszip --savecnpm install file-saver --save导入插件 import docxtemplater from 'docxtemplater' import PizZip from 'pizzip' import JSZipUtils fro
2021-10-11 10:42:37
185
原创 vue 获取坐标 及 调用腾讯地图
addrHand() { let that = this console.log(that.jobsUserId) $.ajax({ type: "get", dataType: 'jsonp', data: { key: "youkey", // 填申请到的腾讯key address:that.address, //具体的地址 output: 'jsonp' //返回格式：支持JSON/JSONP，默认JSON
2021-09-18 11:27:59
449
原创 vue 项目优化
1.gzip压缩gzip 是 GNUzip 的缩写，最早用于 UNIX 系统的文件压缩。HTTP 协议上的 gzip 编码是一种用来改进 web 应用程序性能的技术，web 服务器和客户端（浏览器）必须共同支持 gzip。目前主流的浏览器，Chrome，firefox，IE等都支持该协议。常见的服务器如 Apache，Nginx，IIS 同样支持，gzip 压缩效率非常高，通常可以达到 70% 的压缩率，也就是说，如果你的网页有 30K，压缩之后就变成了 9K 左右在项目中使用gzip压缩的方法如下首
2021-09-14 11:35:12
138
原创 element ui 自定义表单验证
element ui 表单验证<el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm"> <el-form-item prop="name"> <span>中文姓名</span> <el-input placeholder="请输入真实姓名" v-model="ruleForm.name"></el-input>
2021-09-08 11:23:09
179
原创 vue中 swiper
vue + swiperhtml<swiper ref="mySwiper" :options="swiperOptions"> <swiper-slide v-for="(item,index) in banner_list" :key="item.id"> <img :src="item.url"> <div class="text"> <p> <span st
2021-08-31 09:16:02
193
原创 vue面试题200+详解（持续更新）
.在vue中watch和created哪个先执行？为什么？在wacth监控数据时，设置immediate：true；会优先执行watch,created后执行;反之则反vue中mixins和extends有什么区别？extend用于创建vue实例mixins可以混入多个mixin，extends只能继承一个,mixins类似于面向切面的编程（AOP），extends类似于面向对象的编程,优先级Vue.extend>extends>mixinsvue中mixins有什么使用
2021-08-25 12:17:05
232
原创 vue axios 安装及封装
axios 安装npm 安装npm install axiosbower安装bower install axiosyarn 安装yarn add axios...项目引入：main.jsimport axios from 'axios'Vue.prototype.$axios = axiosaxios封装：pages 统计目录下创建目录 request目录内分别创建 api.js 和 http.jsapi.js 用于方法的统一调用http.js用于axiox 封
2021-08-25 09:47:53
324
原创 大神来看看我写的构造函数及闭包
构造函数 及 闭包(function(){ function stadus(name,time,age,xg,money){ this.name=name this.time=time this.age=age this.xg=xg this.money=money this.say=function(){ console.log('我的偶像是'+name+','+'他今年'+age+'岁,'+'他'+xg+','+money+'战斗力'+'————更新时间：'+time)
2021-08-23 14:59:42
80
原创 闭包学习在此记录
.什么是闭包什么是闭包？闭包的优缺点？这已经是前端开发人员老生常谈的了；闭包（closure）是javascript的一大难点，也是它的特色。很多高级应用都要依靠闭包来实现。要理解闭包，首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种：全局变量和局部变量。javascript语言的特别之处就在于：函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。注意点：在函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明的是一个全局变量！不用
2021-08-23 12:01:36
89
原创 var let const的区别
在javascript中有三种声明变量的方式：var、let、const*var:全局变量也就是无论你在哪里 用 var来声名变量，在其他任何地方都可以访问！举个栗子 var i=0 function show (){ console.log(i) } show(); for(var i=0;i<10;i++){ var a=3+i } console.log(a) if(true){ b=3+i } console.log(b) . . .
2021-08-20 18:02:51
70
原创 vue调用Echarts
vue Echarts 在此记录：<div class="ri_echir" ref="chart"> </div>let Echarts = require('echarts/lib/echarts'); //基础实例 注意不要使用importrequire('echarts/lib/chart/pie'); //按需引入 bar = 柱状图require('echarts/lib/component/tooltip');require('echarts/li
2021-08-20 09:40:42
122
原创 vue子组件与父组件互相传值及调用方法
子组件<template id="com1"> <div> <h1 v-if="idx==1">com1的私有内容</h1> <input type="button" @click='myclick' value='点击触发' /> </div> </template>父组件<div id="app1"> <button @click='fuclick'>调用子
2021-08-19 12:05:47
460
原创 vue请求数据接口
请求接口： getList() { member_input(this.page, this.per_page).then((res) => { this.tableData = res.data this.total = res.meta.pagination.total }).catch(() => { this.$message.error("获取数据失败"); }); }
2021-06-08 10:22:45
524
原创 uni-app 启动页swiper
<template> <view id="guide"> <swiper class="swiper" :style="{height:height+'px'},{width:width+'px'}" indicator-color='#34FF47' indicator-active-color='#ff0000' indicator-dots=true autoplay=false interval="3000" .
2021-01-28 17:06:53
610
原创 uni-app 两个页面 传参
A页面：<view class="li" v-for="(use_jy,index) in datas" :key='index' @click="a_lists(use_jy.id)"></view>methods:{ a_lists(num){ console.log(num) uni.navigateTo({ url:'../deal_otc_order/deal_otc_order?'+'potion='+num
2020-08-03 17:41:57
569
原创 uni-app 显示隐藏 隐式下拉，改变 overflow 属性
一、<text class=“li_s” :class="[isActive === index ? ‘add_li’ : ‘one’]" @tap=“changeClass(index)”> </text> 二、export default {data() {return {isActive:’’}}}三、methods:{changeClass(index){ if(this.isActive=index){
2020-07-31 17:30:49
2131
原创 uni-app 最简单的显示隐藏
一、 <view class="top_list" @click="box_if"> </view> <view v-show="!flag"> </view>二、data() { return { flag:true }}三、methods: { box_if(){ this.flag = !this.flag; } }
2020-07-31 11:56:08
23629
转载 uni-app 提示框
uni-app官网提供的两种显示方式：第一种uni.showToast/*title {string} 提示的内容，长度与 icon 取值有关。icon {string} 图标image {string} 自定义图标的本地路径mask {boolean} 遮罩层duration {number} 持续时间 默认1500position {string} 显示位置 'top','center','botto
2020-07-30 14:18:07
1215
转载 uni-app 简单tab切换
页面代码：<view class="numb_nav"> <view :class="['nav_te',Inv==0?'nav_tes':'']" @click="Inv=0">全部</view>| <view :class="['nav_te',Inv==1?'nav_tes':'']" @click="Inv=1">转入</view>| <view :class="['
2020-07-08 14:06:16
5071
1
原创 uni-app 简单的弹框
页面代码<button size="mini" @click="open" class="btn">验证</button><uni-popup ref="popup" type="center"> <view class="box"> <text class="close" @click="close"></text> <input type="text" /> <button
2020-07-08 13:59:11
5727
原创 css3 渐变
从上到下：#grad { background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(
2020-06-28 15:59:17
72
原创 css 鼠标手型
cursor:pointer; 或 cursor:hand; 手型 cursor:crosshair; 十字 cursor:text; 文本 cursor:wait; 等待 cursor:help; 问号 cursor:e-resize;e 右的箭头 cursor:ne-resize; 右上的箭头 cursor:n-resize; 上的箭头 cursor:nw-resize; 左上的箭头 cursor:w-resize; 左的箭头 cursor:s
2020-06-28 15:52:28
154
原创 弹性魔盒：flex
父元素：1.设置弹性盒子display:flex; 2.设置显示方向：flex-direction -ms-flex-direction -webkit-flex-direction : row （水平）column（竖直）;flex-direction:row | row-reverse|column|column-reserverow-reverse：水平倒序column-reserve：垂直倒序3.设置子元素居中方式：justify-content:（space-betw
2020-06-28 15:49:13
196
原创 返回顶部
#goTopBtn{width:50px;height:50px;background:#2f6795;color:#fff;font-size:18px;position: fixed;right:15px;bottom:50px;text-align: center;line-height: 50px;cursor:pointer;z-index: 99999;}<div id="g...
2020-04-14 15:44:00
91
原创 超出显示省略号···
单行：text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;多行:display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;始终显示省略号：p{position: re...
2020-04-14 15:16:15
95
原创 页面中禁用右键
<script> function stop(){ return false; } document.oncontextmenu=stop; </script>
2020-04-14 15:14:26
170
原创 如何元素定位居中
position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
2020-04-14 15:11:14
135
转载 移动端字体大小自适应
移动端字体大小自适应<script type="text/javascript"> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', ...
2020-04-14 15:08:27
430
对象转化为数组，在页面上可以获取到数组的值，却获取不到数组，这是为什么？
2021-06-17
动态 赋值 ref 改变 v-for 里面 input 的 disabled的 值？
2021-06-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人