- 博客(13)
- 资源 (1)
- 收藏
- 关注
原创 h5开发,ios输入框乱码问题
场景:在开发h5页面的时候,测试测到input输入框使用ios原生输入法时,输入中文时,还未点击确认时将键盘收起,这时候拼写中文的英文被输入到input框中,导致input接收到了全角英文。而产生了乱码问题。需要将input框中的值遍历,将全角转换成半角。写这个文章是为了让大家方便检索,这类文章好像比较少代码import React, {useState} from 'react'import { Input, Button } from 'antd';function DBC2SBC(s
2023-07-24 17:08:39
438
原创 uniapp中input输入使用@input事件来控制输入框的值,不起作用
使用uniapp开发小程序中,使用input事件来控制输入框值,发现直接赋值不起作用,使用$nextTick就可以了。
2023-07-19 11:49:25
2353
原创 微信小程序地图和百度地图定位位置不一样
原来两个地图用的是两套坐标系,腾讯地图、高德地图用的是GCJ-02坐标,也就是国测局坐标系,而百度是自成一套,BD-09坐标系,所以相同地点在经纬度在两个坐标系是不一样的,或者说有偏移。开发过程中遇到同一个经纬度定位,小程序显示的和百度地图显示的不一样,经过查阅资料发现。...
2022-07-15 21:32:05
2017
1
原创 vue项目的h5在原生app中路由无法后退
原因在app中使用vue搭建的h5项目的时候,在ios中正常后退,在android中无法路由后退,使用this.$router.back()或者this.$router.go(-1)都无效,需要使用this.$router.push('/xxx')方法跳转页面。
2020-11-10 17:51:40
870
转载 js循环给li绑定事件实现 点击li弹出其索引值
js循环给li绑定事件实现 点击li弹出其索引值 和内容近期,面试我们总会遇到这样一个面试题:现在网上答案很多苟同,但是我还是想在重复的述说一遍,俗话说:好记忆不如烂笔头, 虽然常见,简单,反复出现,总之,在简单的多写写记忆还是很深刻的,即使忘了,也能拿出来翻翻。代码如下:(简单些)html代码 香蕉苹果 <li>菠萝</li>猕猴桃芒果 方法一:var itemli = document.getElementsByTagName(“li”);for
2020-06-02 15:40:08
606
转载 解决移动端滚动穿透的6种方法,经常发生在弹出遮罩层内容滚动,下面页面也滚动的情况
一、body无滚动 + 弹层无滚动[css-超出隐藏]适用场景需满足以下条件:1、body最好是一屏、无滚动2、虽然body内容超出一屏需滚动,但触发弹层出现的按钮在第一屏中3、弹层不用滚动效果解决方案:弹层出现时,用css给body设置固定定位和超出隐藏。关键代码:btn.onclick = function () { // 弹层出现 layer.style.display = 'block'; document.body.style.overfl
2020-06-02 14:30:00
5312
转载 使用纯CSS实现瀑布流效果
使用两种css方式利用css的column属性的两个属性(column-count,column-gap)<html><head></head><body> <div class="masonry"> <div class="item"> <img src="https://picsum.photos/360/460?random=1"> </div> .
2020-05-10 21:28:41
287
原创 利用vue-cli脚手架快速创建vue项目
一、使用vue-cli创建模板项目1、什么是vue-cli 是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。2、全局安装vue-cli(1)检查npm 版本,建议安装到最新版本。复制代码【命令行查看版本号】node -vnpm -v【升级npm(可选操作)】npm install -g npm【修改为淘宝镜像(可选操作)】npm...
2020-04-21 09:52:41
265
转载 使用css实现聚光灯效果动画
HTML部分代码<h1 data-spotlight="CodingStartup!">CodingStartup</h1>CSS代码html { font-size: 15px;}body { background-color: #222; display: flex; justify-content: center; align-ite...
2020-04-14 12:51:58
408
转载 vue实现商城秒杀倒计时功能,非常不错
template代码`<div> <div class="component-wrapper" id="flash-sale"> <div class="sale-header"> <div class="countdown-zone"> <div class="countdown-prefix">限時快搶&...
2020-04-08 21:59:58
2355
1
原创 【求助】Error: Minified React error #185; visit http://reactjs.org/docs/error-decoder.html?invariant=185
Error: Minified React error #185; visit http://reactjs.org/docs/error-decoder.html?invariant=185 for the full message or use the non-minified dev environment for full errors and additional helpful war...
2020-03-03 23:03:40
7999
8
转载 Vue移动端右滑屏幕返回上一页
Vue移动端右滑屏幕返回上一页2019年06月25日 20:43helloweba.net 作者:月光光 标签:Vue.js JavaScript有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件,提高用户体验。本文结合实例讲解如何实现Vue移动端右滑屏幕返回上...
2020-02-23 02:40:24
3953
3
转载 vue路由缓存中前进后退的一些事儿
vue路由中前进后退的一些事儿这篇文章主要给大家介绍了关于vue路由中前进后退的一些事儿,文中通过示例代码介绍的非常详细,对大家学习或者使用vue路由具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧前言最近蒸煮在做一个独立项目的时候遇到了一个小坑,特此做个爬坑纪念。基本情景是页面之间通过vue路由跳转,从页面A跳转到页面B(在页面B进行对应操作后),再从页面B跳转到页面C。之后再从...
2020-02-23 01:11:44
389
javascript
2016-04-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人