- 博客(19)
- 收藏
- 关注
RSS订阅原创 input 输入框 禁止浏览器自动填充问题
html中 可通过原生html事件修改属性 <input type="password" placeholder="请再次输入密码" readonly="readonly" autocomplete="off" onfocus="this.removeAttribute('confirmPwd')" > vue中 html代码： <input type="text" placeholder="请输入手机号 / 电子邮箱" readonly="readon
2022-03-23 16:07:54
1550
原创 检测是否在微信中打开h5页面
isWeixin () { var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger' || ua.match(/_SQ_/i) == '_sq_'){ //在微信 return true; } else{ //在其他浏览器 return false; } }, ...
2021-10-28 11:07:08
1124
原创 移动端H5使用window.open跳转，IOS不生效解决
直接上代码 var user = navigator.userAgent; //android端 var isAndroid = user.indexOf("Android") > -1 || user.indexOf("Adr") > -1; //ios端 var isiOS = !!user.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if(isAndroid) { window.open(openUrl) }else if(isiOS) {
2021-10-28 11:02:58
5370
原创 p标签自动换行问题
css样式（通用） p{ word-break: break-all; white-space:normal; word-wrap: break-word; } <p>（sjdklasjdlkajsdlajsdjaasdjasdjaisda213123123123jl1k2j3l1k23j）测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</p> 注：如果有英文数字等需要把英文和标识符，单独使用 span 括起来。 ...
2021-10-11 11:48:11
2179
原创 echarts 实现中国地图
echarts可以通过 npm install echarts 下载 也可以 去克隆下载，地址：https://github.com/Luna829/incubator-echarts/blob/master/dist/echarts.js <html> <head> <title>china地图</title> <style> #app { width: 500px;
2021-10-09 18:11:32
561
1
原创 支付密码框实现
超简单实现方式： <div class="vcode-box"> <input type="text" class="vcode_value" v-model="vCode" maxlength="6" /> <div class="vcode_value_box"> <input type="text" maxlength="1" v-for="(item,index) in 6"
2020-11-11 19:10:24
493
原创 css修改浏览器滚动条样式
::-webkit-scrollbar-thumb //当前滚动条 ::-webkit-scrollbar //整个滚动条样式 &::-webkit-scrollbar { //底部背景 background-color: #fafafa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 6px;
2020-11-11 17:33:22
198
原创 vue-router路由两种模式：
路由有两种方式：hash和history模式 hash模式：浏览器url中#后面的内容，包含#。hash是URL中的锚点，代表 的是网页中的一个位置，单单改变#后的部分， 浏览器只会加载相应位置的内容，不会重新加载页面。 history模式 ：HTML5，History interface提供了两个新的方法： pushState(), 浏览器不会向服务端请求数据，直接改变url地址，可以类似的理解为变相版的hash；但不像hash一样， 浏览器会记录pushState的历史记录，可以使用浏览器的前进、后退功
2020-11-11 17:23:25
457
原创 socket.io客户端与node服务端连接
socket 客户端与服务端链接 客户端： // index.html引入 <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.0/socket.io.dev.js"></script> //链接node层 initSocket() { var websocket; let that=this; var websocket=null; let so
2020-10-20 17:53:58
998
原创 h5监听手机浏览器横屏和竖屏(css和js)
css代码 /*横屏*/ @media (orientation:landscape) { } /*竖屏*/ @media (orientation:portrait){ } js代码 window.addEventListener('resize', function(){ //监听屏幕 monitorScreen(); }); function monitorScreen() { if (window.orientation == 0 || window.orientation
2020-07-13 17:23:41
1886
原创 解决h5兼容ios手机浏览器下载本地文件直接打开问题。
// 下载文件 var form = document.createElement('form'); form.action = url; document.body.appendChild(form); form.submit(); document.body.removeChild(form);
2020-07-10 18:40:10
5556
5
原创 react 中 redux库使用
redux redux是一个js库，用来管理状态的，单向数据流 创建仓库 const store = redux.createStore(reducer) //reducer 必须是一个函数 返回值：仓库对象 ** reducer ** 计算最新状态（必须是一个函数） 参数:state,action state 就是仓库状态 action描述仓库状态 返回值：getState()获取得结果 store.getState() 获取仓库状态,得到reducer的返回值 store.dispatch() 派发
2020-05-16 17:49:28
250
原创 h5进行手机录像传给后端base64格式
通过input=file方式兼容比较好一些。 html部分代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>h5手机录像</title> </head> <bo
2020-05-16 15:35:15
1006
2
原创 vue 中 vuex使用
state: 共享的数据 getters: 对state里面的数据派生出一个新的数据的时候 mutations: 同步函数，修改state里面的状态的时候，只能通过mutations里面的方法来修改 actions: 异步函数 怎么在视图或者组件里面使用 state this.$store.state.属性名 放在计算属性里面 ...mapState(['名字']) getters computed //缺点：会产生代码冗余 this.$store.getters.属性名 ...mapGetters
2020-05-16 15:13:02
242
原创 前端css实现整个网页为灰白色:filter
css滤镜：filter /* 滤镜黑白色 */ html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);...
2020-04-07 15:16:28
805
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人