自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(169)
  • 资源 (13)
  • 收藏
  • 关注

原创 uni-app动态修改manifest.json中的参数

动态修改uniapp manifest.json文件中的参数

2023-01-04 19:07:13 305

原创 uniapp老项目添加自动化部署并配置多环境

我司其他项目都是通过jenkins打包部署的,只有uniapp项目要前端通过hbuilderx手动打包上传到git,为了方便操作,配置多环境,线上打包,改造老项目!

2022-11-01 11:43:55 235

原创 Mac 本地搭建nginx

适用于前端测试打包后的文件,比如uniapp打包后的dist文件在本地运行

2022-09-23 11:10:52 699

原创 使用微信开放标签wx-open-launch-app实现从h5跳转至app

wx-open-launch-app 打开第三方app

2022-09-20 15:14:59 525

原创 在web端使用oss上传

react web端使用oss直传。

2022-06-20 16:23:27 350

原创 在Vue3.0中定义vant的toast全部提示

在vue3中挂载全局方法

2022-06-20 16:00:05 1942 5

原创 mac升级vue/cli2.9.6

尝试vue3.0项目的时候,新建失败,提示应该升级vue/cli,且附带了卸载和升级的命令:npm uninstall -g vue-clinpm install -g @vue/cli执行了好几次,查看vue版本还是2.9.6发现,卸载vue/cli的时候,执行vue -V还是可以看到vue存在的,且版本号为2.9.6上网查资料总结卸载及升级方法如下;查看vue存在路径 which due 看到vue存在usr/local/bin(每个人的不一样)下面; 进入.

2022-04-02 17:52:21 1035 1

原创 display:flex布局实现 上面两个,下面三个的布局

布局如上图。html 部分: <view class="cardList flex"> <view class="cardList_item" v-for="(item,index) in 5" :key="index"> <view>{{item}}</view> </view> </view>css 部分:.cardL...

2022-01-07 19:13:16 1071

原创 微信小程序调用客服消息,右下角提示“可能要发送的小程序”

想要实现效果如下:点击小气泡弹窗之后,自动回复对应内容。参考文档:button | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/component/button.html重点是以下部分:我司用的芝麻客服。看芝麻客服关于收到消息时回复,有个帮助文档,位置如下:文档地址:带参数的收到消息回复 · 芝麻小客服帮助文档 · 看云看云是一个现代化文档写作、托管及数字出版平台,基于Mar...

2021-12-17 14:32:50 1198 2

原创 微信小程序调用子组件事件

微信小程序父级组件调用自定义组件中事件的方法如下:假设自定义组件引入如下:(id是必须的) <count-down id="countDown"></count-down>count-down中有事件:Component({ methods: { closeGold() { console.log('close gold'); }, }})在父级组件中,调用count-down中cl

2021-12-16 16:05:34 814

原创 微信小程序中使用svga动画

微信小程序中渲染svg动画

2021-12-16 15:56:54 2239 1

原创 关于console的知识点

table():用表格的形式显示数组或对象 数组: const a=[1,2,444,66];console.table(a) 对象: const a=[{a:'this a',b:'this b'},{a:'this a1',b:'this b1'}];console.table(a) 只打印部分对象: const a=[{a:'this a',b:'this b',c:'this c'},{a:'this a1',b:'this b1',c:'this c1'}];con

2021-10-29 16:44:51 65

原创 js 的 try/catch/finnally之间的关系

