- 博客(108)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 uniapp微信小程序-上传文件（支持图片和其他文件等），一次性获得最终返回值
【代码】uniapp微信小程序-上传文件（支持图片和其他文件等），一次性获得最终返回值。
2023-07-31 09:35:14
3630
原创 iframe高度自适应的解决方案
iframe高度自适应的解决方案使用场景：通过Iframe来解决项目嵌套问题时会碰到iframe的高度自适应的问题；正常情况下的iframe：会出现一个滚动条影响美观情况1：不存在跨域情况时的解决方案 <iframe name="outerPage" onload="iframeload()" src="./test.html" name="myFrame" scrolling="auto" frameborder="0" id="outerPage" :style="{ 'min-
2022-05-26 19:37:24
3797
原创 el-from校验精准定位的问题——提升客户体验度
el-from校验精准定位的问题适用场景：表单内容过多不同屏幕可能出现滚动条，此时提交表单部分字段被遮挡，导致用户无法直观的看到错误提示。目标效果：如果校验不通过，可以直接定位到错误的位置。具体代码实现：el-form表单代码<el-form ref="elForm" :model="dialogForm" label-width="130px" label-position="left" :rules="rules"> <el-form-item label="企业名
2022-05-26 19:14:06
812
原创 Chrome调试技巧
1.copy()在控制台copy某个变量后，就到剪贴板了2.截屏Capture node screenshot截取选中的元素Capture full size screenshot 截取完整的页面Capture screenshot 截取当前视图内的页面控制台的Elements中选中某个元素后：Ctrl+Shift +P，输入要截屏的方式，即可截图并下载3.Snippets 记录控制台的信息控制台我们输入的内容刷新会丢失，可以写在Sources中的Snippets 中，4.Over
2022-04-12 18:41:59
933
原创 有趣的git
Git诞生由Linux系统创建人Linus为了方便管理Linux代码，花了两周的时间用C语言写了这个分布式管理系统。在此之前的3年使用的是BitMover公司BitKeeper版本管理软件，期间由于不止一个人想破解BitKeeper的协议，又被BitMover公司监控到了，所以终止使用。集中式本本控制系统——SVN、分布式版本控制系统——git集中式管理特点：1.版本库是集中放在中央服务器，需要的时候先从中央服务器拉取最新代码，再工作。中央服务器就好比一个图书馆，你想要修改其中一本，先要从图书馆借
2022-04-07 16:22:54
1451
原创 git基础流程各项指令的意义
git基础流程各项指令的意义1.git status 查看本地仓库当前的状态（本地仓库和远程仓库的差异文件会被提示出来）新增一个c.js文件查询状态——会告诉我们这个文件没有提交，可以执行git add指令暂存2.git add 暂存新文件——暂存在提交后再次查看状态，提示这个文件需要提交，也可以取消暂存3.git commit -m ——提交到本地仓库执行git commit后修改就已经提交到本地仓库了（此时查看git log日志中已经有此次的提交，但是还不在远程仓库），这个时候git
2022-04-07 15:47:10
528
原创 52版本火狐的安装问题-以及日常问题
关于52版本的火狐浏览器的安装问题，资源信息包含安装说明资源地址https://download.youkuaiyun.com/download/baidu_41604826/79670376
2022-02-08 11:08:19
671
原创 关于Node和浏览器的不同
1.为什么它俩有必要比较？1.因为它们都是使用javascript作为其编程语言2.它们有什么不同点1.全局下this的指向不同浏览器下this指向window,nodejs中this指向global，所以window中封装的一些例如alert这些方法在nodejs中是无法使用的。2.使用的引擎不一样；不同的浏览器使用的引擎都是有差别的（所以应用会出现各种兼容性差异），但是Nodejs是基于谷歌的V8引擎的，引擎一致不管什么环境都不存在兼容性的问题。3.javascript在浏览器中的主要作用
2021-12-27 16:09:29
1015
原创 技术知识点名词——会持续汇总
1：http——网络通信工具，也叫做超文本传输协议。也就是web网页和服务器交互过程中的一个协议，规定了请求和相应的固定格式。2：一个网址对应一个网站：一个网址（域名）对应一个IP地址，一个IP地址对应一个电脑，电脑上存储着web网页信息。IP地址和域名通过DNS进行双向绑定。从而通过域名可以访问到相应的web网页。...
2021-12-23 11:39:14
121
原创 vue结合element使用过程中的一些小问题汇总——会持续汇总
1.el-date-picker——日期选择组件type="datetime"时的“此刻”按钮时分秒无效<el-date-picker v-model="formData.reporterTime" type="datetime" placeholder="请选择报告时间" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions">&
2021-12-16 11:51:13
835
原创 VUE实现左右点击滚动的效果
vue实现左右点击滚动，效果如图涉及功能点：在created中使用refs结合refs结合refs结合nextTick仍然无法获取到元素的问题：添加定时器左右按钮是否可点击根据数据以及当前分辨率可放下的个数确认可适应不同分辨率下的情况代码<!-- --><template> <div> <div class="ProgressBoxTool" v-if="progressList && progressList.le
2021-12-15 17:39:57
9030
1
原创 plupload上传文件碰到的问题
背景：公司的老项目，上传文件使用的是swfupload插件（该插件依赖的是flash，使用的原因可能是当时这个插件有进度条等一系列的配置），但是现在该项目要求兼容火狐，从2020年1月份火狐和谷歌已经抛弃了flash，所以对应的功能要找插件代替，所以最终选择了plupload1.基础的API可以参考地址https://www.cnblogs.com/2050/p/3913184.html2.问题1：上传多个文件时，最后一个文件不显示进度条我是在"FileUploaded"方法中处理上传完成的回调逻辑
2021-12-06 17:03:30
1404
1
原创 type=“module“模式下的跨域问题
html中使用type="module"的模式引入Js文件会报跨域问题<script type="text/javascript" src="a.js"></script><script type="text/javascript" src="b.js"></script><script type="module"> import './c.js'</script>a.js和b.js引入均正常c.js引
2021-10-28 14:17:20
6327
原创 vue：借助插件实现按比例切割图片
1.使用插件——vueCropper安装该插件：npm install vue-cropper结合el-element的上传组件2.示例：主页面data(){ return { formData:{ currentBannerImg:"" }, isShowCropper :false, }}<el-upload class="avatar-uploader" list-type="picture-card"
2021-09-18 16:41:19
863
转载 前端使用layui结合canvas实现图片验证码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="./plugin/layui/css/layui.css" /> </head> <body> <fieldset class="layui-elem-field layui-fi
2021-05-10 10:23:52
1350
原创 原生Js通过form表单提交后的跳转问题
//把form的target设置为iframe的name值即可<form target = "rfFrame"> </form><iframe src="" frameborder="0" style="display:none;" name="rfFrame"></iframe>关于提交后的数据获取，后台表示可以处理。
2021-03-10 11:37:47
1520
1
原创 IE5的兼容问题——记录给自己看的
Type=radio的选中问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2021-03-10 09:55:39
521
转载 Uniapp上传图片的压缩问题
uniapp上传图片的时候前台压缩下边是一个完整的页面代码：测试下拉发现，图片内存小的话，压缩出来内存反而变大了，但是文件较大的情况下，压缩后就很小了。所以可以考虑通过判断源文件的大小来考虑是否压缩。此处全部压缩，已满足应用场景。写的比较乱，留给自己看。<template> <view class="content"> <view @tap="ChooseImage()">点击上传图片</view> </view></temp
2020-12-15 16:41:03
10075
7
原创 Vue写全局的过滤器
Vue写全局的过滤器在Src下创建一个filters的文件，其中包括filter.js和index.jsfilter.js文件内容：/** * 返回大于某个数值 */export function fn1(arr,maxNum){ console.log(arr,maxNum) if(!(arr instanceof Array)){ return arr }else{ return arr.filter(key=>
2020-12-01 17:46:37
317
翻译 JS——把数组中拥有相同值的部分放在一起
JS——把数组中拥有相同值的部分放在一起出自：该地址下边的回答：https://segmentfault.com/q/1010000017751288此处留痕：数据：目的是要把zhuanye字段值相同的项目信息存放在一起tableData2: [ { name: "项目1", birth: "80m²", status: "已确认", time: "2020-01-01", zhuan
2020-11-25 17:37:59
9145
1
原创 安卓证书的生成
移动端app安卓证书的生成首先安装JDK和JRE环境网上下载比较麻烦，这里有下载好的文件：git仓库地址：https://github.com/fairy66/java.git把下载好的文件放在某一个位置，然后配置环境变量编辑系统环境变量——Path——新建（把jdk和jre的bin目录添加到系统环境变量中），如下图3.打开cmd窗口，输入以下指令——创建安卓证书的指令：keytool -genkey -alias hg.keystore -keyalg RSA -validity
2020-10-12 10:55:39
4868
3
原创 关于推流和拉流的测试问题
测试推流拉流的地址问题越来越多直播软件的诞生，所以测试推流地址是否正常很重要推荐的推流工具：OBS官方下载地址：https://obsproject.com/welcome打开后的界面：3.设置推流地址步骤：设置——推流——选择“自定义”服务——服务器（推流地址服务器）——串流秘钥（对应的房间号加参数-根据自身的情况）4.点击如上第六步会弹框：5.根据提示：点击来源的“加号”——选择显示器捕获，会出现如下界面：6.点击右下角的“开始推流”，右下角会出现如下图，就是推流成功了，
2020-09-05 09:43:32
4577
1
原创 uni-app根据城市匹配对应的天气
uni-app根据城市匹配对应的天气类似如图功能；1.引入cityInfo.jsonconst cityInfo = require('@/components/al-weather/city.json');声明变量：city:'', //本地城市名称weather:'', //天气信息2.获取城市名称——匹配城市的code值uni.getLocation({ type: "gcj02", altitude: false, geocode: true, succes
2020-08-26 11:32:47
1195
原创 vue报错之Duplicate keys detected: ‘0‘. This may cause an update error.
vue报错之Duplicate keys detected: ‘0’. This may cause an update error.如上错误可能性：1.嵌套循环出现了相同的key值；2.key的值不存在
2020-08-24 14:44:55
465
原创 apicloud——微信第三方登录、apple登录
apicloud中微信第三方登录的问题混合开发移动应用很火啊现在，多数公司都要求是必备技能，或者加分技能，所以学习来了如下是作为前端工作者应该了解的内容，更加详细的前往官方示例*** 结合apicloud官方提供的模块——wxPlus或者是wx（新旧版本而已）a.wxPlus.isInstalled判断是否安装了微信，如果有再进行下一步，没有就给与相应的提示；b.wxPlus.auth去...
2020-05-18 14:53:26
1217
原创 iconfont图标的使用——超级简单，方便
iconfont图标的使用1.iconfont：官方地址2.如果自由使用不是某一个项目，可以选择加入购物车——下载至本地——解压如果是某个项目中使用，可以创建一个项目，把购物车中的图标添加至某个项目——下载至本地——解压图示：或者创建项目——下载至本地3.解压之后的文件：4.项目中用到的只有iconfont.css文件，把该文件在对应的html或者对应的文件中引入就可以了5...
2020-04-08 15:59:01
897
原创 vue项目中代码暴露问题
vue项目中代码的暴露问题由于vue使用的不够熟练，所以在使用的过程中还是存在好多细小的问题，近日碰到的会做个整理，给自己备用我这里是在使用apicloud的过程中，直接通过script来引入vue包，所碰到的问题，如果是前后分离可能有更好的方式html页面代码诸如此类的mustache语法的方式来展示变量内容，会出现代码暴露的情况也就是说在页面还没有完成渲染的时候，{{}}会直接暴露...
2020-04-07 10:19:44
1163
原创 前台关于跨域的警告A cookie associated with a cross-site resource at .........，代理服务器
A cookie associated with a cross-site resource at …解决该警告的方法：在配置文件中添加配置如下： "proxy": { "/api": { "target": "http://112.125.26.100:8000/", "changeOrigin": true, "pathRewrite": { "^/api" ...
2019-12-26 16:34:51
44277
3
获取天气使用的city.json
2020-08-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人