- 博客(20)
- 收藏
- 关注
RSS订阅原创 React中将string类型的图片转为图片文件，获取它的size
1.输入框中输入一个url，判断它是否为一张真正的图片，且图片的大小必须满足业务要求的大小。
2023-09-21 16:59:16
158
原创 css写不规则三角形
1. 写一个直接三角形，要求宽度为20，高度为48例如：css代码如下width:0; border-left: 10px solid red; border-top: 24px solid transparent; border-right: 10px solid transparent; border-bottom: 24px solid red;例如：css代码如下：width:0; border-left: 10px solid transparent
2022-02-24 13:12:21
757
3
原创 uniapp 开发app引入map模块
刚开始页面调试ok 打包后，map模块功能无法使用，报如下错误：是map模块权限未开启导致。下面讲一下整个从报错到使用的流程：1. 打开项目进入manifest.json -> App模块配置勾选如下，需要配置appkey2. 我这边配置的高德地图appkey 以此为例，进入高德地图开放平台 -- > 控制台高德开放平台 | 高德地图API高德开放平台官网https://lbs.amap.com/3. 进入我的应用去添加4. 这里选服务平台为...
2021-12-06 15:23:45
2307
原创 uniapp 上拉刷新加载更多数据
1. 用到uniapp的组件<uni-load-more :status="status" :content-text="contentText" @clickLoadMore="clickLoadMore"></uni-load-more>2. 定义变量data() { return { dataList: [], last_id: '', reload: true, //判断是否为第一轮加载，以便赋予index值 time: 1, //该
2021-11-23 11:11:56
1905
原创 uniapp 开发app 导航栏 按钮切换
实现导航栏右侧按钮，管理和完成的切换效果，代码如下：1. 通过按钮宽度控制显示隐藏，设默认完全按钮的宽度为0，即不显示{"path": "pages/addrManage/addrManage","style": { "navigationBarTitleText": "任务地址", "enablePullDownRefresh": false, "app-plus":{ "titleNView":{ "buttons":[ { "text":"管...
2021-11-17 15:52:30
902
原创 uni-app 引入图标并使用
第一步：首先打开阿里巴巴图标库 地址：iconfont-阿里巴巴矢量图标库iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具https://www.iconfont.cn/home/index第二步：选中自己想要的图标加入购物车第三步： 点击项目 选中一个项目名称，选中后点击确认，然后点击下载至本地第四步：解压文件包，将里面的文件加入你的项..
2021-10-19 12:18:15
724
原创 小程序调用手机照相机或相册上传照片的一个小demo
第一次搞小程序，需要解决前任同事的一个bug--手机拍照上传图片选择原图上传时，本地相册无该图片的问题。需求是：手机拍照上传原图或非原图，希望本地相册都有图片保留，以供查阅。问过一些之前的同事和同行，都说是上传原图本地会有图片保留，操作结果是否，于是从头研究。用小程序官网的api demo做演示，结果确实上传原图本地无图片保留，那么要实现需求要求的，就得借助其他api去手动的保留图片到本地。我的实现代码如下：html:js:首先，利用wx.showActionSheet()
2020-09-02 14:58:56
789
原创 js 多个数组合并
let arr1 = [1,2,3];let arr2 = [4,5,6];let arr3 = [7,8,9];...let arr10 = [22,33,44];// 多个数组进行合并如下：let arrAll = Array.prototype.concat.call(arr1, arr2, arr3 ..., arr10);
2020-08-29 14:35:02
683
原创 如何删除父元素指定的子元素
1.删除父元素中class为demo的所有节点let eleList = document.getElementsByClassName('demo');for(let i=eleList.length-1; i>=0; i--){ eleList[i].parentNode.removeChild(eleList[i]);}
2020-07-03 18:16:51
1461
原创 js实现div的缩放功能
下面总结一下自己实现的两种缩放方式，一种是以左上角为缩放中心，一种是以元素中心为缩放中心。一、以div左上角为缩放中心
2020-07-01 10:02:39
9763
原创 js 实现图片大小的伸缩
通过拉取图片上，下，左，右，上左，上右，下左，下右，边框和边角实现图片的伸缩。1.html代码<div class="boxs"> <span class="l"></span> <span class="r"></span> <span class="t"></span> <span class="b"></span> <span clas..
2020-06-19 17:08:09
511
原创 单页面应用和多页面应用的区别？
1.单页面和多页面的区别？单页面应用：一个项目只有一个完整的html页面，其他都是部分的html片段组成。页面跳转只是局部刷新，不会重新加载全部资源。片段的切换，比较容易实现转场动画。多页面应用：一个项目由多个完整的html页面组成，页面跳转会将所有的资源重新加载，页面之间的切换会出现卡顿空白的问题，不容易实现切换动画等。单页面 vs 多页面 单页面 多页面...
2020-05-13 16:01:06
389
原创 去掉浏览器自动填充输入框的问题
项目开发中，输入账号密码登录后，选择了浏览器的记住密码，导致浏览器自动填充这些数据，这样会导致用户信息泄露不安全。解决方法：使用 autoComplete 属性对密码输入框设置：autoComplete="new-password"对文本输入框设置：autoComplete="new-text"...
2020-05-13 15:56:56
633
原创 vue 双向数据绑定的原理
vue 实现双向数据绑定的原理就是利用Object.defineProperty()方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。#简单实现var obj = {};var name;// 参数一： 定义属性的对象// 参数二： 要定义或修改的属性名称// 参数三： 将被定义或修改的属性描述符Object.definePropert...
2020-03-19 22:06:55
73
原创 一个页面从输入URL到页面加载显示完成，都有哪些过程？
首先，需要找到这个URL域名的服务器ip：浏览器会先寻找缓存中是否有记录，如果缓存中没有，则查找系统的hosts文件是否有记录，如果没有，则查找DNS服务器，拿到ip。 2. 发送http请求找到服务器的ip地址后，浏览器会根据这个ip以及相应的端口号，构造一个http请求，...
2020-03-19 17:21:01
115
原创 Vue的国际化配置
1.引入vue-i18n2. 在main.js配置3.创建不同语言的json文件en.jszh.js4.vue文件中使用直接使用： {{$t('msg.mainTitle')}}属性中使用: :placeholder="$t('msg.phoneTip')"注意： 属性前加:（动态属性）js中引用 【注意：在请求的处理函数中记得将th...
2020-03-16 15:24:35
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人