impossible1994727的博客_CSDN博客-css+js,微信小程序,vue领域博主

原创 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项目的时候，新建失败，提示应该升级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">  <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