基本语法:function test(e){try { //必须执行的代码 if(e==3){ throw('是3')//抛出错误 }else{ console.log('不是三') }}catch(err) {//捕获try 抛出的异常 console.log('输入的值==3'+err)}finally {//finnally 可选是否执行 console.log('输入的值'+e)}}执行:te

2021-10-27 19:31:34 374

原创 js 捕获鼠标右键事件

window.oncontextmenu=()=>{console.log('鼠标点击了右键')}

2021-10-27 18:52:23 1350

原创 移动端抓包

电脑抓包我司app。抓包工具:charles(电脑下载即可。)抓包工具界面如上图。左侧就是请求的接口,右侧是返回的数据。抓包过程:启动charles,保证电脑和手机处于同一wifi下; 手机安装ssl证书,没有安装的用手机浏览器打开网址,不要用微信:chls.pro/ssl 我的是iOS系统,以iOS系统举例。 下载完毕是上面界面。 打开手机设置--通用--关于本机--证书信任设置,打开下面的按钮 2,3步骤是为了保证抓包的时候出现unknown的情况。 如下图处于勾选.

2021-10-27 10:21:23 89

原创 react+umi+antdesign+typescript从零构建后台系统

确保电脑有node,查看方式:node -v2.确保电脑有umi,查看方式:umi -v没有umi的安装方式:npm install -g umi3.执行以下代码:npm create umi 文件名或者 yarn create umi 文件名出现以下选择,直接回车即可。出现以下选择,直接回车。出现以下选择,这个是新建出来的模版是简易版本,还是比较完善版本。可以直接回车,也可以选择complete4.执行:npm inst...

2021-10-22 17:50:54 278

原创 地址栏拼接参数,页面请求报错。

页面报错:The page at ###was loaded over HTTPS, but requested an insecure resource '###'. This request has been blocked; the content must be served over解决办法,在页面入口页头添加:<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">..

2021-09-26 17:47:37 287

原创 npm install安装插件失败

参考:npm 在安装时候报错 npm ERR! request to https://registry.npmjs.org/express failed, reason: unable to verify_AdleyTales的技术博客-CSDN博客原因是https的自签名失败临时解决办法:关闭sslnpm config set strict-ssl falsehttps://blog.csdn.net/adley_app/article/details/107400613安装插件:npm ins

2021-09-24 16:00:43 526

原创 leetcode题解--66. 加一

题目:力扣https://leetcode-cn.com/problems/plus-one/题目描述:给定一个由 整数 组成的 非空 数组所表示的非负整数,在该数的基础上加一。最高位数字存放在数组的首位, 数组中每个元素只存储单个数字。你可以假设除了整数 0 之外,这个整数不会以零开头。示例1:输入:digits = [1,2,3]输出:[1,2,4]解释:输入数组表示数字 123。示例2:输入:digits = [4,3,2,1]输出:[4,3,2,2]..

2021-09-17 16:22:36 43

原创 leetcode题解--35. 搜索插入位置

题目:力扣https://leetcode-cn.com/problems/search-insert-position/题目描述:给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。请必须使用时间复杂度为 O(log n) 的算法。示例 1:输入: nums = [1,3,5,6], target = 5输出: 2示例2:输入: nums = [1,3,5,6], target = 2输出: 1示例..

2021-09-17 11:38:51 30

原创 leetcode题解--28实现 strStr()

题目链接:力扣https://leetcode-cn.com/problems/implement-strstr/题目描述:实现strStr()函数。给你两个字符串haystack 和 needle ,请你在 haystack 字符串中找出 needle 字符串出现的第一个位置(下标从 0 开始)。如果不存在,则返回-1 。说明:当needle是空字符串时,我们应当返回什么值呢?这是一个在面试中很好的问题。对于本题而言,当needle是空字符串时我们应当返...

2021-09-16 18:48:56 41

原创 leetcode 题解--27 移除元素

题目链接:力扣https://leetcode-cn.com/problems/remove-element/题目描述:给你一个数组 nums和一个值 val,你需要 原地 移除所有数值等于val的元素,并返回移除后数组的新长度。不要使用额外的数组空间,你必须仅使用 O(1) 额外空间并 原地 修改输入数组。元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。说明:为什么返回数值是整数,但输出的答案是数组呢?请注意,输入数组是以「引用」方式传递的,这意味着在...

2021-09-16 16:32:56 33

原创 微信小程序分包

原生小程序分包和uniapp小程序分包差不多。分包只是在原有代码结构上,指定那个文件夹属于分包,所以,页面地址原本路径不会修改。比乳,将pages/mine设为分包,mine下面的有页面地址pages/mine/index/index,分包后仍为pages/mine/index/index这种。目前并不限制分包的数量 整个小程序所有分包大小不超过 20M 单个分包/主包大小不能超过 2M参考文档:https://developers.weixin.qq.com/miniprogram/de

2021-09-09 15:20:37 552

原创 antdsign中DatePicker日期选择框的使用——moment与时间戳的相互转化

以在form表单中进行举例!!//有时间选择器如下 <Form.Item name="releasedTimestamp" > <DatePicker showTime inputReadOnly allowClear /> </Form.Item>//有时间范围选择器如下 &lt

2021-09-07 16:52:53 3158

原创 vscode保存react代码后,代码混乱

如上图,代码保存的时候,乱码了。。。解决方式:打开设置: 按照下图添加配置项:*.js,javascriptreact 搜索插件:JS-CSS-HTML Formatterv0.2.3,禁用 重启vs code重启之后,看编辑器右下角,当打开的是js文件的时候,显示javaScript React 即可。...

2021-08-19 17:09:54 308

原创 wangeditor自定义扩展菜单--上传音频版本

wangeditor基本使用参考:https://blog.csdn.net/impossible1994727/article/details/117931282?spm=1001.2014.3001.5502在官方文档中,提供的菜单主要有:menus = [ 'head', 'bold', 'fontSize', 'fontName', 'italic', 'underline', 'strikeThrough', 'indent

2021-08-17 11:09:09 2538 3

原创 为什么要用promise?

了解为什么要用promise首先了解一下什么叫做回调地狱。回调地狱是指:多层嵌套函数,函数的返回值是下一个函数的执行条件。举例:function a(){ let a='a'; function b(a){ let b='b'+a; function c(b){ let c='c'+b; console.log(c); } }}如上代码,多层嵌套,代码看着就很乱。解

2021-07-01 22:22:09 313

原创 antdsign 中使用table定义columns的宽度不生效的解决方式

{ title: '活动链接', dataIndex: 'url', width: 300, render: (_, arr) => { return _ ? ( <> <a href={_} target="_blank" id={'copy' + arr.id} > {_} </a> ...

2021-06-30 16:54:24 871

原创 react实现富文本:wangeditor-for-react

安装:npm install wangeditor-for-react引入:

2021-06-15 19:29:22 2320 2

原创 react初学--jsx与js的写法,区别于联系

react书写方法有两种一种是jsx一种是js。用最简单的html页面结构举例。初始页面结构如下:引入re<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi

2021-06-11 10:56:51 1643 2

原创 实现拖拽元素改变元素列表序号列表

参考文档:http://www.sortablejs.com/index.html我司有需求,拖动里诶包

2021-06-10 15:52:00 310

原创 antdsign 上传音频设置mp3格式,不触发beforeUpload事件

上代码:html部分: <Upload accept="audio/ogg,audio/mp3,audio/wav,audio/m4a,audio/flac" {...defaultUploadProps} beforeUpload={beforeUpload} > <Button type="primar

2021-05-27 18:36:47 515

原创 antd-- table表格排序

按照数字排序要求后端返回的level是数字 const columns = [ { title: '等级, dataIndex: 'level', key: 'name', render: (_) =>_,sorter: (a, b) => a.level - b.level, },]自定义排序:仅做示例假设后端返回的不是数字,而是时间,比如2021-05-24 10:54:31const column

2021-05-26 16:31:48 4096 4

原创 h5跳转到微信小程序--wx-open-launch-weapp

说明: 记录的是我做过的项目,各位仅供参考。参考文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html官方使用步骤:绑定域名,登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 引入j s文件:在需要调用JS接口的页面引入如下JS文件:http://res.wx.qq.com/open/js/jweixin-1.6.0.js (支持https)通过con

2021-05-26 14:12:39 757

原创 antdesign 使用upload报错问题总结

我是在form组件中使用的upload,因为用form.setFieldsValue没能给upload赋值,所以选择使用upload的defaultFileList。本地版本一直有个警告:Warning: [antd: Upload] `value` is not a valid prop, do you mean `fileList`?线上版本一直报错某个map 和must set key for <rc-animate> children;总结原因是使用defaultFi.

2021-04-26 16:14:35 1588

原创 vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

千万不要随便改host为ip,万一断网之后重启了,真找不到错误啊。根据网上各种操作比如:npm uninstall webpack-dev-servernpm install webpack-dev-server@2.9.1npm run dev都尝试了,but,依旧报错。。。然后突然想起来上次也报这个错,只怪自己脑子太笨。上解决方式:我之前修改了host为本地ip地址,但是后来ip变了,这里没改。改回来localhost就可以正常运行了。...

2021-03-29 13:10:45 1900

原创 vant 引用Lazyload报错Lazyload

报错如上图:将本地代码添加如下两行就可以了:import Vue from "vue";Vue.use(Lazyload);完整使用方式如下:<template> <div class="Index"> <!-- banner --> <div class="banner"> <van-swipe :autoplay="3000" indicator-color="#ea792d" class="..

2021-03-07 13:59:48 1224

原创 修改layer弹窗按钮样式

参考下图代码: layer.alert('请选择支付方式!', { anim: -1, skin: 'demo-class',//layer自定义的class offset: ['200px', ''] })如上面的代码协商skin,然后就可以修改样式了 body .demo-class .layui-layer-btn0 { background-color: #FF2424;

2021-01-28 14:54:11 1418

原创 vue中使用腾讯视频播放器

参考:https://m.v.qq.com/txp/v3/src/jsapi/下载腾讯视频的jshttps://vm.gtimg.cn/tencentvideo/txp/js/txplayer.jshttp://vm.gtimg.cn/tencentvideo/txp/js/txplayer.js在页面新建一个视频播放的父级div<div id="container" class="video-wrapper"></div>引入腾讯视频jsimport

2021-01-26 16:22:19 1890 6

原创 uniapp打包成h5怎么去掉链接里的#?

看上图本地项目中要含有template.h5.html文件,打开manifest.json,选择h5配置,按照图中填写,保存。最后选择发行——网站(H5手机版)

2020-12-14 19:21:15 3445 5

pinyinjs-master.rar

根据上一个资源,继续是实现下一个功能,将汉字转化为拼音,要带声调。 根据项目需求引入自己需要的js。

2020-07-17

实现一个鸡肋的功能————写汉字

功能复刻一个叫写汉字的小程序。 引入hanzi-writer.min.js,和jquery的js。

2020-07-13

实现一个鸡肋的功能————写汉字

功能复刻一个叫写汉字的小程序。 引入hanzi-writer.min.js,和jquery的js。

2020-07-13

test_webpack.zip

从零用webpack构建一个vue项目 参考本人博文:https://blog.csdn.net/impossible1994727/article/details/106949687

2020-06-30

rem.js适用于移动端

适用于移动端的单位转换工具,设计图是375的话直接可以用的。 100px=2rem。 使用时要放到引用的最前边。

2020-06-03

clipboard.min.js

有一个需求:类似于我们平时自己做的选中网页上面的某段文字,然后复制到粘贴板上。 实现复制功能。 可以自己定义提示,具体用法可以看我的博客。

2020-05-29

[3500个常用汉字]3500个常用汉字.txt

常用的3500个汉字。 用处为,项目中需要用到的特殊字体,可以自己压缩。 压缩需要用到这个文件。 压缩方式我也写的有哈。

2020-05-15

保存和获取cookie的插件cookie.js

保存和获取cookie的插件cookie.js html中引入方式为: import {setCookie} from './cookie.js'

2020-05-05

小程序上传文件到阿里云所需jsutils.rar

小程序上传文件到阿里云oss所需所有js,只需修改config.js里面的参数为自己的就可以,js内部有注释,按照注释来即可。

2020-04-15

前端缩小上传的图片大小

用户上传图片的大小不一,从前端方面限制图片的大小,不改变图片的比例进行缩小。

2019-04-08

3D旋转图片滑动轮播,适配移动端

和图片轮播类似,但是3张图片同时显示,而且新添加了3D功能,图片来回滑动,形成一个封闭的圈。

2018-12-12

跑马灯抽奖特效-固定概率

由前端计算固定抽到每个奖项的概率,跑马灯抽奖特效,并且每天抽奖次数不得超过3次

2018-12-12

移动端跑马灯抽奖特效

点击抽奖开始跑马灯特效,随机抽中某个奖品,概率随机

2018-12-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除