- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue 动态增加路由
可以添加，但是刷新页面后c页面路由会丢失，需要做数据持久化。vue h5 项目接口请求路由数据，添加至项目。1、使用addRoutes。2、新建一个router。
2022-11-07 14:06:59
1630
原创 h5 利用getUserMedia 实现 只调用摄像头
h5开发中调用摄像头，通常会根据不同的手机显示不同的状态，往往会可以选择相册中的图片，常规用法：-input type=file capture为了让用户必须拍照上传 利用 getUserMedia 实现调用摄像头以 vue 为例<template> <div> <video id="videoCamera" height="500" style="height: 500px" playsinline
2022-04-14 17:18:05
4928
原创 前端开发本地搭建https环境
一些api只有在https下才能正常使用，比如： getUserMedia； 为了方便开发调试，搭建本地https以vue-cli 项目为例windows:1、以管理员身份打开 powershell2、修改命令执行策略Set-ExecutionPolicy -ExecutionPolicy Bypassy 回车3、安装chocolateyiex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.or
2022-04-08 18:12:47
2810
原创 vue-cli增加新的环境
需求： h5项目线上存在两个不同的域名，请求的接口域名也不同，所以希望可以通过添加一个打包环境的方法，做到使用不同的打包命令，使用不同的域名项目一般默认为development、production两个环境，现在增加一个环境 test1、在package.json中增加新的打包命令"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "build-dev": "vue-c
2022-02-16 14:57:23
600
原创 对TextArea光标位置插入文本
场景：输入框输入时点击插入文本的按钮，在光标位置插入文本处理输入框的值const setText = (str: string) => { const insertTxt = `#${str}#`; // 多个输入框可以用变量记录获取焦点的元素，此处为focus const elInput: any = document.getElementById(focus); // 获取光标所在位置前后字符串的索引 const startPos = elInput
2022-02-08 10:00:29
1446
1
原创 一键复制多行数据
react 项目后台一键复制多行数据需求，例：姓名： 小明性别： 男，偶像：奥特曼同步复制/** * 复制文本到剪切板中 * * @export * @param {*} value 需要复制的文本 * @param {*} cb 复制成功后的回调 */function copy(value, cb) { // 动态创建 textarea 标签 const textarea = document.createElement('textarea') // 将该 textarea
2022-01-11 10:50:51
854
原创 RN FlatList 的 alignItem 和 justifyContent
FlatList的style属性传入justifyContent 出现报错<FlatList style={teacherListStyles.listBox} ..... / > //listBox: { // .... // justifyContent: 'space-between', //}ScrollView child layout ([“justifyContent”]) must be applied through the contentCo
2021-05-08 17:38:47
448
原创 pod install代理
项目首次在yarn ios之前需要在ios目录下 pod install，这是必须的操作，然而该步骤十分缓慢，可以进行代理加快速度终端输入以下命令，注意 下面的1080是sock默认监听端口，如果修改了需要查看本机的代理端口git config --global http.proxy socks5://127.0.0.1:1080git config --global http.https://github.com.proxy socks5://127.0.0.1:1080pod install
2021-04-19 14:54:42
1309
原创 支付宝人脸录入之后跳转页面不对
支付宝文档 文档链接文档中表示人脸录入成功后跳转ISV小程序但是真机调试时并没有跳转到该页面解决方法：打开这个按钮即可
2021-02-23 16:20:53
1053
原创 微信小程序和支付宝小程序的富文本显示
使用taro开发的小程序，使用RichText 标签实现富文本的渲染将文本内容传给 nodes 属性微信小程序nodes支持字符串，但是支付宝小程序只支持数组可以使用 mini-html-parser2 插件对字符串进行转换安装插件：yarn add mini-html-parser2引入插件import parse from 'mini-html-parser2';对字符串进行转换 let htmlNodes = []; parse(content, (err, htmlNode
2021-02-23 15:44:25
1036
原创 小程序外接成H5的注意事项
小程序外接成H5的注意事项1、使用花生壳进行内网穿透，可以在手机上同步调试2、安装vconsole,在手机上调试时也可以打印数据npm install vconsole或者利用 script 标签引入（html文件内）<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> <script> // 初始化 var vConsole = new
2021-02-04 18:05:13
510
原创 taro-ui 的 AtInput标签的bug
做项目时有以下需求编辑多选，单选的选项，一开始很是顺利，电脑上运行正常，但是手机上测试时发现问题我在第一个输入框内输入后，点击第二个输入框，onChange事件又执行了一次，并且value显示我刚刚在第一个输入框内输入的值，于是我用setStates设置了之后，在这几个输入框内来回点击多次，结果就会很离谱。。。。于是去找了文档，发现了下面这个唯一标识！！！ 立即安排然后就又失败了，问题并没有得到解决然后又发现了这个，感觉受到了启发！！！然后发现没有用可能是我用的位置不对？ 但是
2021-02-04 16:47:08
3316
1
原创 taro小程序回退页面并携带参数
首先从页面A 跳转至页面B使用 Taro.navigateTo();Taro.navigateTo({ url:"/pages/HistoryTestList/index" })在B页面回退到A页面时设置数据 let pages = Taro.getCurrentPages(); // 获取当前的页面栈 let prevPage = pages[pages.length - 2]; // 获取上一页面 prevPage.setData({
2020-12-28 15:24:20
4316
3
原创 数组的常见函数
1、push()功能： 给数组的末尾添加元素参数：需要添加的元素，可以是多个元素，之间用逗号分隔返回值：新的数组长度<script> var arr = [12,34,13,411]; var t = arr.push(23,12); console.log(arr); console.log(t);</script>结果为：2、...
2020-03-22 16:19:17
4049
原创 css3 选择器
css3增加了很多内容，其中增加的选择器就分为属性选择器、结构性伪类选择器、层级选择器。一、属性选择器：1、选择符[属性名]{ } 只要带有当前属性名的都会被选中。2、选择符[属性名=”属性值”] 不仅指定属性名，还指定了属性值，只有都符合时才会被选中。3、选择器[属性名~=”属性值”] 属性值为一个词列表，只要有当前属性名就可以选中。4、选择器[属性名^=”属性值”] 属...
2020-03-01 19:40:36
211
原创 css定位属性 position 的应用
作用及步骤定位属性主要用来检索或者设置元素的定位方式，即改变元素位置。通常应用主要分三步：给要移动的元素添加position属性、确定参照物、确定坐标。position属性的属性值1、static 静态定位，是position属性的默认值，默认文本流状态，对于设定的坐标，也就是left、right、top、bottom不能识别。2、absolute 绝对定位，元素以已设定定位属性的父元素...
2020-02-23 22:01:08
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人